@charset "UTF-8";
:root{--orange:#ff752b;--bg:#101010;--panel:#181818;--text:#f7f5f0;--muted:#b3b1ac;--line:#343434}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,video{display:block;max-width:100%;height:auto}video{width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.04;letter-spacing:-.055em}h2{font-size:clamp(38px,4.9vw,72px)}h3{font-size:clamp(30px,3.1vw,46px)}p{color:var(--muted)}em{color:var(--orange);font-style:normal}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a:hover{color:var(--orange)}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:12px;left:12px;z-index:100;background:var(--orange);color:#101010;padding:14px}.section{padding:110px max(6vw,24px);scroll-margin-top:20px}.site-header{position:relative;z-index:20;background:#101010;border-bottom:1px solid var(--line)}.nav-shell{min-height:100px;padding:20px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{font-size:39px;font-weight:900;letter-spacing:-.07em;line-height:1;color:white}.brand-dot{color:var(--orange)}.custom-logo{max-height:60px;width:auto;max-width:220px}#main-nav{display:flex;align-items:center;gap:35px;font-size:13px}#main-nav .nav-cta{border:1px solid #777;padding:13px 20px}#main-nav .nav-cta span{margin-left:20px;color:var(--orange)}.menu-toggle{display:none;background:none;color:white;border:1px solid #777;padding:9px 14px}.hero{position:relative;min-height:760px;min-height:min(850px,calc(100svh - 100px));isolation:isolate;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-media .media-photo{height:100%;width:100%;object-fit:cover}.hero-media .placeholder{height:100%;background-color:#2a2c29;background-size:auto,90px 90px,90px 90px;background-image:linear-gradient(140deg,transparent 15%,#433e3466 55%,#111b 90%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px)}.hero-media .placeholder:before{content:"";position:absolute;width:57%;height:56%;right:-3%;top:12%;border:1px solid #9d9a7b66;transform:skewY(-12deg);background:repeating-linear-gradient(90deg,#d0c1a018 0 1px,transparent 1px 18%);box-shadow:-50px 50px 0 #8e8c6b0a}.hero-media .placeholder-label{left:auto;right:6vw;bottom:105px;text-align:right;max-width:230px;color:#ddd8ce;font-size:11px}.hero-shade{z-index:-1;background:linear-gradient(90deg,#080808eb 0%,#080808a6 42%,#08080812 100%),linear-gradient(0deg,#080808b0,transparent 35%)}.hero-content{padding:85px 6vw 140px;max-width:1200px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;color:var(--orange);margin-bottom:27px;text-transform:uppercase}.orange-line{display:inline-block;width:32px;height:2px;background:var(--orange);vertical-align:middle;margin-right:12px}.hero h1{font-size:clamp(54px,7.8vw,118px);font-weight:650;line-height:.98;letter-spacing:-.055em}.hero-intro{margin-top:28px;color:#dedbd4;max-width:440px;font-size:16px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:53px;padding:16px 23px;background:var(--orange);color:#111;border:1px solid var(--orange);font-size:13px;font-weight:700;line-height:1.4}.button:hover{background:#ff965e;color:#111}.button span{font-size:22px;line-height:1}.text-link{display:inline-flex;gap:22px;align-items:center;font-size:13px;border-bottom:1px solid #777;padding-bottom:7px}.text-link span{color:var(--orange);font-size:20px}.hero-bottom{position:absolute;bottom:0;left:6vw;right:6vw;border-top:1px solid #7776;padding:23px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.07em;color:#d6d3cd}.hero-bottom span span{margin-left:25px;color:var(--orange)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-bottom:1px solid var(--line)}.intro h2{margin-bottom:35px}.intro>div{max-width:720px}.intro p:not(.eyebrow){max-width:620px;margin-top:18px}.muted{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:55px;align-items:flex-end;margin-bottom:65px}.section-heading>p{max-width:340px;font-size:14px}.service-row{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center;margin-top:85px}.service-row.reverse .service-image{order:2}.service-row.reverse .service-copy{order:1}.service-image{position:relative;aspect-ratio:1.21;overflow:hidden;background:#222}.media-photo{object-fit:cover;width:100%;height:100%}.placeholder{position:relative;height:100%;min-height:260px;background:linear-gradient(135deg,#33332d,#1b1c1b);overflow:hidden}.placeholder:after{content:"";position:absolute;width:55%;height:60%;border:1px solid #7778;right:12%;top:17%;transform:skewY(-10deg);background:linear-gradient(90deg,transparent 49.8%,#7778 50%,transparent 50.2%)}.placeholder-label{position:absolute;left:30px;bottom:65px;z-index:2;font-size:12px;letter-spacing:.03em;color:#f1eee8}.placeholder-label small{display:block;color:#b7b5af;font-size:10px;margin-top:7px}.frame-corner{position:absolute;top:25px;left:25px;width:25px;height:25px;border-top:1px solid var(--orange);border-left:1px solid var(--orange)}.image-tag{position:absolute;left:30px;bottom:25px;font-size:9px;letter-spacing:.12em;color:#ccc;background:#101010b8;padding:6px 10px}.service-copy .eyebrow{margin-bottom:20px}.service-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;margin:28px 0;max-width:430px}.agency{background:#1b1b1b}.agency-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.outline{background:transparent;color:var(--text);border-color:#777;flex-shrink:0}.outline span{color:var(--orange)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}.benefits article{border-top:1px solid #555;padding-top:22px}.benefits article>span{color:var(--orange);font-size:12px}.benefits h3{font-size:22px;letter-spacing:-.025em;margin:27px 0 15px}.benefits p{font-size:14px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filters button{border:1px solid #555;padding:9px 19px;background:none;color:#ddd;font-size:13px;min-height:44px}.filters button.active{border-color:var(--orange);background:var(--orange);color:#111}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.project img,.project video{width:100%;aspect-ratio:4/3;object-fit:cover;background:#222}.project-title{display:flex;gap:20px;justify-content:space-between;align-items:baseline;margin-top:19px}.project h3{font-size:25px;letter-spacing:-.03em}.project-title span{font-size:11px;color:var(--orange)}.project>p{font-size:14px;margin-top:12px}.portfolio-empty{border-top:1px solid #555;border-bottom:1px solid #555;padding:40px 0;display:grid;grid-template-columns:auto 1fr auto;gap:35px;align-items:center}.empty-mark{font-size:60px;color:var(--orange);line-height:1}.portfolio-empty h3{font-size:28px;letter-spacing:-.03em}.portfolio-empty p{max-width:540px;margin-top:15px;font-size:14px}.pending-label{display:inline-block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #777;color:#d6d2c9;padding:6px 10px;margin-top:20px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#1b1b1b}.contact h2{font-size:clamp(38px,4.5vw,64px)}.contact-copy>p:not(.eyebrow){margin-top:30px;max-width:410px;font-size:14px}.contact-link{display:block;font-size:16px;margin-top:22px;width:fit-content}.form-panel{border-top:1px solid #777;padding-top:24px}.form-panel>h3{font-size:25px;letter-spacing:-.03em;margin-bottom:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;font-size:12px;color:#dedbd4;margin-bottom:22px}input:not([type=checkbox]),textarea,select{display:block;width:100%;background:#151515;color:var(--text);border:1px solid #666;border-radius:0;padding:12px;margin-top:8px;min-height:47px}textarea{resize:vertical}textarea::placeholder{color:#a5a39e;font-size:12px}.privacy-summary{font-size:12px;margin:18px 0}.consent{display:flex;align-items:flex-start;gap:10px}.consent input{width:18px;height:18px;accent-color:var(--orange);flex-shrink:0}.consent a{text-decoration:underline}.caption{font-size:11px;margin:12px 0;color:#bbb}.honeypot{display:none}.form-notice{padding:16px;border:1px solid var(--orange);margin-bottom:24px;color:white;font-size:14px}.contact-pending{border:1px dashed #555;padding:25px}.contact-pending .pending-label{margin:0 0 22px}.contact-pending p{font-size:14px}.contact-pending .caption{font-size:12px;margin-top:18px}.site-footer{padding:55px 6vw 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:45px}.footer-top p{font-size:13px}.footer-top>a:last-child{font-size:13px;border-bottom:1px solid #666;padding-bottom:7px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#b5b3ad}.footer-bottom nav{display:flex;gap:25px}.document{min-height:65vh}.document h1{font-size:clamp(38px,6vw,75px);margin-bottom:45px}.entry-content{max-width:820px}.entry-content p{margin:18px 0}.entry-content a{text-decoration:underline}.entry-content h2{font-size:34px;margin:35px 0 20px}.entry-content h3{font-size:25px;margin:25px 0 15px}.entry-content li{color:var(--muted)}.reel{padding-top:0}.reel video{max-height:80vh;background:#080808}.admin-bar .site-header{top:0}
@media(min-width:1800px){.section,.nav-shell,.site-footer{padding-left:max(6vw,calc((100vw - 1600px)/2));padding-right:max(6vw,calc((100vw - 1600px)/2))}}
@media(max-width:1100px){#main-nav{gap:22px}.service-row{gap:5vw}.portfolio-empty{grid-template-columns:auto 1fr}.portfolio-empty>a{grid-column:2;justify-self:start}.agency-heading{align-items:flex-start;flex-direction:column}.hero-content{padding-top:75px;padding-bottom:140px}}
@media(max-width:900px){.nav-shell{min-height:84px;padding:20px 24px;flex-wrap:wrap}.wordmark{font-size:32px}.menu-toggle:not([hidden]){display:block}#main-nav{width:100%;flex-direction:column;align-items:stretch;gap:0}body:has(.menu-toggle:not([hidden])) #main-nav:not(.is-open){display:none}#main-nav a{padding:15px 0}#main-nav .nav-cta{margin:12px 0}.hero{min-height:720px}.hero-content{padding:70px 24px 190px}.hero h1{font-size:clamp(53px,9vw,80px)}.hero-bottom{left:24px;right:24px;flex-direction:column;gap:12px}.hero-media .placeholder-label{bottom:115px;right:24px;font-size:9px}.hero-media .placeholder-label small{font-size:9px}.section{padding:75px 24px}.intro{grid-template-columns:1fr;gap:10px}.section-heading{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:45px}.section-heading>p{max-width:540px}.service-row{grid-template-columns:1fr;gap:35px;margin-top:60px}.service-row.reverse .service-image,.service-row.reverse .service-copy{order:initial}.service-copy>p:not(.eyebrow){max-width:650px}.service-image{aspect-ratio:1.4}.benefits{gap:30px}.benefits h3{font-size:21px}.contact{grid-template-columns:1fr;gap:50px}.contact-copy>p:not(.eyebrow){max-width:600px}.footer-top{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}.reel{padding-top:0}}
@media(max-width:560px){h2{font-size:39px}.hero h1{font-size:clamp(39px,10.5vw,58px)}.hero{min-height:700px}.hero-intro{font-size:14px;max-width:320px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-content{padding-top:55px}.hero .eyebrow{font-size:9px}.hero-bottom{font-size:9px}.benefits{grid-template-columns:1fr;gap:30px;margin-top:45px}.benefits h3{margin:17px 0 10px}.portfolio-empty{grid-template-columns:1fr;gap:20px}.portfolio-empty>a{grid-column:auto}.empty-mark{font-size:40px}.portfolio-empty h3{font-size:26px}.project-grid{grid-template-columns:1fr}.project-title{flex-wrap:wrap;gap:10px}.form-grid{grid-template-columns:1fr;gap:0}.footer-top{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column;gap:16px}.footer-bottom nav{flex-wrap:wrap}.contact h2{font-size:39px}.service-image{aspect-ratio:1.1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* VOLAZ 1.1 · composición del boceto aprobado */
:root{--orange:#ff7900;--light:#f6f6f4;--ink:#111313}
.section{padding:70px max(5vw,24px)}h2{font-size:clamp(30px,3.3vw,48px);font-weight:700;letter-spacing:-.035em}h3{letter-spacing:-.025em}.eyebrow{font-size:11px;letter-spacing:.24em;margin-bottom:15px}body{background:#0b0e0e}.site-header{background:#0a0d0e;border-bottom:1px solid #ffffff15}.nav-shell{min-height:110px;padding:8px 5vw;gap:20px}.identity{flex-shrink:0}.approved-logo{display:block;position:relative;width:185px;height:90px;overflow:hidden;isolation:isolate}.approved-logo img{position:absolute;width:285px;max-width:none;height:auto;top:-20px;left:-50px;mix-blend-mode:screen}.custom-logo{max-height:85px;max-width:220px}#main-nav{gap:30px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}#main-nav .nav-cta{background:var(--orange);border:1px solid var(--orange);border-radius:40px;padding:13px 22px;color:#090909}#main-nav .nav-cta span{color:#090909;margin-left:18px}.hero{min-height:540px;min-height:clamp(540px,43vw,690px);justify-content:center}.hero-content{padding:65px 5vw 110px;max-width:850px}.hero h1{font-size:clamp(45px,5.9vw,85px);font-weight:400;line-height:1.04;letter-spacing:-.035em}.hero h1 em{color:#fff;font-weight:750}.hero h1:after{content:"";display:block;background:var(--orange);height:3px;width:65px;margin-top:22px}.hero .eyebrow{color:white;font-size:11px;letter-spacing:.35em}.hero-intro{font-size:18px;line-height:1.45;max-width:420px;margin-top:20px;color:#f1f1ed}.hero-actions{margin-top:25px}.hero-bottom{left:5vw;right:5vw;padding:15px 0;font-size:10px}.hero-media .placeholder-label{bottom:80px;right:5vw}.hero-shade{background:linear-gradient(90deg,#05090bf0 0%,#05090bb0 40%,#05090b10 100%),linear-gradient(0deg,#05090b80,transparent 50%)}.button{border-radius:35px;min-height:48px;font-size:11px;padding:13px 23px;letter-spacing:.025em;gap:22px;text-transform:uppercase}.button span{font-size:22px}.button .play-dot{background:#111;color:white;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:10px}.button:hover{background:#ff9b42}.benefit-strip{padding:42px 7vw 45px;background:var(--light);color:var(--ink);display:grid;grid-template-columns:repeat(4,1fr);gap:4vw}.benefit-strip svg{width:41px;height:41px;color:#c64b00;display:block;margin-bottom:15px}.benefit-strip h2{font-size:15px;text-transform:uppercase;letter-spacing:-.02em;line-height:1.3;font-weight:750;margin-bottom:8px}.benefit-strip p{color:#343637;font-size:14px;line-height:1.5}.services{background:linear-gradient(125deg,#0a1010,#0d0e0e);padding-bottom:48px}.services .section-heading{align-items:flex-start;gap:70px;margin-bottom:30px}.services h2{text-transform:uppercase}.service-intro{max-width:490px;padding-top:4px}.service-intro p{font-size:15px;color:#ddd;margin-bottom:24px}.service-intro .outline{float:right}.outline{border:1px solid #ddd;color:white;background:transparent;font-size:10px}.outline:hover{color:#111}.outline span{color:inherit}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.service-image{aspect-ratio:1.5;border-radius:3px;background:#1b2120}.service-card h3{font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.3;margin:15px 0 8px;letter-spacing:-.025em}.service-card>p{font-size:14px;line-height:1.5;color:#ccc}.service-image .placeholder{min-height:0;height:100%;background:linear-gradient(135deg,#40443c,#232c2c)}.service-image .placeholder-label{left:14px;right:10px;bottom:15px;font-size:11px;line-height:1.3}.service-image .placeholder-label small{font-size:9px}.service-image .frame-corner{width:17px;height:17px;top:15px;left:15px}.service-image .placeholder:after{right:11%;top:16%;height:46%;width:50%;border-color:#c6c9ae55}.portfolio{background:var(--light);color:var(--ink);padding-top:42px;padding-bottom:48px}.portfolio .section-heading{align-items:center;margin-bottom:28px;gap:40px}.portfolio h2{text-transform:uppercase;font-size:32px;letter-spacing:-.035em}.portfolio h2:after{content:"";display:block;background:#c64b00;width:44px;height:3px;margin-top:13px}.portfolio .eyebrow{color:#a94300;font-size:10px;margin-bottom:10px}.portfolio .section-heading>p{font-size:13px;color:#4f5353;max-width:350px}.portfolio-empty{border-color:#cececa;gap:25px;padding:32px 0}.portfolio-empty h3{font-size:25px;font-weight:600}.portfolio-empty p{color:#4f5353}.portfolio-empty .empty-mark{color:#c64b00}.portfolio-empty .pending-label{color:#4d5050;border-color:#aaa}.portfolio-empty .text-link{border-color:#777}.portfolio .text-link span{color:#aa4300}.filters{gap:9px;justify-content:flex-end}.filters button{border-radius:30px;border-color:#ccc;color:#222;font-size:12px;padding:10px 20px}.filters button.active{border-color:var(--orange);color:#111}.filters button:focus-visible{outline-color:#a94300}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 15px}.project:first-child{grid-column:span 2;grid-row:span 2}.project:first-child img,.project:first-child video{aspect-ratio:1.42}.project img,.project video{aspect-ratio:1.8;border-radius:3px}.project-title{display:block;margin-top:12px}.project-title h3{font-size:18px;letter-spacing:-.02em}.project-title span{color:#a94300}.project>p{color:#4f5353;font-size:13px;line-height:1.5}.project-cta{position:relative;isolation:isolate;padding:52px 5vw;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:280px;overflow:hidden;background:#172226}.cta-media{position:absolute;inset:0;z-index:-2}.cta-media>.placeholder{min-height:0;height:100%;background:linear-gradient(115deg,#182b30,#49503b)}.cta-media .placeholder-label{right:25px;left:auto;bottom:16px;text-align:right;font-size:10px}.cta-media .placeholder:after{right:10%;width:40%;top:12%;height:70%}.project-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050a0eeb,#050a0e80 70%)}.project-cta h2{font-size:clamp(28px,3.2vw,44px);text-transform:uppercase;font-weight:700;line-height:1.1}.project-cta p:not(.eyebrow){color:#eee;font-size:15px;margin-top:18px}.project-cta>.button{flex-shrink:0}.agency{background:#0c1112;padding-top:50px;padding-bottom:50px}.agency .eyebrow{font-size:10px}.agency h2{font-size:35px}.agency-heading .button{display:none}.benefits{margin-top:28px;gap:35px}.benefits article{padding-top:15px;border-color:#42494a}.benefits h3{font-size:19px;margin:14px 0 10px}.benefits p{font-size:13px}.contact{padding-top:60px;padding-bottom:65px;background:#151a1a}.contact h2{font-size:clamp(33px,3.6vw,49px)}.contact h2 em{font-weight:600}.contact-copy>p:not(.eyebrow){margin-top:20px}.form-panel>h3{font-size:22px}.site-footer{padding:30px 5vw 24px}.footer-top{padding-bottom:24px}.footer-top p{font-size:12px}.footer-top .approved-logo{width:165px;height:85px}.footer-top .approved-logo img{width:260px;left:-47px;top:-18px}.footer-bottom{font-size:11px}.contact-pending .pending-label{font-size:9px}a:focus-visible,button:focus-visible{outline-offset:4px}
@media(max-width:1100px){#main-nav{gap:20px}.nav-shell{padding-left:4vw;padding-right:4vw}.service-grid{gap:16px}.service-card h3{font-size:14px}.service-card>p{font-size:13px}.benefit-strip{gap:25px;padding-left:5vw;padding-right:5vw}.benefit-strip h2{font-size:14px}.benefit-strip p{font-size:13px}.services .section-heading{gap:40px}.project-cta{padding-bottom:70px}.portfolio-empty{grid-template-columns:auto 1fr}.portfolio-empty>a{grid-column:2}.agency-heading{flex-direction:row;align-items:flex-end}}
@media(max-width:900px){.nav-shell{min-height:94px;padding:2px 24px;flex-wrap:wrap;gap:0 20px}.approved-logo{width:165px;height:88px}.approved-logo img{width:260px;left:-47px;top:-15px}.menu-toggle:not([hidden]){display:block;border-radius:4px;font-size:12px;padding:10px 14px}#main-nav{padding:0 0 15px}body:has(.menu-toggle:not([hidden])) #main-nav:not(.is-open){padding:0}#main-nav a{font-size:12px;padding:14px 0}#main-nav .nav-cta{margin:12px 0 0;padding:13px 20px}.hero{min-height:550px}.hero-content{padding:60px 24px 100px}.hero h1{font-size:clamp(45px,7.6vw,68px)}.hero-intro{font-size:16px}.hero .eyebrow{font-size:10px;letter-spacing:.22em}.hero-bottom{left:24px;right:24px;flex-direction:row;font-size:9px;padding:14px 0}.hero-media .placeholder-label{bottom:78px;right:24px;font-size:9px}.hero-media .placeholder-label small{font-size:9px}.benefit-strip{grid-template-columns:repeat(2,1fr);padding:30px 24px;gap:28px 35px}.benefit-strip svg{width:32px;height:32px;margin-bottom:10px}.section{padding:50px 24px}.services .section-heading{flex-direction:row;gap:30px;align-items:flex-start}.services h2{font-size:31px}.service-intro{max-width:340px}.service-intro p{font-size:13px}.service-intro .outline{float:none}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.service-card h3{font-size:16px}.service-card>p{font-size:14px}.portfolio .section-heading{align-items:flex-start;gap:20px}.portfolio h2{font-size:29px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project:first-child{grid-column:span 2;grid-row:auto}.project:first-child img,.project:first-child video{aspect-ratio:1.8}.project-cta{padding:40px 24px 65px;align-items:flex-start;flex-direction:column;gap:24px}.project-cta h2{font-size:34px}.project-cta p:not(.eyebrow){font-size:14px}.agency h2{font-size:32px}.benefits{gap:25px;margin-top:30px}.benefits h3{font-size:19px}.contact{gap:35px;grid-template-columns:1fr}.contact h2{font-size:39px}.contact .eyebrow{font-size:9px;letter-spacing:.15em}.site-footer{padding:25px 24px}.footer-top{align-items:center}.reel{padding-top:30px}}
@media(max-width:560px){.hero{min-height:550px}.hero h1{font-size:clamp(37px,10vw,53px)}.hero-content{padding-top:45px;padding-bottom:130px}.hero-intro{font-size:15px;max-width:300px}.hero .eyebrow{font-size:9px;letter-spacing:.2em}.hero h1:after{margin-top:20px}.hero-actions{margin-top:22px}.hero-bottom{font-size:8px;letter-spacing:.01em;gap:10px;flex-direction:column}.hero-media .placeholder-label{max-width:190px;bottom:88px;line-height:1.4}.benefit-strip{gap:28px 23px}.benefit-strip h2{font-size:12px;line-height:1.35}.benefit-strip p{font-size:12px}.services .section-heading{flex-direction:column;gap:20px}.services h2{font-size:32px}.service-intro{max-width:none}.service-intro p{margin-bottom:18px;font-size:14px}.service-grid{gap:25px 14px}.service-image{aspect-ratio:1.12}.service-card h3{font-size:12px;letter-spacing:0;line-height:1.4;margin:12px 0 8px}.service-card>p{font-size:12px;line-height:1.55}.service-image .placeholder-label{left:10px;right:8px;font-size:9px;bottom:10px}.service-image .placeholder-label small{font-size:8px;line-height:1.3}.service-image .frame-corner{left:10px;top:10px;width:12px;height:12px}.portfolio h2{font-size:27px}.portfolio .section-heading>p{font-size:12px}.portfolio-empty{grid-template-columns:1fr;gap:18px;padding:24px 0}.portfolio-empty>a{grid-column:auto}.portfolio-empty h3{font-size:23px}.portfolio-empty p{font-size:13px}.portfolio-empty .pending-label{font-size:8px}.project-grid{grid-template-columns:1fr}.project:first-child{grid-column:auto}.project-title h3{font-size:19px}.project-cta h2{font-size:28px}.project-cta p:not(.eyebrow){font-size:13px}.project-cta p br{display:none}.agency h2{font-size:29px}.agency .eyebrow{font-size:9px;letter-spacing:.14em}.benefits{grid-template-columns:1fr;gap:24px}.benefits h3{font-size:19px}.contact h2{font-size:35px}.footer-top{align-items:flex-start;gap:20px}.footer-top .approved-logo{margin-left:-5px}.section{padding-top:42px;padding-bottom:42px}.contact-pending{padding:20px}.footer-bottom{font-size:10px}.form-panel>h3{margin-bottom:25px}}

/* Mantener el logo completo y el foco visible sobre blanco. */
.approved-logo{isolation:auto;height:96px}.approved-logo img{top:-18px}.portfolio :focus-visible{outline-color:#a94300}

/* Imágenes ilustrativas: no se incorporan al portfolio. */
.sample-media{position:relative;width:100%;height:100%;overflow:hidden;background:#202827}
.sample-media .media-photo{width:100%;height:100%;object-fit:cover}
.sample-label{position:absolute;right:10px;bottom:10px;z-index:2;background:#101010e8;color:#fff;padding:5px 8px;border:1px solid #ffffff55;border-radius:3px;font-size:9px;line-height:1.4;letter-spacing:.015em;max-width:calc(100% - 20px)}
.hero-media .sample-label{bottom:75px;right:5vw}
.hero-media .sample-media .media-photo{object-position:65% center}
.hero-shade{background:linear-gradient(90deg,#05090be8 0%,#05090b9e 39%,#05090b08 75%),linear-gradient(0deg,#05090b99,transparent 40%)}
.cta-media .sample-label{bottom:12px;right:5vw}
@media(max-width:900px){.hero-media .sample-label{right:24px;bottom:72px}.cta-media .sample-label{right:24px}.hero-media .sample-media .media-photo{object-position:65% center}}
@media(max-width:560px){.hero-media .sample-label{bottom:87px;right:24px;font-size:8px}.sample-label{font-size:8px;right:7px;bottom:7px;padding:4px 6px;max-width:calc(100% - 14px)}.cta-media .sample-label{bottom:12px;font-size:8px}}
