/* V2: escala, amplitud y legibilidad */
.hero.shell{width:min(1500px,calc(100% - 36px))}
.site-header{width:min(1500px,calc(100% - 48px));height:92px}
.hero-frame{height:min(820px,calc(100vh - 112px))}
.shell{width:min(1320px,calc(100% - 48px))}
nav{font-size:15px}.header-cta,.button{font-size:14px}.hero-top{font-size:12px}.hero-copy>p{font-size:13px}
.trust-strip span,.trust-strip p{font-size:13px}.kicker{font-size:12px}.section-heading>p,.parallax-content p{font-size:16px;line-height:1.75}
.service-card p{font-size:15px}.featured p{font-size:16px}.service-card ul{font-size:14px}.service-card a{font-size:14px}
.project-card span{font-size:11px}.project-card p{font-size:14px}.gallery-card figcaption span{font-size:12px}
.brands-copy{font-size:13px}.cta p{font-size:16px}.footer-main h3{font-size:12px}.footer-main a,.footer-main p{font-size:14px}.footer-bottom{font-size:12px}
.parallax-section{height:820px}.parallax-media{inset:-300px 0}.parallax-media img{filter:saturate(1.08) contrast(1.04);object-position:center center}
.parallax-vignette{background:linear-gradient(90deg,rgba(2,12,20,.9),rgba(2,12,20,.48) 48%,rgba(2,12,20,.08)),linear-gradient(0deg,rgba(2,12,20,.3),transparent)}
.parallax-content{padding-top:220px}
.logo-track img,.brand-grid img{transition:filter .35s ease,opacity .35s ease,transform .35s ease}
.logo-track img:hover,.brand-grid img:hover{filter:grayscale(0);opacity:1;transform:scale(1.12)}
.logo-marquee:hover .logo-track{animation-play-state:paused}.brand-grid img{height:52px}.logo-track img{height:82px}
@media(max-width:1100px){.hero.shell{width:calc(100% - 28px)}.hero h1{font-size:clamp(52px,7vw,76px)}.service-card p{font-size:14px}.parallax-section{height:760px}.parallax-media{inset:-270px -80px}.parallax-content{padding-top:190px}}
@media(max-width:760px){.shell,.site-header,.hero.shell{width:calc(100% - 24px)}.site-header{height:76px}.hero-frame{height:calc(100svh - 92px);min-height:640px}.hero-copy>p{font-size:11px;line-height:1.5}.hero h1{font-size:clamp(43px,12.5vw,58px)}.button{font-size:14px}.trust-strip span,.trust-strip p{font-size:12px}.section{padding:88px 0}.section-heading h2{font-size:clamp(42px,12vw,54px)}.section-heading>p,.parallax-content p{font-size:15px}.kicker{font-size:11px}.service-card p,.project-card p{font-size:15px}.parallax-section{height:700px}.parallax-media{inset:-280px -300px}.parallax-content{padding-top:155px}.parallax-content h2,.cta h2{font-size:clamp(44px,12vw,57px)}.brands-section{padding:90px 0}.logo-track img{height:72px}.brand-grid img{height:48px}.cta p{font-size:15px}.footer-main a,.footer-main p{font-size:14px}}
@media(max-width:420px){.header-cta{font-size:0}.header-cta:before{content:'Presupuesto';font-size:12px}.hero-top{font-size:10px}.hero-copy{left:20px;right:20px}.hero h1{font-size:42px}.hero-actions{gap:9px}.parallax-media{inset:-260px -360px}.parallax-content{padding-top:130px}.gallery-card{width:190px;height:280px}.gallery-track{gap:10px}.project-card,.project-card.tall{height:430px}}
@media(hover:none){.logo-track img,.brand-grid img{filter:grayscale(.35);opacity:.82}}