/* Tulum Fashions USA · sistema visual del deck aprobado (v15): espresso / ivory / oro Mompox,
   Bodoni Moda Display para titulares, Bodoni Moda Text para cifras y tamaños chicos, Inter para leer. */
@font-face{font-family:"Bodoni Display";src:url(/assets/fonts/bodoni-display.woff2) format("woff2");font-display:block}
@font-face{font-family:"Bodoni Display";src:url(/assets/fonts/bodoni-display-italic.woff2) format("woff2");font-style:italic;font-display:block}
@font-face{font-family:"Bodoni Text";src:url(/assets/fonts/bodoni-text.woff2) format("woff2");font-display:block}
@font-face{font-family:"Bodoni Text";src:url(/assets/fonts/bodoni-text-italic.woff2) format("woff2");font-style:italic;font-display:block}
@font-face{font-family:Inter;src:url(/assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--esp:#1B1411;--esp2:#251C18;--ivo:#F4EEE3;--stone:#E6DCCB;--gold:#C9A06A;--goldb:#E8C084;--brz:#7C5736;
  --ink:#2A201B;--mute:#6B5D52;--cream:#E9DFCF;--line:rgba(124,87,54,.28);--lined:rgba(201,160,106,.3);
  --m:clamp(20px,6vw,120px);--maxw:1440px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.65;color:var(--ink);background:var(--ivo);
  -webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--m)}
.d{background:var(--esp);color:var(--cream)}
.d2{background:var(--esp2);color:var(--cream)}
h1,h2,.disp{font-family:"Bodoni Display",Georgia,serif;font-weight:400;line-height:1.04;letter-spacing:-.012em;color:#1E1714}
.d h1,.d h2,.d .disp,.d2 h2{color:#F1E8DA}
h1{font-size:clamp(44px,7vw,104px)}
h2{font-size:clamp(36px,5vw,76px);max-width:16ch}
h2.wide{max-width:none}
h3{font-family:"Bodoni Text",Georgia,serif;font-weight:400;font-size:clamp(22px,2vw,30px);line-height:1.15;color:#1E1714}
.d h3,.d2 h3{color:#F1E8DA}
em{font-style:italic;color:var(--brz)} .d em,.d2 em{color:var(--gold)}
.num{font-family:"Bodoni Text",Georgia,serif;font-variant-numeric:lining-nums;line-height:1;color:var(--brz)}
.d .num,.d2 .num{color:var(--gold)}
.lab{font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--brz)}
.d .lab,.d2 .lab{color:var(--gold)}
.lead{font-size:clamp(18px,1.5vw,21px);max-width:62ch}
.d .lead,.d2 .lead,.d p,.d2 p{color:#D9CCBA}
.small{font-size:14px;color:var(--mute)} .d .small,.d2 .small{color:#A89886}
section{padding:clamp(80px,11vw,160px) 0;position:relative}
.stack>*+*{margin-top:24px}
.grid{display:grid;gap:clamp(24px,3vw,48px)}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.rule{border-top:1px solid var(--line);padding-top:20px} .d .rule,.d2 .rule{border-color:var(--lined)}
/* cabecera */
.top{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;
  padding:22px var(--m);color:#E9DFCF}
.top.solid{position:sticky;background:var(--esp)}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand img{height:44px;width:auto}
.brand span{font-family:"Bodoni Text",serif;letter-spacing:.28em;font-size:13px;color:var(--gold);white-space:nowrap}
nav ul{display:flex;gap:28px;list-style:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
nav a{text-decoration:none;opacity:.85} nav a:hover{opacity:1;color:var(--goldb)}
.menu{display:none;background:none;border:1px solid var(--lined);color:inherit;padding:8px 14px;font:inherit;font-size:12px;letter-spacing:.2em;text-transform:uppercase;min-height:44px}
/* héroe */
.hero{min-height:100svh;display:flex;align-items:flex-end;padding:0;background:#0E0E0E;overflow:hidden}
.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (min-width:1000px){.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(14,10,8,.88) 0%,rgba(14,10,8,.55) 34%,rgba(14,10,8,0) 58%)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,10,8,.9) 0%,rgba(14,10,8,.35) 32%,rgba(14,10,8,0) 55%)}
.hero video.hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s}
.hero video.hv.on{opacity:1}
.mark{position:relative;width:clamp(84px,8vw,120px);margin-bottom:22px}.mark img{width:100%;height:auto;position:relative;z-index:2;filter:drop-shadow(0 0 18px rgba(232,192,132,.25))}
.hero .wrap{position:relative;z-index:2;padding-top:120px;padding-bottom:clamp(48px,8vh,96px);width:100%}
.hero h1{color:#F4EEE3;max-width:15ch}
.hero .sig,.sig{font-family:"Bodoni Text",Georgia,serif;font-style:italic;color:var(--goldb);font-size:clamp(22px,2.2vw,30px);line-height:1.3;letter-spacing:.005em;margin-top:18px}
.hero .lead{color:#D9CCBA;margin-top:18px}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:14px 26px;font-size:13px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);transition:background .4s cubic-bezier(.16,1,.3,1),color .4s}
.btn.p{background:var(--gold);color:var(--esp)} .btn.p:hover{background:var(--goldb)}
.btn.g{color:var(--gold)} .btn.g:hover{background:rgba(201,160,106,.12)}
.ivo .btn.g,section:not(.d):not(.d2) .btn.g{color:var(--brz);border-color:var(--brz)}
/* el hilo de oro: firma que cruza la página */
.thread{position:absolute;left:calc(var(--m) / 2);top:0;bottom:0;width:2px;pointer-events:none;z-index:1}
.thread i{display:block;width:1px;height:100%;background:linear-gradient(180deg,rgba(201,160,106,0),var(--gold) 15%,var(--goldb) 50%,var(--gold) 85%,rgba(201,160,106,0));
  transform-origin:top;transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
.js .thread i{transform:scaleY(0)}
.js .in .thread i,.js .thread.on i{transform:scaleY(1)}
/* cifras */
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:32px;margin-top:56px}
.figs .num{font-size:clamp(56px,6vw,96px)}
.figs p{margin-top:10px;font-size:15px}
/* tarjetas de imagen */
.tile{position:relative;overflow:hidden;background:#0E0E0E}
.tile img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.tile:hover img{transform:scale(1.03)}
.tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 18px;background:linear-gradient(0deg,rgba(14,10,8,.8),rgba(14,10,8,0));
  font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#F1E8DA}
.rooms img{aspect-ratio:16/10;width:100%;object-fit:cover}
.rooms figcaption{margin-top:12px}
.concept{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.d .concept{color:#9E8E7E}
/* listas y filas */
.rows>div{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}
.d .rows>div,.d2 .rows>div{border-color:var(--lined)}
.rows .num{font-size:44px}
.tiers>div{display:grid;grid-template-columns:70px minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:24px;padding:26px 0;border-top:1px solid var(--line)}
.tiers .tag{display:block;margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brz)}
.pipe{position:relative;display:flex;justify-content:space-between;margin-top:64px;padding-top:28px}
.pipe::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(201,160,106,.3),var(--goldb),rgba(201,160,106,.3))}
.pipe span{position:relative;font-family:"Bodoni Text",serif;font-size:clamp(16px,2vw,26px);color:#F1E8DA}
.pipe span::before{content:"";position:absolute;left:50%;top:-35px;width:13px;height:13px;margin-left:-6px;border-radius:50%;background:#F3D9A4;box-shadow:0 0 14px rgba(243,217,164,.7)}
.model{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,72px);align-items:flex-end;margin-top:40px}
.model .num{font-size:clamp(64px,9vw,140px)}
/* market weeks */
.mw li{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:20px 0;border-top:1px solid var(--lined)}
.mw .disp{font-family:"Bodoni Text",serif;font-size:clamp(22px,2.4vw,32px)}
/* preguntas */
details{border-top:1px solid var(--line);padding:22px 0}
.d details,.d2 details{border-color:var(--lined)}
summary{cursor:pointer;list-style:none;font-family:"Bodoni Text",serif;font-size:clamp(20px,2vw,26px);display:flex;justify-content:space-between;gap:20px;min-height:44px;align-items:center}
summary::after{content:"+";color:var(--gold);font-size:28px;transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:12px;max-width:72ch}
/* artículo (guía) */
.article{max-width:780px}
.article h2{font-size:clamp(30px,3.6vw,48px);margin-top:72px;max-width:none}
.article h3{margin-top:36px}
.article p,.article li{margin-top:16px}
.article ul,.article ol{padding-left:22px}
.answer{font-size:clamp(19px,1.7vw,22px);border-top:1px solid var(--brz);border-bottom:1px solid var(--line);padding:26px 0;margin-top:40px}
table{width:100%;border-collapse:collapse;margin-top:24px;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:14px 12px;border-top:1px solid var(--line)}
th{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brz);font-weight:600}
.tablewrap{overflow-x:auto}
/* pie */
footer{background:#120D0B;color:#BFAF9C;padding:80px 0 40px;font-size:15px}
footer .disp{color:var(--gold);font-size:28px}
footer a{text-decoration:none} footer a:hover{color:var(--goldb)}
footer ul{list-style:none} footer li+li{margin-top:8px}
.legal{margin-top:56px;padding-top:24px;border-top:1px solid var(--lined);font-size:13px;color:#8E7F70}
/* aparición suave */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
.rv.in,.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv,.js .rv{opacity:1;transform:none;transition:none}.thread i{transform:scaleY(1);transition:none}html{scroll-behavior:auto}}
@media (max-width:900px){
  /* sin JS el menú queda visible en línea; el plegable solo se activa cuando site.js conecta el botón (.nav-js) */
  nav ul{display:flex;flex-wrap:wrap;gap:0 18px;justify-content:flex-end}
  nav li a{display:block;padding:12px 0;min-height:44px}
  .menu{display:none}
  .nav-js nav ul{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--esp);padding:12px var(--m) 24px}
  .nav-js nav ul.open{display:flex}
  .nav-js .menu{display:block}
  .tiers>div{grid-template-columns:52px 1fr}.tiers>div>p{grid-column:2}
  .rows>div{grid-template-columns:56px 1fr}
  .pipe{flex-wrap:wrap;gap:36px 18px;justify-content:flex-start}.pipe span{width:40%}
  .thread{display:none}
  .brand span{display:none}
}
:focus-visible{outline:2px solid var(--goldb);outline-offset:3px}

/* ===== v2 editorial (28-oct): la imagen manda ===== */
.split{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:100svh;background:var(--ivo)}
.split.d{background:var(--esp)}
.split .sp-img{position:relative;overflow:hidden;min-height:60svh}
.split .sp-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 2.4s cubic-bezier(.16,1,.3,1)}
.split:hover .sp-img img{transform:scale(1.025)}
.split .sp-txt{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,8vw,140px) clamp(24px,6vw,120px)}
.split.img-left .sp-img{order:0}.split:not(.img-left) .sp-img{order:2}
.split .sp-txt p{max-width:52ch}
.figs.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px;margin-top:48px}
.figs.two .num{font-size:clamp(52px,5vw,84px)}
.looks{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(10px,1.4vw,22px);margin-top:64px}
.lk{position:relative;overflow:hidden;background:#0E0E0E}
.lk img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
.lk:hover img{transform:scale(1.04)}
.lk figcaption{position:absolute;left:0;right:0;bottom:0;padding:56px 22px 20px;background:linear-gradient(0deg,rgba(14,10,8,.82),rgba(14,10,8,0));font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#F1E8DA}
.lk0{grid-column:1/6;grid-row:1/3;aspect-ratio:3/4}
.lk1{grid-column:6/9;aspect-ratio:1}.lk2{grid-column:9/13;aspect-ratio:4/3}
.lk3{grid-column:6/10;aspect-ratio:4/3}.lk4{grid-column:10/13;aspect-ratio:1}
.lk5{grid-column:1/13;aspect-ratio:21/8}
.lk5 img{object-position:50% 30%}
.band{position:relative;min-height:78svh;display:flex;align-items:center;padding:0;overflow:hidden}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,10,8,.75),rgba(14,10,8,.15) 60%)}
.band .wrap{position:relative;z-index:2;width:100%}
.band .disp{font-size:clamp(44px,7vw,112px);max-width:12ch;color:#F4EEE3}
.crit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin-top:64px}
.cr img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cr .num{display:block;font-size:56px;margin-top:22px}
.cr h3{margin-top:10px}.cr p{margin-top:10px}
@media (max-width:900px){
  .split{grid-template-columns:1fr;min-height:0}.split .sp-img{order:0!important;min-height:0;aspect-ratio:4/5}
  .looks{grid-template-columns:1fr 1fr}.lk{grid-column:auto!important;grid-row:auto!important;aspect-ratio:3/4!important}.lk0,.lk5{grid-column:1/3!important;aspect-ratio:4/5!important}
  .crit{grid-template-columns:1fr}
  .band{min-height:60svh}
}

/* ===== movimiento (Motion) ===== */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.wi{display:inline-block;will-change:transform}
.mo .hero .lab,.mo .hero .sig,.mo .hero .lead,.mo .hero .cta{opacity:0}
.strips{position:absolute;inset:0;z-index:4;display:grid;grid-template-columns:repeat(6,1fr);pointer-events:none}
.strips i{background:#0E0A08;transform-origin:top}
.sp-img,.lk,.cr,.rooms,.band{overflow:hidden}
.cr{overflow:visible}.cr>img{display:block}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
.mo .rv{transition:none}

/* un solo GT en la portada y legible sobre el cielo claro (Jose 28-oct: «esto se ve mal») */
.top:not(.solid) .brand img{display:none}
.top:not(.solid) .brand span{color:#F4EEE3}

/* ---- v3 (29-oct): láminas del deck v15 como secciones ---- */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.1vw,18px);margin-top:56px}
.cat{position:relative;overflow:hidden;aspect-ratio:1;background:#0E0E0E}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform 1.8s cubic-bezier(.16,1,.3,1),filter 1.2s}
.cat:hover img{transform:scale(1.06)}
.cat figcaption{position:absolute;left:0;right:0;bottom:0;padding:64px 20px 18px;background:linear-gradient(0deg,rgba(14,10,8,.85),rgba(14,10,8,0));
  font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#F1E8DA}
.cat figcaption::after{content:"";display:block;width:28px;height:1px;margin-top:12px;background:var(--goldb);transform-origin:0 50%;transform:scaleX(.4);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.cat:hover figcaption::after{transform:scaleX(1.6)}
.walls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,2.6vw,44px);margin-top:56px}
.pair .pw{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:hidden}
.pair img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1.8s cubic-bezier(.16,1,.3,1)}
.pair:hover img{transform:scale(1.04)}
.pair figcaption{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--lined)}
section:not(.d):not(.d2) .pair figcaption{border-color:var(--line)}
.voz .sp-img{position:relative}
.voz .sp-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:1;background:linear-gradient(0deg,rgba(14,10,8,.7),rgba(14,10,8,0))}
.concept.on-img{position:absolute;left:24px;bottom:18px;z-index:2;color:#F4EEE3}
.hairline{height:1px;background:var(--line);margin:40px 0 0;max-width:52ch}
.pull{font-family:"Bodoni Text",Georgia,serif;font-size:clamp(22px,2.2vw,32px);line-height:1.3;margin-top:28px;color:#1E1714}
.d .pull,.d2 .pull{color:#F1E8DA}.pull.gold,.d .pull.gold{color:var(--goldb)}
.plan{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,5vw,96px);align-items:center}
.plan-svg svg{display:block;width:100%;height:auto;max-height:84svh}
.legend{margin-top:40px}
.legend>div{display:grid;grid-template-columns:76px 1fr;align-items:baseline;padding:16px 0;border-top:1px solid var(--lined)}
.legend .num{font-size:30px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px clamp(24px,3vw,56px);margin-top:20px}
.steps>div{border-top:1px solid var(--lined);padding-top:16px}
section:not(.d):not(.d2) .steps>div{border-color:var(--line)}
.steps .num{font-size:22px}.steps p{margin-top:8px;max-width:40ch}
.tl{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:72px;padding-top:30px}
.tl-line{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(124,87,54,.35),var(--brz) 50%,var(--brz));transform-origin:0 50%}
.tl>div{position:relative}
.tl>div::before{content:"";position:absolute;top:-37px;left:0;width:14px;height:14px;border-radius:50%;background:var(--gold)}
.tl>div:nth-of-type(2){text-align:center}.tl>div:nth-of-type(2)::before{left:50%;margin-left:-7px}
.tl>div:nth-of-type(3){text-align:right}.tl>div:nth-of-type(3)::before{left:auto;right:0;background:var(--brz)}
.tl h3{margin-top:8px}
table.be{width:100%;border-collapse:collapse}
.be th,.be td{padding:16px 0;border-top:1px solid var(--line);text-align:left;font-weight:400}
.be thead th{border-top:0;vertical-align:bottom}
.be .n{text-align:right;font-family:"Bodoni Text",Georgia,serif;font-size:clamp(18px,1.9vw,28px);font-variant-numeric:lining-nums tabular-nums;color:#1E1714;white-space:nowrap;padding-left:16px}
.be thead .n{font-size:clamp(20px,2.3vw,36px)}
.be tfoot th,.be tfoot td{border-top:2px solid var(--brz);padding-top:20px}
.be tfoot th{font-family:"Bodoni Text",Georgia,serif;font-size:clamp(20px,2vw,30px)}
.be tfoot .n{color:var(--brz);font-size:clamp(24px,2.8vw,44px)}
@media (max-width:900px){
  .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .walls{grid-template-columns:1fr}
  .plan{grid-template-columns:1fr}.plan-svg svg{max-height:none}
  .steps{grid-template-columns:1fr}
}
@media (max-width:700px){
  .tl{grid-template-columns:1fr;gap:28px;padding:0 0 0 30px}
  .tl-line{left:6px;right:auto;top:0;bottom:0;width:2px;height:auto;transform-origin:50% 0;background:linear-gradient(180deg,rgba(124,87,54,.35),var(--brz))}
  .tl>div,.tl>div:nth-of-type(2),.tl>div:nth-of-type(3){text-align:left}
  .tl>div::before,.tl>div:nth-of-type(2)::before,.tl>div:nth-of-type(3)::before{left:-31px;right:auto;top:4px;margin-left:0}
  .be th,.be td{padding:12px 0}.be .n{padding-left:10px}
  .cat figcaption{padding:48px 12px 12px;font-size:11px;letter-spacing:.16em}
}
@media (prefers-reduced-motion:reduce){.cat img,.pair img{transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
.be th{letter-spacing:0;text-transform:none;color:inherit;font-size:16px;font-weight:400}
.be thead th.lab{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--brz);font-weight:600}
.be tfoot th{color:#1E1714;letter-spacing:0;text-transform:none}
.be-h em{font-family:"Bodoni Text",Georgia,serif}
@media (max-width:700px){.be th{font-size:13px;padding-right:6px}.be .n{font-size:14px;padding-left:6px}.be thead .n{font-size:15px}.be tfoot th{font-size:16px}.be tfoot .n{font-size:17px}.be thead th.lab{font-size:11px;letter-spacing:.14em}}
@media (max-width:420px){.be .n{font-size:13px;padding-left:2px}.be thead .n{font-size:14px}.be tfoot .n{font-size:15px}.be th{padding-right:2px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.note{font-size:14px;line-height:1.6;color:var(--mute);margin-top:20px;max-width:90ch}.d .note,.d2 .note{color:#B9AC9C}
.band .hilo-cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* Tulum Fashions USA (10-nov-2026): firma Tulum + USA en encabezado y portada; video real del showroom en el héroe */
.brand img{height:40px}.top.solid .brand span{display:none}
.mark{width:clamp(190px,19vw,280px)}.mark img{filter:drop-shadow(0 2px 14px rgba(0,0,0,.55))}
.hero h1{text-wrap:balance}
@media (min-width:1000px){   /* escritorio: texto a la izquierda sobre carbón, video en la mitad derecha */
  .hero picture,.hero picture img,.hero video.hv{left:auto;right:0;width:56%}.hero picture img{width:100%}
  .hero::before{background:linear-gradient(90deg,#0E0E0E 0%,#0E0E0E 44%,rgba(14,14,14,.55) 50%,rgba(14,14,14,0) 60%)}
  .hero::after{background:linear-gradient(180deg,rgba(14,10,8,.78) 0%,rgba(14,10,8,0) 17%),linear-gradient(0deg,rgba(14,10,8,.55) 0%,rgba(14,10,8,0) 30%)}
  .hero h1{font-size:clamp(40px,4.1vw,80px);max-width:18ch}.hero .lead{max-width:44ch}
}
@media (max-width:999px){   /* móvil y tableta: video arriba, limpio; el texto empieza donde el video se funde en carbón */
  .hero{display:block}
  .hero picture,.hero picture img,.hero video.hv{height:46svh;bottom:auto;object-position:50% 32%}.hero picture img{height:100%}
  .hero::after{background:linear-gradient(180deg,rgba(14,10,8,.65) 0,rgba(14,10,8,.6) 10svh,rgba(14,10,8,0) 18svh,rgba(14,14,14,0) 22svh,rgba(14,14,14,.78) 36svh,#0E0E0E 46svh)}
  .hero .wrap{padding-top:calc(46svh - 140px)}   /* el botón principal queda antes del pliegue en un teléfono de 390×844 */
  .hero h1{font-size:clamp(32px,9vw,48px);max-width:none}
  .mark{width:150px;margin-bottom:14px}
}