:root{
  --white:#ffffff;
  --warm:#f2efe8;
  --yellow:#ffd21f;
  --text:#353b43;
  --ink:#181b1f;
  --muted:#72767d;
  --line:#dedbd4;
  --dark:#1f271f;
  --shell:1240px;
  --header:92px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header)}
body{margin:0;background:var(--white);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
button,input,textarea{font:inherit}
.shell{width:min(var(--shell),calc(100% - 64px));margin-inline:auto}
.site-header{position:fixed;z-index:100;inset:0 0 auto;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(24,27,31,.08);backdrop-filter:blur(18px);transition:box-shadow .3s ease}
.site-header.scrolled{box-shadow:0 10px 35px rgba(24,27,31,.07)}
.nav-shell{height:var(--header);display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:36px}
.brand img{width:118px;filter:contrast(1.08)}
.main-nav{display:flex;justify-content:center;align-items:center;gap:31px}
.main-nav a{position:relative;color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:17px;font-weight:500;text-decoration:none;letter-spacing:.01em}
.main-nav a::after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--yellow);transition:width .25s ease}
.main-nav a:hover::after,.main-nav a.active::after{width:100%}
.nav-cta{display:inline-flex;align-items:center;gap:14px;background:var(--yellow);color:var(--ink);padding:13px 19px;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(255,210,31,.25)}
.nav-cta span,.button span,.editorial-link span{font-size:1.35em;line-height:1}
.menu-toggle{display:none;border:0;background:transparent;padding:10px}
.menu-toggle span{display:block;width:25px;height:2px;margin:5px 0;background:var(--ink)}
.hero{position:relative;min-height:780px;padding-top:var(--header);display:flex;align-items:center;overflow:hidden;background:#e9e6df}
.hero-media{position:absolute;inset:var(--header) 0 0}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:var(--header) 0 0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 32%,rgba(255,255,255,.35) 58%,rgba(255,255,255,.05) 100%)}
.hero-inner{position:relative;z-index:2;padding-block:92px 76px}
.hero-copy{max-width:680px}
.overline{margin:0 0 24px;color:var(--yellow);font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}
.overline.dark{color:var(--ink)}
.hero h1{max-width:670px;margin:0;color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:clamp(66px,7vw,105px);font-weight:500;line-height:.91;letter-spacing:-.035em}
.hero h1::after{content:"";display:block;width:86px;height:4px;margin-top:32px;background:var(--yellow)}
.hero-lead{max-width:560px;margin:26px 0 0;color:var(--ink);font-size:19px;line-height:1.5}
.actions{display:flex;gap:15px;margin-top:34px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--yellow);color:var(--ink)}
.button-ghost{border-color:rgba(24,27,31,.3);color:var(--ink);background:rgba(255,255,255,.35)}
.button-ghost:hover{background:var(--white);border-color:var(--ink)}
.scroll-cue{position:absolute;z-index:3;left:50%;bottom:22px;width:30px;height:42px;border:1px solid rgba(24,27,31,.3);border-radius:30px;transform:translateX(-50%)}
.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;border-radius:5px;background:var(--ink);transform:translateX(-50%);animation:scroll 1.8s infinite}
@keyframes scroll{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,14px)}}
.section{padding:120px 0}
.section-intro{display:grid;grid-template-columns:190px minmax(0,700px);align-items:start;gap:30px;margin-bottom:55px}
.section-intro h2,.portfolio-top h2{margin:0;color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:clamp(48px,5vw,72px);font-weight:500;line-height:1}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-card{position:relative;min-height:370px;padding:42px 34px 44px;border-right:1px solid var(--line);transition:background .3s ease,transform .3s ease}
.service-card:first-child{border-left:1px solid var(--line)}
.service-card:hover{background:var(--warm);transform:translateY(-4px)}
.service-number{position:absolute;right:28px;top:25px;color:#c6c1b7;font-family:"Barlow Condensed",sans-serif;font-size:34px;font-weight:600}
.service-card h3{max-width:230px;margin:70px 0 30px;color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:35px;line-height:1;font-weight:600}
.service-card p,.service-card li{font-size:15px}
.service-card p{margin:0 0 8px}
.service-card ul{margin:0;padding-left:18px}
.service-card li::marker{color:var(--yellow)}
.numbers{margin-top:76px;padding:34px 0 22px;background:var(--warm)}
.numbers-title{padding:0 34px 26px;color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:24px;font-weight:600}
.numbers-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.numbers-grid>div{min-height:116px;padding:13px 30px;border-left:1px solid #d4d0c8;display:flex;flex-direction:column;justify-content:center}
.numbers-grid>div:first-child{border-left:0}
.numbers strong{color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:48px;font-weight:600;line-height:1}
.numbers span{margin-top:10px;color:var(--ink);font-size:14px}
.for-brands{padding-top:138px}
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.75fr);gap:95px;align-items:center}
.copy-panel h2,.manifesto-copy h2,.opportunity-copy h2,.contact-about h2{margin:0;color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-weight:500;line-height:1.02;letter-spacing:-.015em}
.copy-panel h2{font-size:clamp(54px,6vw,82px)}
.lead{font-size:18px;line-height:1.65}
.copy-panel .lead{max-width:740px;margin:32px 0 0}
.steps{display:grid;gap:0;margin:58px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.steps li{display:grid;grid-template-columns:72px 1fr;align-items:center;min-height:66px;border-bottom:1px solid var(--line)}
.steps span{font-family:"Barlow Condensed",sans-serif;font-size:17px;color:var(--muted)}
.steps strong{color:var(--ink);font-size:15px}
.feature-image{position:relative;margin:0;height:660px;overflow:hidden;background:var(--warm)}
.feature-image::before{content:"";position:absolute;z-index:2;inset:24px;border:1px solid rgba(255,255,255,.5);pointer-events:none}
.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.feature-image:hover img{transform:scale(1.035)}
.feature-image figcaption{position:absolute;z-index:3;left:32px;bottom:28px;padding:9px 13px;background:rgba(255,255,255,.92);color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.manifesto{padding-top:35px}
.manifesto-frame{min-height:620px;padding:88px;background:var(--warm);display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center}
.manifesto-copy h2{font-size:clamp(54px,5.6vw,78px)}
.video-feature{position:relative;height:380px;overflow:hidden;background:#ddd;text-decoration:none}
.video-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}
.video-feature img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.video-feature:hover img{transform:scale(1.045)}
.video-label{position:absolute;z-index:2;left:26px;bottom:22px;color:var(--white);font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:700;text-transform:uppercase}
.play{position:absolute;z-index:2;left:50%;top:50%;width:64px;height:64px;border:1px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;color:var(--white);transform:translate(-50%,-50%);transition:background .25s ease,color .25s ease}
.video-feature:hover .play{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.portfolio{padding-top:130px}
.portfolio-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:54px}
.portfolio-top .overline{margin-bottom:12px}
.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:25px}
.filters button{padding:0;border:0;background:none;color:#7a7d82;font-family:"Barlow Condensed",sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;cursor:pointer}
.filters button.is-active,.filters button:hover{color:var(--ink)}
.filters button.is-active{border-bottom:2px solid var(--yellow)}
.portfolio-visual{position:relative;padding-right:170px}
.portfolio-visual img{width:100%;box-shadow:0 26px 70px rgba(24,27,31,.1)}
.portfolio-caption{position:absolute;right:0;top:50%;width:135px;color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:30px;font-weight:700;line-height:1.05;text-transform:uppercase;transform:translateY(-50%)}
.brand-strip{display:flex;justify-content:center;gap:55px;flex-wrap:wrap;margin-top:42px;color:#96999d;font-family:"Barlow Condensed",sans-serif;font-size:20px;font-weight:700;letter-spacing:.02em}
.opportunities{padding-top:145px}
.opportunity-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:82px;align-items:stretch}
.opportunity-poster{position:relative;min-height:720px;overflow:hidden;background:#111}
.opportunity-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.68))}
.opportunity-poster img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.opportunity-poster:hover img{transform:scale(1.035)}
.poster-tag{position:absolute;z-index:2;left:44px;top:54px;padding:10px 25px;border-radius:999px;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:700;text-transform:uppercase}
.opportunity-poster strong{position:absolute;z-index:2;left:44px;bottom:66px;color:var(--white);font-family:"Barlow Condensed",sans-serif;font-size:56px;line-height:.98;font-weight:700;text-transform:uppercase}
.opportunity-copy{padding:20px 0}
.opportunity-copy h2{font-size:clamp(55px,5.5vw,78px);text-transform:uppercase}
.opportunity-copy .lead{margin:30px 0 46px}
.italic{font-style:italic}
.benefits{display:grid;gap:15px;margin:0;padding:0;list-style:none}
.benefits li{display:grid;grid-template-columns:62px 1fr;align-items:center;min-height:64px;border-bottom:1px solid var(--line)}
.benefits span{width:44px;height:44px;display:grid;place-items:center;background:var(--yellow);color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:20px;font-weight:700}
.benefits strong{color:var(--ink);font-size:16px}
.editorial-link{display:inline-flex;align-items:center;gap:14px;margin-top:48px;color:var(--ink);font-family:"Barlow Condensed",sans-serif;font-size:34px;line-height:1.1;text-decoration:none;border-bottom:2px solid var(--yellow)}
.contact{margin-top:25px;background:var(--dark);color:var(--white)}
.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:110px}
.contact .overline{color:var(--yellow)}
.contact-about h2{max-width:690px;color:var(--white);font-size:clamp(54px,5.8vw,82px)}
.contact-about h3,.contact-action h3{font-family:"Barlow Condensed",sans-serif}
.contact-about h3{margin-top:50px;font-size:28px}
.contact-about p,.contact-about li{color:rgba(255,255,255,.76);font-size:15px}
.contact-action{align-self:center;padding:46px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}
.contact-kicker{color:var(--yellow);font-family:"Barlow Condensed",sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.contact-action h3{margin:10px 0 0;font-size:41px;line-height:1.04}
.contact-action>p{color:rgba(255,255,255,.68)}
.contact-links{display:grid;margin:38px 0 36px;border-top:1px solid rgba(255,255,255,.18)}
.contact-links a,.contact-links>span{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.18);color:var(--white);text-decoration:none;font-size:14px}
.contact-links a:hover{color:var(--yellow)}
.site-footer{background:#171d17;color:rgba(255,255,255,.65);border-top:1px solid rgba(255,255,255,.08)}
.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-inner img{width:104px;filter:invert(1);opacity:.92}
.footer-inner p,.footer-inner a{font-size:12px}
.footer-inner a{text-decoration:none;color:var(--white)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}}
@media(max-width:1050px){
  :root{--header:80px}.shell{width:min(var(--shell),calc(100% - 42px))}
  .nav-shell{grid-template-columns:130px 1fr auto}.main-nav{gap:20px}.main-nav a{font-size:15px}.nav-cta{display:none}
  .hero{min-height:700px}.hero-media{inset:var(--header) 0 0}.hero-shade{inset:var(--header) 0 0}
  .split{grid-template-columns:1fr 420px;gap:55px}.feature-image{height:580px}
  .manifesto-frame{padding:60px;gap:55px}.opportunity-layout{grid-template-columns:330px 1fr;gap:55px}
}
@media(max-width:820px){
  .nav-shell{grid-template-columns:1fr auto}.menu-toggle{display:block}.main-nav{position:absolute;left:0;right:0;top:var(--header);display:none;flex-direction:column;align-items:flex-start;gap:0;padding:12px 21px 24px;background:var(--white);border-top:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.08)}.main-nav.open{display:flex}.main-nav a{width:100%;padding:14px 0;border-bottom:1px solid #eee;font-size:19px}.main-nav a::after{display:none}
  .hero{min-height:730px}.hero-media img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.82) 65%,rgba(255,255,255,.35))}.hero-copy{max-width:590px}
  .section{padding:90px 0}.section-intro{grid-template-columns:1fr;gap:0}.service-grid{grid-template-columns:1fr}.service-card,.service-card:first-child{border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:auto}.numbers-grid{grid-template-columns:repeat(2,1fr)}.numbers-grid>div:nth-child(odd){border-left:0}
  .split,.manifesto-frame,.opportunity-layout,.contact-layout{grid-template-columns:1fr}.feature-image{height:520px}.manifesto-frame{padding:44px}.video-feature{height:360px}.portfolio-top{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}.portfolio-visual{padding-right:0}.portfolio-caption{position:static;width:auto;margin-top:22px;transform:none}.opportunity-poster{min-height:600px}.contact-action{max-width:620px}
}
@media(max-width:560px){
  .shell{width:min(var(--shell),calc(100% - 28px))}.hero{min-height:700px}.hero-inner{padding-top:64px}.hero h1{font-size:62px}.hero-lead{font-size:16px}.actions{flex-direction:column;align-items:flex-start}.button{width:100%}
  .section{padding:72px 0}.section-intro h2,.portfolio-top h2{font-size:50px}.service-card{padding:30px 24px}.service-card h3{margin-top:55px;font-size:31px}.numbers{margin-top:52px}.numbers-grid{grid-template-columns:1fr 1fr}.numbers-grid>div{padding:14px 18px}.numbers strong{font-size:39px}.numbers span{font-size:12px}
  .copy-panel h2,.manifesto-copy h2,.opportunity-copy h2,.contact-about h2{font-size:50px}.split{gap:50px}.feature-image{height:430px}.manifesto-frame{padding:30px 22px}.video-feature{height:285px}.filters{gap:14px 18px}.brand-strip{justify-content:flex-start;gap:18px 28px;font-size:17px}.opportunity-poster{min-height:520px}.poster-tag{left:25px;top:30px}.opportunity-poster strong{left:25px;bottom:40px;font-size:47px}.benefits li{grid-template-columns:54px 1fr}.benefits strong{font-size:14px}.editorial-link{font-size:29px}.contact-action{padding:30px 24px}.contact-action h3{font-size:35px}.footer-inner{padding:24px 0;flex-direction:column;text-align:center}
}

/* Fuentes provistas con la plantilla original */
@font-face{font-family:"WeblySleek UI";src:url("fonts/weblysleekuil.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"WeblySleek UI";src:url("fonts/weblysleekuisb.ttf") format("truetype");font-weight:600 800;font-style:normal;font-display:swap}
body{font-family:"WeblySleek UI","Helvetica Neue",Arial,sans-serif;font-weight:300}
.main-nav a,.overline,.hero h1,.section-intro h2,.portfolio-top h2,.service-number,.service-card h3,.numbers-title,.numbers strong,.copy-panel h2,.manifesto-copy h2,.opportunity-copy h2,.contact-about h2,.steps span,.feature-image figcaption,.video-label,.filters button,.poster-tag,.opportunity-poster strong,.benefits span,.editorial-link,.contact-about h3,.contact-action h3,.contact-kicker{font-family:"WeblySleek UI","Helvetica Neue",Arial,sans-serif}

/* Video de sponsoreo */
.video-feature video{width:100%;height:100%;object-fit:cover;display:block}
.video-feature::after{pointer-events:none}

/* Slider de portfolio */
.portfolio-slider{position:relative;padding:0 64px 44px}
.portfolio-viewport{overflow:hidden}
.portfolio-track{display:flex;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform}
.portfolio-slide{flex:0 0 100%;margin:0;aspect-ratio:16/9;overflow:hidden;background:var(--warm)}
.portfolio-slide img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.portfolio-slide:hover img{transform:scale(1.025)}
.slider-arrow{position:absolute;z-index:4;top:calc(50% - 22px);width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);display:grid;place-items:center;font-size:20px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.slider-arrow:hover{background:var(--yellow);border-color:var(--yellow);transform:translateY(-2px)}
.slider-prev{left:0}.slider-next{right:0}
.slider-dots{position:absolute;left:50%;bottom:4px;display:flex;gap:9px;transform:translateX(-50%)}
.slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c9c7c1;cursor:pointer;transition:width .25s ease,background .25s ease,border-radius .25s ease}
.slider-dots button.is-active{width:27px;border-radius:99px;background:var(--yellow)}

/* Carrusel continuo de logos */
.logo-carousel{overflow:hidden;margin-top:48px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.logo-track{display:flex;align-items:center;width:max-content;animation:logoMarquee 28s linear infinite}
.logo-track img{width:180px;height:76px;object-fit:contain;margin:0 30px;filter:grayscale(1);opacity:.72;mix-blend-mode:multiply}
.logo-carousel:hover .logo-track{animation-play-state:paused}
@keyframes logoMarquee{to{transform:translateX(-50%)}}
@media(max-width:820px){.portfolio-slider{padding-inline:48px}.logo-track img{width:145px;height:66px;margin-inline:22px}}
@media(max-width:560px){.portfolio-slider{padding-inline:0}.slider-arrow{top:auto;bottom:0}.slider-prev{left:0}.slider-next{right:0}.slider-dots{bottom:17px}.portfolio-slide{aspect-ratio:4/3}.logo-track img{width:125px;height:58px;margin-inline:18px}}


/* Ajustes finales solicitados */
.hero .overline{color:#7a7d82}
.hero h1{font-size:clamp(58px,6.15vw,92px);max-width:650px}
.section-intro{grid-template-columns:190px minmax(0,620px);align-items:baseline}
.section-intro h2{font-size:clamp(40px,4.1vw,59px);line-height:1.03}

.numbers strong{font-weight:300}
.numbers span{font-size:16px;line-height:1.35}
.for-brands{padding-top:72px}

.copy-panel h2{font-size:clamp(30px,3vw,41px);line-height:1.12;max-width:760px}
.split{align-items:center}
.copy-panel .lead{margin-top:24px}
.steps{margin-top:36px}
.feature-image figcaption{display:none}

.manifesto-frame{min-height:650px;grid-template-columns:.76fr 1.24fr;gap:70px;align-items:stretch}
.manifesto-copy{display:flex;flex-direction:column;justify-content:center}
.manifesto-copy h2{font-size:clamp(37px,3.7vw,53px);line-height:1.08}
.video-feature{height:auto;min-height:470px;align-self:stretch}

.portfolio-top{margin-bottom:38px}
.portfolio-top h2{font-size:clamp(38px,4vw,56px)}
.portfolio-slider{width:100vw;margin-left:calc(50% - 50vw);padding:0 56px 44px}
.portfolio-slide{aspect-ratio:21/9}
.slider-prev{left:12px}.slider-next{right:12px}

.opportunity-copy h2{font-size:clamp(43px,4.5vw,63px)}
.opportunity-poster strong{font-size:48px;line-height:1.01;font-weight:600}

.contact-about h2{font-size:clamp(42px,4.65vw,66px);line-height:1.05}
.contact-about h3{display:inline-block;margin:42px 0 18px;padding-bottom:7px;border-bottom:2px solid var(--yellow);font-size:25px;line-height:1}
.contact-about h3 + p{margin-top:0}

@media(max-width:820px){
  .section-intro{align-items:start}
  .manifesto-frame{grid-template-columns:1fr;align-items:start}
  .video-feature{min-height:400px}
  .portfolio-slide{aspect-ratio:16/9}
}
@media(max-width:560px){
  .hero h1{font-size:54px}
  .section-intro h2{font-size:42px}
  .numbers span{font-size:14px}
  .for-brands{padding-top:48px}
  .copy-panel h2{font-size:31px}
  .manifesto-copy h2{font-size:38px}
  .video-feature{min-height:300px}
  .portfolio-slider{padding-inline:0}
  .portfolio-slide{aspect-ratio:4/3}
  .opportunity-copy h2{font-size:45px}
  .opportunity-poster strong{font-size:42px}
  .contact-about h2{font-size:44px}
}

/* Ajustes de composición — versión final */
.section{padding:96px 0}
.for-brands,.manifesto,.portfolio,.opportunities{padding-top:96px;padding-bottom:96px}
.contact{margin-top:0}
.section-intro{margin-bottom:48px}
.numbers{margin-top:64px}
.portfolio-top{margin-bottom:30px}
.logo-carousel{margin-top:42px}

/* Video vertical 4:5 y jerarquía de la sección */
.manifesto-frame{
  min-height:0;
  padding:64px;
  grid-template-columns:minmax(0,.92fr) minmax(340px,.68fr);
  gap:72px;
  align-items:stretch;
}
.manifesto-copy{align-self:stretch;justify-content:center;padding:22px 0}
.manifesto-copy .overline{margin-bottom:20px}
.manifesto-copy h2{max-width:590px;font-size:clamp(38px,3.8vw,54px);line-height:1.08}
.video-feature{
  width:100%;
  max-width:520px;
  min-height:0;
  height:auto;
  aspect-ratio:4/5;
  justify-self:end;
  align-self:center;
}
.video-feature video{width:100%;height:100%;object-fit:cover}
.video-label{font-size:14px;letter-spacing:.05em}

/* Portfolio con las fotografías seleccionadas */
.portfolio-top{align-items:center}
.portfolio-slider{padding-bottom:44px}
.portfolio-slide{aspect-ratio:1200/495}
.portfolio-slide img{object-fit:cover}

/* Oportunidades: lectura más limpia y editorial */
.opportunity-copy .lead{font-style:normal;font-weight:300;line-height:1.55;max-width:760px}
.benefits{gap:4px}
.benefits li{grid-template-columns:54px 1fr;min-height:72px}
.benefits span{
  width:auto;
  height:auto;
  display:block;
  background:transparent;
  font-size:18px;
  font-weight:300;
  color:var(--muted);
}
.benefits strong{font-size:18px;line-height:1.35;font-weight:300}

/* Equipo integrado como texto corrido */
.contact-about h3{margin-bottom:20px}
.contact-about p{max-width:690px;font-size:16px;line-height:1.65}
.contact-about p + p{margin-top:20px}

@media(max-width:1050px){
  .section{padding:82px 0}
  .for-brands,.manifesto,.portfolio,.opportunities{padding-top:82px;padding-bottom:82px}
  .manifesto-frame{padding:52px;gap:52px;grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr)}
}
@media(max-width:820px){
  .section{padding:74px 0}
  .for-brands,.manifesto,.portfolio,.opportunities{padding-top:74px;padding-bottom:74px}
  .manifesto-frame{grid-template-columns:1fr;padding:42px;gap:38px}
  .manifesto-copy{padding:0}
  .video-feature{justify-self:center;width:min(100%,520px);min-height:0}
  .portfolio-slide{aspect-ratio:1200/495}
}
@media(max-width:560px){
  .section{padding:62px 0}
  .for-brands,.manifesto,.portfolio,.opportunities{padding-top:62px;padding-bottom:62px}
  .section-intro{margin-bottom:38px}
  .numbers{margin-top:46px}
  .manifesto-frame{padding:28px 22px}
  .manifesto-copy h2{font-size:37px}
  .video-feature{aspect-ratio:4/5;min-height:0}
  .portfolio-slide{aspect-ratio:1200/495}
  .benefits li{grid-template-columns:44px 1fr;min-height:76px}
  .benefits strong{font-size:16px}
  .contact-about p{font-size:15px}
}
