.page-hero{background:#061326;color:#fff;padding:190px 0 115px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#1265ef77,transparent 35%),linear-gradient(90deg,transparent 97%,#ffffff0b 97%);background-size:auto,70px 70px;pointer-events:none}.page-hero .wrap{position:relative;z-index:1}.page-hero h1{font-size:clamp(3.5rem,7vw,7.3rem);line-height:.94;max-width:1050px;margin:28px 0}.page-hero>div>p:not(.section-tag){font-size:19px;line-height:1.7;color:#b9c5d6;max-width:730px}.content-section{padding:125px 0}.two-cols,.hosting-intro,.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:80px}.prose{font-size:17px;line-height:1.9;color:#536174}.values,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce1e5;margin-bottom:120px}.values article,.feature-grid article{background:#fff;padding:35px}.values strong{color:#1265ef;font-size:12px}.values h3,.feature-grid h3{font-size:24px}.values p,.feature-grid p{color:#637083;line-height:1.7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}.detail-grid article{background:#fff;padding:40px;border-top:4px solid #1265ef}.detail-grid article>span{color:#1265ef;font-size:30px}.detail-grid h2{font-size:33px;margin-top:25px}.detail-grid p,.mini-list{color:#637083;line-height:1.7}.detail-grid a,.inline-link,.portfolio-list a,.contact-page a{display:inline-block;color:#1265ef;font-weight:800;margin-top:15px}.faq{padding:40px 0 120px}.faq h2{margin-bottom:45px}.faq details{border-top:1px solid #dce1e5;padding:24px 0}.faq details:last-child{border-bottom:1px solid #dce1e5}.faq summary{font:700 20px "Space Grotesk";cursor:pointer}.faq details p{color:#637083;line-height:1.7;max-width:850px}.inner-cta{background:#1265ef;color:#fff;padding:100px 0}.inner-cta h2{max-width:900px}.portfolio-list{margin-top:65px}.portfolio-list article{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:45px 0;border-top:1px solid #dce1e5}.portfolio-list article:nth-child(even){grid-template-columns:1fr 1.2fr}.portfolio-list article:nth-child(even) .portfolio-shot{order:2}.portfolio-shot{background:#dfe5e8;overflow:hidden}.portfolio-shot img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;display:block}.portfolio-list h2{font-size:42px}.portfolio-list strong{display:block;color:#1265ef}.price-card{background:#07152e;color:#fff;padding:50px}.price-card small{color:#a9b5c7}.price-card strong{display:block;color:#c8ff19;font:700 78px "Space Grotesk";margin:15px 0}.price-card sup{font-size:20px}.price-card p{color:#a9b5c7;line-height:1.6}.contact-page address{font-style:normal;font-size:22px;line-height:1.7}.standalone-form{background:#1265ef;color:#fff;padding:38px;display:flex;flex-direction:column;gap:22px}.standalone-form label{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:700}.standalone-form input,.standalone-form select,.standalone-form textarea{border:0;border-bottom:1px solid #ffffff66;background:transparent;color:#fff;padding:11px 0}.standalone-form select option{color:#111}.standalone-form textarea{min-height:90px}.standalone-form .check{flex-direction:row}.standalone-form .check input{width:auto}.local-content{display:grid;grid-template-columns:1.5fr .7fr;gap:80px}.local-content .prose h2{font-size:42px;color:#07101f;margin-top:55px}.local-aside{background:#07152e;color:#fff;padding:35px;align-self:start;position:sticky;top:30px}.local-aside h3{font-size:27px}.local-aside p{color:#aab6c7;line-height:1.7}.nearby{margin-top:55px;padding:34px;background:#f1f4f7}.nearby h3{margin:0 0 20px;font-size:25px}.nearby a{display:inline-block;margin:5px 8px 5px 0;padding:10px 14px;background:#fff;color:#1265ef;font-weight:700;text-decoration:none}.nearby a:hover{background:#1265ef;color:#fff}@media(max-width:800px){.two-cols,.hosting-intro,.contact-page,.local-content,.portfolio-list article,.portfolio-list article:nth-child(even),.detail-grid{grid-template-columns:1fr}.values,.feature-grid{grid-template-columns:1fr}.portfolio-list article:nth-child(even) .portfolio-shot{order:0}.page-hero{padding-top:145px}.page-hero h1{font-size:3.5rem}}

/* portfolio-rich-v2 */.portfolio-rich article{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start}.portfolio-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 14px;scrollbar-color:#1265ef #e8edf2}.gallery-shot{position:relative;display:block;flex:0 0 82%;height:520px;padding:0;border:0;background:#e5ebef;overflow:hidden;cursor:zoom-in;scroll-snap-align:start;text-align:left}.gallery-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .35s}.gallery-shot:hover img{transform:scale(1.015)}.gallery-shot span{position:absolute;left:12px;bottom:12px;background:#07152ee8;color:#fff;padding:8px 11px;font-size:11px;font-weight:700}.portfolio-copy dl{margin:24px 0}.portfolio-copy dl div{border-top:1px solid #dce1e5;padding:12px 0}.portfolio-copy dt{font-size:10px;text-transform:uppercase;color:#7a8695;font-weight:800}.portfolio-copy dd{margin:5px 0 0;line-height:1.5;color:#536174}.portfolio-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:20px}.portfolio-actions a{color:#1265ef;font-weight:800}.lightbox[hidden]{display:none}.lightbox{position:fixed;z-index:9999;inset:0;background:#020916f2;padding:55px 5vw;overflow:auto}.lightbox figure{max-width:1200px;margin:0 auto}.lightbox img{display:block;width:100%;height:auto;background:#fff}.lightbox figcaption{color:#fff;padding:15px 0;font-weight:700}.lightbox-close{position:fixed;z-index:2;right:24px;top:18px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#07152e;font-size:30px;cursor:pointer}.modal-open{overflow:hidden}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce1e5;margin-bottom:70px}.project-facts div{background:#fff;padding:28px}.project-facts span{display:block;color:#7a8695;text-transform:uppercase;font-size:10px;font-weight:800;margin-bottom:10px}.project-facts strong{line-height:1.6}.project-story{max-width:900px;margin-bottom:45px}.project-screens{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:65px}.project-screens .gallery-shot{height:560px;min-width:0}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.solutions-grid article{background:#fff;border:1px solid #dce1e5;padding:22px;display:flex;flex-direction:column}.solution-cover{height:260px;overflow:hidden;background:#e7edf1;margin:-22px -22px 25px}.solution-cover img{width:100%;height:100%;object-fit:cover;object-position:top}.solution-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#07152e,#1265ef);color:#c8ff19;font-weight:800;letter-spacing:.14em}.solutions-grid h2{font-size:31px}.solutions-grid p{color:#637083;line-height:1.7}.solutions-grid strong{font-size:12px;color:#1265ef;margin-top:auto}.solutions-grid a{margin-top:20px;color:#1265ef;font-weight:800}.platforms{padding-bottom:100px}@media(max-width:800px){.portfolio-rich article,.project-facts,.project-screens,.solutions-grid{grid-template-columns:1fr}.gallery-shot,.project-screens .gallery-shot{height:420px}.portfolio-gallery .gallery-shot{flex-basis:90%}}/* portfolio-slider-v3 */.portfolio-gallery,.project-screens{position:relative;display:block;overflow:hidden}.portfolio-gallery .gallery-shot,.project-screens .gallery-shot{display:none;width:100%;height:620px;min-width:0;overflow-x:hidden;overflow-y:auto;background:#e8edf2;scrollbar-color:#1265ef #dce4eb}.portfolio-gallery .gallery-shot.is-active,.project-screens .gallery-shot.is-active{display:block}.portfolio-gallery .gallery-shot img,.project-screens .gallery-shot img{display:block;width:100%;height:auto;min-height:0;object-fit:initial;object-position:initial;transform:none}.portfolio-gallery .gallery-shot:hover img,.project-screens .gallery-shot:hover img{transform:none}.slider-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:50px;height:66px;border:0;background:#1265ef;color:#fff;font-size:46px;line-height:1;cursor:pointer;box-shadow:0 8px 24px #07152e33}.slider-arrow:hover{background:#07152e}.slider-prev{left:12px}.slider-next{right:12px}.project-screens{margin-top:65px}.lightbox img{width:100%;height:auto;object-fit:initial}@media(max-width:800px){.portfolio-gallery .gallery-shot,.project-screens .gallery-shot{height:480px}.slider-arrow{width:42px;height:56px;font-size:38px}.slider-prev{left:6px}.slider-next{right:6px}}
/* Mantener las dos flechas en la gama azul corporativa. */
.slider-arrow:hover,.slider-arrow:focus-visible{background:#0d55ce}
/* El énfasis del CTA debe contrastar con su fondo azul. */
.inner-cta h2 em{color:#c8ff19}
/* Cabecera y tipografía para páginas legales sobre fondo claro. */
.site-header.header-on-light{color:#07101f;border-bottom-color:#dce1e5;background:#f4f6f5}
.site-header.header-on-light nav a{opacity:.72}
.site-header.header-on-light nav a:hover{opacity:1}
.site-header.header-on-light .menu{color:#07101f}
.legal-page{padding:175px 0 110px}
.legal-page>h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1;color:#07101f;margin-bottom:70px}
.legal-content{max-width:900px;font-size:16px;line-height:1.8;color:#334155}
.legal-content h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;color:#07101f;margin:60px 0 24px}
.legal-content h3{font-size:1.3rem;line-height:1.3;color:#07101f;margin:35px 0 16px}
.legal-content a{color:#1265ef;text-decoration:underline;text-underline-offset:3px}
.legal-content li{margin:8px 0}
.legal-content table{width:100%;border-collapse:collapse;margin:25px 0;display:block;overflow-x:auto}
.legal-content th,.legal-content td{padding:13px;border:1px solid #dce1e5;text-align:left;vertical-align:top}
@media(max-width:800px){.legal-page{padding-top:140px}.legal-page>h1{margin-bottom:45px}.legal-content h2{margin-top:45px}}

/* Trabajos: tratamiento editorial monocromático. */
.page-trabajos{--blue:#25282c;--navy:#090b0e;--paper:#f0f1f2;--line:#d1d3d5}
.page-trabajos .page-hero{background:#090b0e}
.page-trabajos .page-hero:after{background:radial-gradient(circle at 80% 20%,#8b909655,transparent 36%),linear-gradient(90deg,transparent 97%,#ffffff0b 97%);background-size:auto,70px 70px}
.page-trabajos .page-hero>div>p:not(.section-tag){color:#c3c6ca}
.page-trabajos .section-tag,.page-trabajos .eyebrow{color:#555b62}
.page-trabajos .portfolio-list strong,.page-trabajos .portfolio-list a,.page-trabajos .portfolio-actions a{color:#15171a}
.page-trabajos .portfolio-shot,.page-trabajos .gallery-shot{background:#d5d7d9}
.page-trabajos .gallery-shot span{background:#111214e8}
.page-trabajos .slider-arrow{background:linear-gradient(135deg,#050505,#4b4d50)}
.page-trabajos .slider-arrow:hover,.page-trabajos .slider-arrow:focus-visible{background:linear-gradient(135deg,#4b4d50,#050505)}
.page-trabajos .inner-cta{background:#d2d4d6;color:#111214}
.page-trabajos .inner-cta h2 em{color:#111214}
.page-trabajos .inner-cta .section-tag{color:#5e6369}
.page-trabajos .lightbox{background:#050607f2}
.legal-content a{color:#315b88}

/* Todas las fichas mantienen una previsualización del mismo ancho. */
.page-trabajos .portfolio-rich article,
.page-trabajos .portfolio-rich article:nth-child(even){grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}
.page-trabajos .portfolio-rich article:nth-child(even) .portfolio-shot{order:0}
@media(max-width:800px){
    .page-trabajos .portfolio-rich article,
    .page-trabajos .portfolio-rich article:nth-child(even){grid-template-columns:minmax(0,1fr)}
}