:root{--m:10vw;--ease:cubic-bezier(.2,.6,.2,1);--line:rgba(255,255,255,.18);--bg:#000;--fg:#fff;--fg2:#F1F1F1;--fg3:#D0D0D0;--dim:#9A9A9A;--inv-bg:#fff;--inv-fg:#000;--inv-dim:#4A4A4A;--logo-inv:1}
body{margin:0;background:var(--bg);color:var(--fg);font:var(--type-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .6s var(--ease),color .6s var(--ease)}
/* Theme: light */
body.t-light{--bg:#fff;--fg:#000;--fg2:#000;--fg3:#4A4A4A;--dim:#4A4A4A;--line:rgba(0,0,0,.18);--inv-bg:#000;--inv-fg:#fff;--inv-dim:#9A9A9A;--logo-inv:0}
/* Theme: alternating — light page, dark hero+title, dark modelos, dark footer */
body.t-alt{--bg:#fff;--fg:#000;--fg2:#000;--fg3:#4A4A4A;--dim:#4A4A4A;--line:rgba(0,0,0,.18);--inv-bg:#000;--inv-fg:#fff;--inv-dim:#9A9A9A;--logo-inv:0}
body.t-alt .band{background:#000;color:#fff;--fg:#fff;--fg2:#F1F1F1;--fg3:#D0D0D0;--dim:#9A9A9A;--line:rgba(255,255,255,.18);--logo-inv:1}
body.t-alt .band.masthead,body.t-alt .band.ticker{border-color:rgba(255,255,255,.18)}
body.t-alt .modelos{padding-bottom:clamp(96px,12vw,200px)}
body.t-alt 
.logo-w{filter:invert(calc(1 - var(--logo-inv)))}
nav .logo-w{filter:none}
/* switcher */
.sw{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;border:1px solid #9A9A9A;background:#000;color:#fff;mix-blend-mode:normal}
.sw button{appearance:none;border:0;background:transparent;color:inherit;font:500 10px/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;padding:14px 18px;cursor:pointer;opacity:.5}
.sw button.on{opacity:1;background:#fff;color:#000}
a{color:inherit;text-decoration:none}a:hover{opacity:1}
img,video{display:block}
.wrap{padding-left:var(--m);padding-right:var(--m)}
.lbl{font:500 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:.26em}
.dim{color:var(--dim)}
.syne{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.05em;line-height:.86;margin:0}
.pic{position:relative;overflow:hidden;background:#111}
.pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease),filter 1.2s var(--ease)}
a:hover .pic img,.pic:hover img{transform:scale(1.03);filter:none}
.curtain{position:fixed;inset:0;background:#000;z-index:100;display:grid;place-items:center;transition:transform 1.2s cubic-bezier(.7,0,.2,1)}
.curtain.up{transform:translateY(-100%)}
.curtain img{height:40px;opacity:0;animation:fadeIn 1s .2s var(--ease) forwards}
@keyframes fadeIn{to{opacity:1}}
nav.hidden{transform:translateY(-100%)}
.hero{height:100vh;min-height:640px;position:relative;overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .cap{position:absolute;left:var(--m);right:var(--m);bottom:40px;display:flex;justify-content:space-between;gap:24px;color:#fff}
.masthead{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding:28px var(--m);border-bottom:1px solid var(--line)}
.masthead .lbl:last-child{text-align:right}
.title{padding:clamp(80px,10vw,160px) var(--m) 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,64px)}
.vert{writing-mode:vertical-rl;transform:rotate(180deg);align-self:end}
.title h1{font-size:140px}
.title h1 em{display:block;font:300 clamp(20px,2.4vw,40px)/1.2 var(--font-display-secondary);letter-spacing:.08em;font-style:normal;margin-top:clamp(20px,3vw,48px);text-transform:uppercase;max-width:34ch}
.title-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-top:clamp(48px,6vw,96px)}
.title-meta p{font:var(--type-lead);color:var(--fg2);max-width:44ch;margin:0}
.ticker{margin-top:clamp(80px,10vw,160px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:22px 0}
.ticker div{display:inline-block;animation:run 48s linear infinite}
.ticker span{font:300 clamp(22px,2.6vw,40px)/1 var(--font-display-secondary);text-transform:uppercase;letter-spacing:.18em;padding:0 40px}
.ticker span b{font-weight:800;font-family:var(--font-display);letter-spacing:-.03em}
@keyframes run{to{transform:translateX(-50%)}}
/* método */
.metodo{padding:clamp(96px,12vw,200px) var(--m) 0;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,96px);align-items:start}
.metodo .pic{aspect-ratio:4/5}
.metodo .sticky{position:sticky;top:120px}
.metodo h2{font-size:80px;margin-top:28px;white-space:nowrap}
.pillars{margin:clamp(40px,5vw,64px) 0 0;padding:0;list-style:none;counter-reset:p}
.pillars li{border-top:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:48px 1fr;gap:16px}
.pillars li::before{counter-increment:p;content:"0" counter(p);font:300 14px/1.6 var(--font-display-secondary);letter-spacing:.2em}
.pillars h3{font-family:var(--font-display-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.02em;font-size:22px;margin:0 0 10px}
.pillars p{margin:0;font:var(--type-small);color:var(--fg3);max-width:44ch}
/* programas */
.look{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);padding:clamp(96px,12vw,200px) var(--m) 0;align-items:start}
.look .sticky{position:sticky;top:120px}
.look .num{font:300 12px/1 var(--font-body);letter-spacing:.3em}
.look h2{font-size:80px;margin-top:32px}
.look h2 small{display:block;font:300 clamp(16px,1.8vw,24px)/1.3 var(--font-display-secondary);letter-spacing:.18em;margin-top:20px}
.look p{font:var(--type-small);color:var(--fg3);max-width:44ch;margin:40px 0 0;line-height:1.7}
.look .acts{display:flex;gap:16px;flex-wrap:wrap;margin-top:48px}
.look .col{display:flex;flex-direction:column;gap:clamp(24px,4vw,64px)}
.look .pic{aspect-ratio:4/5}
.look .pic.off{width:70%;align-self:flex-end;aspect-ratio:3/4}
.btn{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 44px;font:500 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:.28em;border:1px solid currentColor;transition:background .5s var(--ease),color .5s var(--ease);white-space:nowrap}
.btn.solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.solid:hover{background:transparent;color:var(--fg)}
body.t-alt .band .btn.solid{background:#fff;color:#000;border-color:#fff}body.t-alt .band .btn.solid:hover{background:transparent;color:#fff}
.white .btn.solid{background:var(--inv-fg);color:var(--inv-bg);border-color:var(--inv-fg)}.white .btn.solid:hover{background:transparent;color:var(--inv-fg)}
/* modelos */
.modelos{padding:clamp(96px,12vw,200px) 0 0}
.rail{display:flex;gap:clamp(12px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--m);scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail a{flex:0 0 min(64vw,340px);scroll-snap-align:start}
.rail .pic{aspect-ratio:3/4}
.rail .cap{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;gap:12px}
.rail .cap h3{font-family:var(--font-display-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.02em;font-size:20px;margin:0}
/* white block: intensivo + testimonios */
.white{background:var(--inv-bg);color:var(--inv-fg);margin-top:clamp(96px,12vw,200px);transition:background .6s var(--ease),color .6s var(--ease)}
.white .lbl.sub{color:var(--inv-dim)}
.date{padding:clamp(96px,12vw,200px) var(--m)}
.date .big{font-size:300px;letter-spacing:-.07em;line-height:.8;white-space:nowrap}
.date .row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start;margin-top:clamp(40px,5vw,80px);padding-top:32px;border-top:1px solid currentColor}
.date h2{font-size:80px}
.date p{font:var(--type-body);max-width:48ch;margin:0;line-height:1.7}
.date .pic{aspect-ratio:2/3;max-width:360px}
.quotes{padding:0 var(--m) clamp(96px,12vw,200px);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px 40px;border-top:1px solid currentColor;padding-top:clamp(48px,6vw,96px)}
.quotes blockquote{margin:0}
.quotes p{font:300 clamp(18px,1.5vw,24px)/1.4 var(--font-display-secondary);margin:0}
.quotes cite{display:block;margin-top:24px;font-style:normal}
/* marcas */
.marcas{padding:clamp(96px,12vw,200px) var(--m) 0}
.marcas ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.marcas li{display:grid;place-items:center;height:120px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.marcas li:nth-child(5n){border-right:0}
.marcas img{max-width:60%;max-height:44px;filter:invert(var(--logo-inv)) grayscale(1);opacity:.85}
/* manifesto */
.mani{padding:clamp(96px,12vw,200px) var(--m);display:grid;grid-template-columns:minmax(0,2fr) minmax(0,10fr);gap:40px}
.mani p{font:300 clamp(28px,4.2vw,76px)/1.05 var(--font-display-secondary);text-transform:uppercase;letter-spacing:-.01em;margin:0;max-width:18ch}
.mani p b{font-family:var(--font-display);font-weight:800;letter-spacing:-.05em}
/* footer */

footer .mark{display:grid;place-items:center;padding-top:clamp(64px,8vw,120px)}
footer .mark img{height:72px;width:auto}




.r{opacity:0;transform:translateY(32px);transition:opacity 1.3s var(--ease),transform 1.3s var(--ease)}.r.in{opacity:1;transform:none}
@media (max-width:1100px){.masthead{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.masthead>:nth-child(2){display:none}.title{grid-template-columns:minmax(0,1fr)}.vert{writing-mode:horizontal-tb;transform:none}.title-meta,.metodo,.look,.date .row,.mani,.look .sticky,.metodo .sticky{position:static}.look .pic.off{width:100%}.marcas ul{grid-template-columns:repeat(2,1fr)}.marcas li:nth-child(5n){border-right:1px solid var(--line)}.marcas li:nth-child(2n){border-right:0}}
[data-fit],.title>*,.two>*,.look>*,.metodo>*,.mani>*{min-width:0}.ticker{overflow:hidden}.stmt{font:400 clamp(28px,4vw,64px)/1.1 var(--font-display-secondary);text-transform:uppercase;letter-spacing:0;margin:0;max-width:22ch;white-space:normal}.stmt b{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em}.fama{font-family:var(--font-wordmark);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.fama .lt{font-weight:300}.syne .fama{font-size:.88em}.stmt b.fama{font-family:var(--font-wordmark);font-weight:600;letter-spacing:.02em}.body+.btn,p+.btn,.light+.btn,ol+.btn{margin-top:32px}.stmt b{font-size:.9em}@media (max-width:1100px){}
.hero .still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.title-meta .acts{display:flex;gap:16px;flex-wrap:nowrap}
.sticky-cta .btn.solid{background:#000;color:#fff;border-color:#000}
.title .kpis{border-color:rgba(255,255,255,.18)}.title .kpis div{border-right:0}
.title .rating,.title .rating b,.title .rating .stars{color:#fff}.title .rating span:last-child{color:#D0D0D0}
.open{margin:32px 0 8px;border-top:1px solid var(--line)}.open>.lbl{display:block;padding-top:16px}.open ul{list-style:none;margin:12px 0 0;padding:0}.open li a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--line);font:var(--type-small)}.open li a span:first-child{font:600 14px/1.2 var(--font-display-secondary);text-transform:uppercase;letter-spacing:.04em;color:var(--fg)}.open li a span:nth-child(2){grid-column:1;color:var(--fg3)}.open li a b{grid-column:2;grid-row:1/3;align-self:center;font:500 10px/1 var(--font-body);text-transform:uppercase;letter-spacing:.22em;color:var(--fg)}
.quote-band{padding:clamp(80px,10vw,160px) var(--m)}.qb{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,120px);align-items:end}.quote-band .pull{margin:0;max-width:40ch}.quote-band .pull p{font-size:clamp(24px,2.8vw,44px)}.qb-side .rating,.qb-side .rating b,.qb-side .rating .stars{color:#fff}.qb-side .rating span:last-child{color:#D0D0D0}.qb-side .btn{border-color:#fff;color:#fff}.qb-side .btn:hover{background:#fff;color:#000}@media (max-width:1100px){.qb{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.title .kpis{grid-template-columns:1fr 1fr}.title .kpis div{border-right:0}}
.metodo ol li:last-child{border-bottom:0}
/* footer — same as Máster */
footer{padding:0 var(--m) 32px;display:grid;gap:clamp(48px,6vw,96px)}footer .cols{border-top:1px solid var(--line);padding-top:clamp(40px,5vw,72px)}footer .bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:24px;font:var(--type-caption);color:var(--dim)}footer .bottom img{height:16px;opacity:.6}
footer .cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px}
footer ul{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font:var(--type-small);color:var(--fg2)}
footer .cols ul.two{columns:2;column-gap:32px;display:block}footer .cols ul.two li{margin-bottom:12px;break-inside:avoid}
footer#footer.band{padding-top:clamp(64px,8vw,120px)!important}footer#footer.band .cols{border-top:0;padding-top:0}
@media (max-width:1100px){footer .cols{grid-template-columns:1fr 1fr}}

/* Máster structure applied */
#verano{display:block}#verano .online-row{width:100%;grid-template-columns:auto minmax(0,1fr)}.modelos .head a{grid-column:3;justify-self:end}
.online-row{margin-top:clamp(64px,8vw,120px);border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px 48px;align-items:start}.online-row p{margin:0;font:300 clamp(20px,2.2vw,32px)/1.25 var(--font-display-secondary);text-transform:uppercase;letter-spacing:.08em}.online-row p .syne{display:inline-block;font:800 clamp(28px,3.4vw,56px)/.95 var(--font-display);letter-spacing:-.04em;text-transform:uppercase}.online-row p .syne+br+.syne{margin-top:6px}.online-row .btn{margin-top:32px}@media (max-width:1100px){.online-row{grid-template-columns:minmax(0,1fr)}}
.big3{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.05em;line-height:.86;margin:0}
.lookgrid .sticky>p:not(.light){margin-top:32px}
.band .btn{border-color:#fff;color:#fff}.band .btn:hover{background:#fff;color:#000}.band .btn.solid{background:#fff;color:#000}.band .btn.solid:hover{background:transparent;color:#fff}
.band .open li a span:first-child,.band .open li a b,.band .rating,.band .rating b,.band .rating .stars,.band cite span:first-child{color:#fff}.band .open li a span:nth-child(2){color:#D0D0D0}
.marcas:not(.band) img{filter:grayscale(1)}.marcas.band img{filter:invert(1) grayscale(1)}
.ticker{margin-top:0}
.modelos:not(.band) .cap .lbl{color:#4A4A4A}
.light{font:300 clamp(20px,2.4vw,40px)/1.2 var(--font-display-secondary);text-transform:uppercase;letter-spacing:.14em}
.mani{display:block}.mani .head{max-width:none}.mani>p{margin-top:clamp(48px,6vw,96px)}
.two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:start}@media (max-width:1100px){.two{grid-template-columns:minmax(0,1fr)}}
#testimonios .quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px 40px;border-top:0;padding-top:0;margin-top:clamp(48px,6vw,96px)}#testimonios .quotes p{font:300 clamp(18px,1.5vw,24px)/1.4 var(--font-display-secondary);margin:0}#testimonios .quotes cite,.sig{display:flex;flex-direction:column;gap:6px;margin-top:24px;font-style:normal;font-size:10px;letter-spacing:.18em}#testimonios cite span:first-child{color:var(--fg)}#testimonios cite span:not(:first-child){color:var(--dim)}#testimonios .rating,#testimonios .rating b,#testimonios .rating .stars{color:var(--fg)}
.title.band{padding-bottom:clamp(96px,12vw,200px)}.kpis b{white-space:nowrap;display:block;min-width:0}.kpis div{min-width:0;padding-right:24px}
.sec.band{margin-top:0}.quote-band{margin-top:0}
.metodogrid .sticky,.lookgrid .sticky{top:120px}
.metodo .pillars{margin-top:0}
.look .col{display:grid;gap:clamp(16px,2vw,32px)}
.giant{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.07em;line-height:.8;white-space:nowrap;margin:0}
.sec{padding:clamp(96px,12vw,200px) var(--m) 0}.sec.pad{padding-bottom:clamp(96px,12vw,200px)}
.head{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:baseline;padding-top:28px;border-top:1px solid var(--line)}.head .num{font:300 clamp(28px,3vw,44px)/1 var(--font-display-secondary);letter-spacing:.04em}.h2{font:600 clamp(18px,1.8vw,28px)/1.1 var(--font-display-secondary)!important;text-transform:uppercase;letter-spacing:.06em!important;margin:0}
.lookgrid,.metodogrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:start;margin-top:clamp(48px,6vw,96px)}
.metodogrid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
section.look,section.metodo{display:block}
.modelos .rail,.marcas ul{margin-top:clamp(48px,6vw,96px)}
.verano .date{padding:0;margin-top:clamp(48px,6vw,96px)}
.mani .head+*{margin-top:clamp(48px,6vw,96px)}
@media (max-width:1100px){.lookgrid,.metodogrid{grid-template-columns:minmax(0,1fr)}.head{grid-template-columns:auto 1fr}.head>*:last-child{display:none}}

/* Section heads ≤4 words: Syne (FAMA stays in the wordmark font) */
.head .h2.sy{font:800 clamp(26px,3vw,48px)/.9 var(--font-display)!important;letter-spacing:-.04em!important;text-transform:uppercase}.head .h2.sy .fama{font-size:.88em}

/* All numbered section heads in Syne; long titles smaller, wrapping */
.head .h2{font:800 clamp(26px,3vw,48px)/.9 var(--font-display)!important;letter-spacing:-.04em!important;text-transform:uppercase;text-wrap:balance}.head .h2:not(.sy){font-size:clamp(20px,2.1vw,32px)!important;line-height:1!important;max-width:30ch}.head .h2 .fama{font-size:.88em}
.close{padding-top:clamp(96px,12vw,200px)}

/* Negro como acento: título, una sección fuerte (Modelos) y footer. Secciones blancas seguidas se separan solo por la línea fina del encabezado */
.sec.pad:not(.band)+.sec.pad:not(.band){padding-top:0}
/* hero-video */.hero .hv,.hero .still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.hero .m-only{display:none}@media (max-width:809px){.hero .d-only{display:none}.hero .m-only{display:block}}/* mtw */.mtw{display:block}.mtw-h{min-width:0}.mtw-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,6vw,120px);align-items:start;margin-top:clamp(56px,7vw,112px)}.mtw-left{display:flex;flex-direction:column;gap:32px;align-items:flex-start}.mtw-light{margin:0!important;font:300 clamp(20px,1.9vw,30px)/1.25 var(--font-display-secondary)!important;max-width:24ch;text-transform:uppercase;letter-spacing:.06em;color:#000!important}.mtw-light b{font-weight:600;letter-spacing:.04em}.mtw-right p{margin:0 0 32px;font:400 17px/1.7 var(--font-body);color:#4A4A4A!important;max-width:60ch}.mtw-right p b{color:#000!important;font-weight:500}.mtw-right .acts{display:flex;flex-wrap:wrap;gap:16px}.mtw .kpis{margin-top:clamp(64px,8vw,120px)}.mtw .kpis>div{display:flex;flex-direction:column;justify-content:flex-end}.mtw .kpis b{font-size:clamp(30px,3.2vw,52px);color:#000}@media (max-width:809px){.mtw-grid{grid-template-columns:minmax(0,1fr);row-gap:28px}}.mtw .kpis+*{margin-top:clamp(64px,8vw,120px)}/* hero-photo */.hero.hero-photo{height:100svh!important;min-height:560px}.hero-photo .still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%;filter:none}.hero-photo .cap{flex-wrap:wrap;row-gap:8px}@media (max-width:809px){.hero-photo .still{object-position:50% 30%}}/* cap-ed */.hero .cap-ed{align-items:flex-end;bottom:clamp(32px,5vh,56px);text-shadow:0 1px 14px rgba(0,0,0,.6)}.cap-ed .ed{display:grid;gap:14px;max-width:min(560px,100%);border-top:1px solid rgba(255,255,255,.7);padding-top:18px}.cap-ed .ed-k{color:#fff}.cap-ed .ed-t{margin:0;font:300 clamp(20px,2vw,30px)/1.2 var(--font-display-secondary);text-transform:uppercase;letter-spacing:.06em;color:#fff;text-wrap:balance}.cap-ed .ed-c{font:400 14px/1.5 var(--font-body);color:#fff}.cap-ed .ed-r{color:#fff}@media (max-width:809px){.cap-ed .ed-r{display:none}.cap-ed .ed-t{font-size:20px}}@media (max-width:600px){.online-row{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.online-row>*{min-width:0}}
/* NAV ALWAYS WHITE (25/09/2026): transparent only over a hero at the top; every other state is white with black marks. Menu panel white too. */
nav#nav.scrolled,body:not(:has(header.hero)) nav#nav,html.menu-open nav#nav{background:#fff!important;color:#000!important;text-shadow:none!important;box-shadow:none!important;border-bottom:1px solid rgba(0,0,0,.12)!important}
nav#nav.scrolled img,body:not(:has(header.hero)) nav#nav img,html.menu-open nav#nav img{filter:invert(1)!important}
nav#nav.scrolled a,body:not(:has(header.hero)) nav#nav a,html.menu-open nav#nav a,nav#nav.scrolled button,body:not(:has(header.hero)) nav#nav button,html.menu-open nav#nav button,nav#nav.scrolled .menubtn,body:not(:has(header.hero)) nav#nav .menubtn,html.menu-open nav#nav .menubtn{color:#000!important;text-shadow:none!important}
nav#nav.scrolled .mb-lines i,body:not(:has(header.hero)) nav#nav .mb-lines i,html.menu-open nav#nav .mb-lines i{background:#000!important}
nav#nav.scrolled .btn,body:not(:has(header.hero)) nav#nav .btn,html.menu-open nav#nav .btn,nav#nav.scrolled .navbtn,body:not(:has(header.hero)) nav#nav .navbtn,html.menu-open nav#nav .navbtn{background:#000!important;color:#fff!important;border-color:#000!important}
nav#nav.scrolled .btn:hover,body:not(:has(header.hero)) nav#nav .btn:hover,html.menu-open nav#nav .btn:hover,nav#nav.scrolled .navbtn:hover,body:not(:has(header.hero)) nav#nav .navbtn:hover,html.menu-open nav#nav .navbtn:hover{background:#fff!important;color:#000!important}
.menu{background:#fff!important;color:#000!important}
.menu a,.menu ul a,.menu button,.menu .lbl,.menu span{color:#000!important}
.menu ul a:hover{opacity:.55}
.menu img{filter:invert(1)!important}
.menu .mb-lines i{background:#000!important}
.menufoot,.menu ul li{border-color:rgba(0,0,0,.12)!important}
.menu .btn{background:#000!important;color:#fff!important;border-color:#000!important}

/* menu: no dividers between items */.menu ul li,.menu ul a{border:0!important;box-shadow:none!important}.menu ul li+li{border-top:0!important}.menu ul{gap:clamp(14px,2.2vh,22px)}

/* mobile head: never split words; extra link goes on its own row */@media (max-width:1100px){.head .h2,.head h2{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}.head{grid-template-columns:auto minmax(0,1fr)!important}.head>a:last-child{grid-column:1/-1!important;justify-self:start;margin-top:4px}}

/* brands on mobile: no grid lines, uniform cells, optically equal logos */@media (max-width:1100px){.marcas ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:0!important}.marcas li{height:96px!important;border:0!important;box-shadow:none!important;display:grid;place-items:center;padding:0 12px}.marcas li:nth-child(n){border-right:0!important;border-bottom:0!important}.marcas img{width:auto!important;max-width:58%!important;max-height:30px!important;height:auto;object-fit:contain}}

/* ===== HOME · MOBILE HARMONY (≤700px) ===== */
@media (max-width:700px){
/* rhythm: every section same vertical breathing */
.sec.pad{padding-top:72px!important;padding-bottom:72px!important}
.sec.pad:not(.band)+.sec.pad:not(.band){padding-top:0!important}
.head{margin-bottom:0}
.head+*{margin-top:40px!important}
/* 01 Formación presencial: image first, single photo, then text */
.lookgrid{display:flex!important;flex-direction:column;gap:32px!important}
.lookgrid>.col{order:-1;display:block!important}
.lookgrid>.col .pic{aspect-ratio:4/5!important;height:auto!important;margin:0!important}
.lookgrid>.col .pic.off{display:none!important}
.lookgrid .sticky{position:static!important}
.lookgrid .big3{margin-bottom:16px}
.lookgrid .light{max-width:none!important;margin-bottom:16px}
.lookgrid .open{margin-top:32px}
/* 02 Método: image a bit shorter, list tight */
.metodogrid{gap:32px!important}
.metodogrid>.pic{aspect-ratio:4/5!important;height:auto!important}
.metodogrid .btn{width:100%}
/* 05 Verano: stack — photo, then copy, button full width */
.verano .date .row{display:flex!important;flex-direction:column;gap:28px!important}
.verano .date .row>.pic{order:-1;width:100%!important;aspect-ratio:4/5!important;height:auto!important}
.verano .date .row>.r{width:100%!important}
.verano .date .row p{max-width:none!important}
.verano .date .row .btn{width:100%;margin-top:8px}
.verano .date .giant{margin-bottom:28px}
.online-row{margin-top:56px!important;padding-top:32px;border-top:1px solid rgba(0,0,0,.12)}
/* 03 Testimonios: swipe row instead of a 1.500px wall */
.quotes{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px!important;margin-left:calc(var(--m)*-1);margin-right:calc(var(--m)*-1);padding:0 var(--m) 8px!important;scrollbar-width:none;border-top:0!important}
.quotes::-webkit-scrollbar{display:none}
.quotes>blockquote{flex:0 0 82%;scroll-snap-align:start;border-top:1px solid rgba(0,0,0,.12);padding-top:24px!important;margin:0!important}
/* title block */
.mtw-grid{gap:24px!important}
.kpis b{font-size:clamp(34px,11vw,48px)!important}
/* all CTA groups: full width, 12px apart */
.acts{flex-direction:column!important;gap:12px!important;align-items:stretch!important}
.acts .btn{width:100%}
}

@media (max-width:700px){
.acts .btn,.lookgrid .btn,.metodogrid .btn,.verano .btn{flex:0 0 auto!important;height:56px!important;min-height:0!important}
.marcas li{height:104px!important}
.marcas img{max-width:72%!important;max-height:44px!important}
#metodo .head .fama{display:none}
}

/* brands · mobile bigger */
@media (max-width:700px){.marcas li{height:112px!important}.marcas img{max-width:80%!important;max-height:52px!important}}

/* menu open (all pages): nav stays white like the white panel — no black strip */
html.menu-open body:not(:has(header.hero)) nav#nav,html.menu-open body nav#nav{background:#fff!important;color:#000!important;border-bottom:1px solid rgba(0,0,0,.12)!important}
html.menu-open body:not(:has(header.hero)) nav#nav img,html.menu-open body nav#nav img{filter:invert(1)!important}
html.menu-open body:not(:has(header.hero)) nav#nav a,html.menu-open body:not(:has(header.hero)) nav#nav button,html.menu-open body nav#nav .menubtn{color:#000!important}
html.menu-open body:not(:has(header.hero)) nav#nav .mb-lines i,html.menu-open body nav#nav .mb-lines i{background:#000!important}

/* Home KPIs · mobile: cifras dentro de su columna, sin línea suelta */
@media (max-width:700px){
.mtw .kpis b{font-size:clamp(26px,8.4vw,36px)!important;white-space:nowrap;letter-spacing:-.04em!important}
.mtw .kpis>div{border:0!important;box-shadow:none!important;min-width:0}
.mtw .kpis>div:nth-child(n+3){border-top:1px solid var(--line)!important}
.mtw .kpis{border-bottom:0!important}
}