/* =====================================================================
   FEAR Fight Series — sistema visual
   Navegación de plataforma de streaming: portada con cartel, filas de
   títulos deslizables, fichas «Más información» y reproductor a pantalla
   completa. Oscuro para ver contenido; claro para cuenta, registro,
   tienda y textos legales. Blanco y negro como colores de marca.
   ===================================================================== */

@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/inter-400.woff") format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/inter-500.woff") format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/inter-600.woff") format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/inter-700.woff") format("woff")}
@font-face{font-family:"Inter Display";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/inter-display-800.woff") format("woff")}
@font-face{font-family:"Inter Display";font-style:normal;font-weight:900;font-display:swap;src:url("fonts/inter-display-900.woff") format("woff")}
@font-face{font-family:"Inter Display";font-style:italic;font-weight:600;font-display:swap;src:url("fonts/inter-display-600-italic.woff") format("woff")}
@font-face{font-family:"Inter Display";font-style:italic;font-weight:900;font-display:swap;src:url("fonts/inter-display-900-italic.woff") format("woff")}

/* Layout: a TV-first browse grid — 4% side gutters, rows of titles that scroll sideways. */
:root{
  --black:#000;
  --ink:#0a0a0a;
  --panel:#181818;
  --panel-2:#232323;
  --panel-3:#2f2f2f;
  --white:#fff;
  --grey-1:#e5e5e5;
  --grey-2:#b3b3b3;
  --grey-3:#808080;
  --grey-4:#595959;
  --warn:#e87c03;
  --bg:var(--black);
  --fg:var(--white);
  --muted:var(--grey-2);
  --subtle:var(--grey-3);
  --line:rgba(255,255,255,.14);
  --field-bg:rgba(22,22,22,.72);
  --field-line:rgba(128,128,128,.7);
  --font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Inter Display","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --gutter:clamp(16px,4vw,64px);
  --gutter-l:max(var(--gutter),env(safe-area-inset-left,0px));
  --gutter-r:max(var(--gutter),env(safe-area-inset-right,0px));
  --header-h:68px;
  --tabbar-h:0px;
  --radius:4px;
  --ease:cubic-bezier(.2,.75,.25,1);
  color-scheme:dark;
}
.theme-light{
  --bg:#fff;
  --fg:#141414;
  --muted:#5e5e5e;
  --subtle:#8a8a8a;
  --line:rgba(0,0,0,.12);
  --panel:#f4f4f4;
  --panel-2:#ebebeb;
  --panel-3:#e0e0e0;
  --field-bg:#fff;
  --field-line:#8c8c8c;
  color-scheme:light;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font:400 1rem/1.5 var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding-bottom:var(--tabbar-h)}
img,svg,video{display:block;max-width:100%}
img{height:auto}
:where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure){margin:0}
:where(ul[role="list"],ol[role="list"]){list-style:none;padding:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
html.has-dialog{overflow:hidden}
.intro-pending body::before{content:"";position:fixed;inset:0;z-index:149;background:#000;animation:intro-out .5s ease 1.35s forwards}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.theme-dark :focus-visible{outline-color:#fff}
.theme-light :focus-visible{outline-color:#000}
::selection{background:#fff;color:#000}
.theme-light ::selection{background:#000;color:#fff}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-80px;z-index:200;padding:.75rem 1rem;background:#fff;color:#000;font-weight:700;border-radius:var(--radius);text-decoration:none;transition:top .2s}
.skip-link:focus{top:calc(12px + env(safe-area-inset-top,0px))}
.icon{width:1.5rem;height:1.5rem;flex:none}
.icon--xs{width:.95rem;height:.95rem}
.icon--sm{width:1.15rem;height:1.15rem}
.muted{color:var(--subtle)}
.text-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--fg);font-weight:600;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.text-link:hover{text-decoration-thickness:2px}
.eyebrow{font:600 italic .82rem/1 var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.section-title{font:800 clamp(1.3rem,2.1vw,2rem)/1.2 var(--font-display);letter-spacing:-.01em;text-wrap:balance}
.required{color:var(--warn)}

/* Kicker («serie» en la cabecera del título) */
.kicker{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;font:700 clamp(.72rem,.9vw,.92rem)/1 var(--font-sans);letter-spacing:.34em;text-transform:uppercase;color:var(--grey-1)}
.kicker__mark{width:clamp(18px,1.6vw,26px);height:auto;color:#fff}

/* Meta, etiquetas y géneros */
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;font-size:.95rem;color:#bcbcbc;font-variant-numeric:tabular-nums}
.meta__strong{color:#fff;font-weight:700}
.meta__box{border:1px solid rgba(255,255,255,.4);border-radius:3px;padding:.02rem .42rem;font-size:.78rem;line-height:1.5;color:#fff}
.theme-light .meta{color:var(--muted)}
.theme-light .meta__strong,.theme-light .meta__box{color:var(--fg)}
.theme-light .meta__box{border-color:rgba(0,0,0,.35)}
.tags{display:flex;flex-wrap:wrap;gap:.2rem .45rem;font-size:.9rem;color:#fff}
.tags span+span::before{content:"•";margin-right:.45rem;color:#646464}

/* ---------- Botones ---------- */
.btn{--btn-bg:#fff;--btn-fg:#000;--btn-hover:rgba(255,255,255,.75);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.75rem;padding:.55rem 1.4rem;border:0;border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);font:700 1rem/1.1 var(--font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
.btn:hover{background:var(--btn-hover)}
.btn .icon{width:1.35em;height:1.35em}
.btn--more{--btn-bg:rgba(109,109,109,.7);--btn-fg:#fff;--btn-hover:rgba(109,109,109,.42)}
.btn--secondary{--btn-bg:rgba(255,255,255,.12);--btn-fg:#fff;--btn-hover:rgba(255,255,255,.2)}
.theme-light .btn--primary{--btn-bg:#000;--btn-fg:#fff;--btn-hover:#2c2c2c}
.theme-light .btn--secondary{--btn-bg:#e8e8e8;--btn-fg:#141414;--btn-hover:#dcdcdc}
.btn--hero{min-height:3.1rem;padding:.7rem 1.9rem .7rem 1.45rem;font-size:clamp(1rem,1.3vw,1.3rem)}
.btn--lg{min-height:3.1rem;font-size:1.08rem}
.btn--xl{min-height:3.5rem;padding:.75rem 1.8rem;font-size:clamp(1.08rem,1.6vw,1.45rem)}
.btn--xl .icon{width:1.2em;height:1.2em}
.btn--sm{min-height:2.1rem;padding:.35rem .95rem;font-size:.88rem}
.btn--block{width:100%}
.label-short{display:none}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn--danger-outline{--btn-bg:transparent;--btn-fg:#141414;--btn-hover:#f2f2f2;border:1px solid #9b9b9b}
.round-btn{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;flex:none;padding:0;border:2px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(42,42,42,.6);color:#fff;text-decoration:none;cursor:pointer;transition:border-color .15s,background-color .15s}
.round-btn:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.round-btn .icon{width:1.3rem;height:1.3rem}
.round-btn--light{border-color:#fff;background:#fff;color:#000}
.round-btn--light:hover{background:rgba(255,255,255,.8)}
[data-save-id] .icon--on{display:none}
[data-save-id][aria-pressed="true"] .icon--on{display:block}
[data-save-id][aria-pressed="true"] .icon--off{display:none}
.icon-btn{position:relative;display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;text-decoration:none;cursor:pointer}
.icon-btn .icon{width:1.45rem;height:1.45rem}
.icon-btn:hover{background:rgba(255,255,255,.1)}
.theme-light .icon-btn:hover{background:rgba(0,0,0,.06)}
.icon-action{display:inline-flex;flex-direction:column;align-items:center;gap:.3rem;min-width:3.5rem;padding:.3rem .2rem;border:0;background:none;color:var(--fg);font:500 .76rem/1.2 var(--font-sans);text-decoration:none;cursor:pointer}
.icon-action .icon{width:1.65rem;height:1.65rem}
.icon-action:hover{color:var(--muted)}

/* ---------- Cabecera ---------- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);color:#fff;background-color:transparent;transition:background-color .4s ease}
.site-header::before{content:"";position:absolute;inset:0 0 -40px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,0) 100%);transition:opacity .4s}
.site-header.is-solid{background-color:#000}
.site-header.is-solid::before{opacity:0}
.theme-light .site-header{background:#fff;color:#141414;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.theme-light .site-header::before{display:none}
.site-header__inner{display:flex;align-items:center;gap:clamp(1rem,2.6vw,2.6rem);height:var(--header-h);padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.brand{display:flex;align-items:center;flex:none;color:inherit}
.brand__logo{height:clamp(28px,2.5vw,36px);width:auto}
.site-header--minimal .site-header__inner{justify-content:space-between}
.site-header__link{font-weight:700;text-decoration:none}
.site-header__link:hover{text-decoration:underline}
.primary-nav ul{display:flex;align-items:center;gap:clamp(.9rem,1.45vw,1.45rem)}
.primary-nav a{font-size:.9rem;color:var(--grey-1);text-decoration:none;transition:color .3s;white-space:nowrap}
.primary-nav a:hover{color:var(--grey-2)}
.primary-nav a[aria-current="page"]{color:#fff;font-weight:700}
.theme-light .primary-nav a{color:#3d3d3d}
.theme-light .primary-nav a:hover{color:#000}
.theme-light .primary-nav a[aria-current="page"]{color:#000}
.browse-menu{position:relative;display:none}
.browse-menu__toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 0;border:0;background:none;font-weight:700;font-size:.92rem}
.header-tools{display:flex;align-items:center;gap:.35rem;margin-left:auto}
.cart-link__count{position:absolute;top:4px;right:2px;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:#fff;color:#000;font:800 .66rem/1.1rem var(--font-sans);text-align:center}
.theme-light .cart-link__count{background:#000;color:#fff}
.header-join{margin-left:.35rem}
.header-signin{margin-left:.35rem}
.account-menu,.notify{position:relative}
.account-menu__toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem;border:0;background:none}
.account-menu__caret{transition:transform .25s}
.account-menu__toggle[aria-expanded="true"] .account-menu__caret{transform:rotate(180deg)}
.avatar{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:4px;background:#fff;color:#000;font:800 1rem/1 var(--font-display)}
.theme-light .avatar{background:#000;color:#fff}
.avatar--sm{width:1.75rem;height:1.75rem;font-size:.85rem}
.avatar--lg{width:3.5rem;height:3.5rem;font-size:1.6rem;border-radius:6px}
.notify__dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #000}
.theme-light .notify__dot{background:#000;box-shadow:0 0 0 2px #fff}
.dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:60;min-width:14rem;padding:.5rem 0;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:rgba(0,0,0,.94);color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.dropdown::before{content:"";position:absolute;top:-8px;right:18px;border:8px solid transparent;border-top:0;border-bottom-color:rgba(255,255,255,.7)}
.theme-light .dropdown{background:#fff;color:#141414;border-color:#e2e2e2}
.theme-light .dropdown::before{border-bottom-color:#e2e2e2}
.dropdown ul a{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.9rem;text-decoration:none}
.dropdown ul a:hover{text-decoration:underline}
.dropdown ul .icon{width:1.25rem;height:1.25rem;color:var(--grey-2)}
.dropdown__title{padding:.4rem 1rem .6rem;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--grey-2)}
.dropdown__who{display:flex;align-items:center;gap:.65rem;padding:.5rem 1rem .75rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.12)}
.theme-light .dropdown__who{border-color:#ececec}
.dropdown__signout{display:block;margin-top:.35rem;padding:.75rem 1rem .4rem;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem;text-align:center;text-decoration:none}
.theme-light .dropdown__signout{border-color:#ececec}
.dropdown__signout:hover{text-decoration:underline}
.dropdown--browse{left:50%;right:auto;transform:translateX(-50%);min-width:16rem;text-align:center}
.dropdown--browse::before{left:50%;right:auto;transform:translateX(-50%)}
.dropdown--browse ul a{justify-content:center;padding:.85rem 1rem}
.dropdown--browse a[aria-current="page"]{font-weight:700}
.dropdown--notify{width:min(25rem,calc(100vw - 2rem))}
.note{display:grid;grid-template-columns:112px minmax(0,1fr);gap:.9rem;align-items:center;padding:.85rem 1rem;border-top:1px solid rgba(255,255,255,.08);text-decoration:none!important}
.theme-light .note{border-color:#efefef}
.note:hover{background:rgba(255,255,255,.06)}
.theme-light .note:hover{background:#f6f6f6}
.note img{width:112px;aspect-ratio:16/9;object-fit:cover;border-radius:3px}
.note strong{display:block;font-size:.9rem}
.note span span{display:block;color:var(--grey-2);font-size:.82rem;line-height:1.35;margin-top:.15rem}
.theme-light .note span span{color:#5e5e5e}
.note small{display:block;margin-top:.3rem;color:var(--grey-3);font-size:.75rem}

/* ---------- Portada: cartel principal ---------- */
.browse{position:relative}
.billboard{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(560px,56.25vw,94vh);padding:calc(var(--header-h) + 3rem) var(--gutter-r) clamp(8.5rem,15vw,15rem) var(--gutter-l);overflow:hidden;background:#000}
.billboard__media img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:68% 22%}
.billboard__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(77deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.62) 26%,rgba(0,0,0,.12) 58%,rgba(0,0,0,0) 75%),linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 58%,rgba(0,0,0,.7) 82%,#000 100%)}
.billboard__body{position:relative;width:min(38rem,44vw)}
.billboard__title{margin:0}
.billboard__logo{width:clamp(240px,31vw,560px);height:auto;color:#fff;filter:drop-shadow(0 4px 22px rgba(0,0,0,.45))}
.billboard__rank{display:flex;align-items:center;gap:.8rem;margin:1.4rem 0 .9rem;font:800 clamp(1.02rem,1.55vw,1.55rem)/1.2 var(--font-display);letter-spacing:-.005em;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.date-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:2.7rem;height:2.95rem;border-radius:2px;background:#fff;color:#000;line-height:1}
.date-badge b{font:900 1.2rem/1 var(--font-display);letter-spacing:-.02em}
.date-badge small{margin-top:.18rem;font:800 .56rem/1 var(--font-sans);letter-spacing:.12em}
.billboard__synopsis{max-width:34rem;font-size:clamp(1rem,1.35vw,1.32rem);line-height:1.45;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.billboard__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
.billboard__tags{display:none}
.billboard__aside{position:absolute;right:0;bottom:clamp(8.5rem,15vw,15rem);display:flex;align-items:center;gap:1.25rem}
.billboard__countdown{display:flex;align-items:baseline;gap:.4rem;font:600 .95rem/1 var(--font-sans);color:var(--grey-1);text-shadow:0 2px 6px rgba(0,0,0,.6)}
.billboard__countdown b{font:900 italic clamp(1.6rem,2.4vw,2.4rem)/1 var(--font-display);color:#fff;font-variant-numeric:tabular-nums}
.maturity{display:inline-flex;align-items:center;min-height:2.6rem;padding:.4rem var(--gutter-r) .4rem .85rem;border-left:3px solid #dcdcdc;background:rgba(51,51,51,.6);font:700 clamp(.78rem,.95vw,1rem)/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase}

/* ---------- Filas ---------- */
.rows{position:relative;z-index:2;display:grid;gap:clamp(1.8rem,3vw,3.2rem);padding-block:1rem 2rem}
.rows--lead{margin-top:clamp(-11rem,-12vw,-5rem)}
.row-slot{display:contents}
.row-slot[hidden]{display:none!important}
html.has-dialog{overflow:hidden}
.intro-pending body::before{content:"";position:fixed;inset:0;z-index:149;background:#000;animation:intro-out .5s ease 1.35s forwards}
.row{position:relative;min-width:0}
.row__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin-bottom:.55rem}
.row__title{font:700 clamp(1.05rem,1.45vw,1.55rem)/1.25 var(--font-sans);color:#e5e5e5}
.theme-light .row__title{color:#141414}
.row__title a{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}
.row__explore{display:inline-flex;align-items:center;gap:.15rem;max-width:0;overflow:hidden;opacity:0;font-size:.8rem;font-weight:700;color:var(--grey-2);white-space:nowrap;transition:max-width .5s var(--ease),opacity .3s}
.row:hover .row__explore,.row__title a:focus-visible .row__explore{max-width:8rem;opacity:1}
.row__pager{display:flex;gap:2px}
.row__pager span{width:12px;height:2px;background:#4d4d4d}
.row__pager span.is-active{background:#aaa}
.row__viewport{position:relative}
.row__track{--gap:clamp(6px,.45vw,10px);--pv:1.25;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--pv) - 1) * var(--gap)) / var(--pv));gap:var(--gap);margin:0;padding:6px var(--gutter-r) 12px var(--gutter-l);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter-l) var(--gutter-r);scrollbar-width:none;list-style:none}
.row__track::-webkit-scrollbar{display:none}
.row__item{min-width:0;scroll-snap-align:start}
.row--editions .row__track{--pv:1.55}
.row--products .row__track{--pv:2.2}
.row--photos .row__track{--pv:1.3}
.row__arrow{position:absolute;top:6px;bottom:12px;z-index:4;display:grid;place-items:center;width:var(--gutter);padding:0;border:0;background:rgba(20,20,20,.5);color:#fff;opacity:0;cursor:pointer;transition:opacity .2s,background-color .2s}
.row__arrow--prev{left:0;border-radius:0 4px 4px 0}
.row__arrow--next{right:0;border-radius:4px 0 0 4px}
.row__arrow .icon{width:2rem;height:2rem;transition:transform .2s}
.row:hover .row__arrow,.row__arrow:focus-visible{opacity:1}
.row__arrow:hover{background:rgba(20,20,20,.72)}
.row__arrow:hover .icon{transform:scale(1.25)}

/* Tarjeta de título 16:9 */
.tcard{position:relative}
.tcard__link{display:block;border-radius:var(--radius);color:#fff;text-decoration:none}
.tcard__art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:#1b1b1b}
.tcard__art img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.tcard__art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.78) 100%);pointer-events:none}
.tcard__link:hover .tcard__art img,.tcard__link:focus-visible .tcard__art img{transform:scale(1.04)}
.tcard__mark{position:absolute;top:9px;left:10px;z-index:2;width:clamp(16px,1.5vw,24px);color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.tcard__mark svg{width:100%;height:auto}
.tcard__logo{position:absolute;left:clamp(10px,1vw,16px);right:12px;bottom:clamp(9px,.9vw,14px);z-index:2;color:#fff}
.tcard__title-svg{display:block;width:min(56%,240px);height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.tlogo{display:flex;flex-direction:column;align-items:flex-start;line-height:.86;text-transform:uppercase}
.tlogo small{font:600 italic clamp(.62rem,.72vw,.8rem)/1 var(--font-display);letter-spacing:.22em;margin-bottom:.2rem}
.tlogo b{font:900 italic clamp(1.9rem,2.9vw,3rem)/.85 var(--font-display);letter-spacing:-.03em}
.tlogo--lg small{font-size:clamp(.75rem,1.1vw,1rem)}
.tlogo--lg b{font-size:clamp(3rem,7vw,5.5rem)}
.tcard__progress{position:absolute;left:10px;right:10px;bottom:6px;z-index:3;height:3px;background:rgba(255,255,255,.3)}
.tcard__progress span{display:block;height:100%;width:var(--p,0%);background:#fff}
.tcard__art:has(.tcard__progress:not([hidden])) .tcard__logo{bottom:18px}

/* Ediciones (estilo Top 10 con numerales del logotipo) */
.ecard{position:relative;display:block;padding-left:40%;color:#fff;text-decoration:none}
.ecard__num{position:absolute;left:0;bottom:0;z-index:0;width:auto;height:86%;max-width:none;color:#595959;transition:color .3s}
.ecard:hover .ecard__num,.ecard:focus-visible .ecard__num{color:#fff}
.ecard__art{position:relative;z-index:1;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius);background:#151515;box-shadow:-10px 0 24px rgba(0,0,0,.6)}
.ecard__art img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.ecard:hover .ecard__art img{transform:scale(1.04)}
.ecard__badge{position:absolute;top:10px;left:0;padding:.32rem .9rem .32rem .6rem;background:#fff;color:#000;font:800 .66rem/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.ecard__date{position:absolute;left:10px;bottom:10px;font:900 italic clamp(1rem,1.5vw,1.4rem)/1 var(--font-display);text-shadow:0 2px 8px rgba(0,0,0,.8)}

/* Tienda en fila */
.ptile{display:block;color:inherit;text-decoration:none}
.ptile__media{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius);background:#fff}
.ptile__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.ptile:hover .ptile__media img{transform:scale(1.04)}
.ptile__name{display:block;margin-top:.7rem;font-weight:600;line-height:1.3}
.ptile__price{display:block;margin-top:.15rem;color:var(--muted);font-variant-numeric:tabular-nums}
.image-placeholder{display:grid;place-items:center;align-content:center;gap:.35rem;width:100%;height:100%;min-height:10rem;background:#f1f1f1;color:#111;font:900 italic 2rem/1 var(--font-display);text-align:center}
.image-placeholder small{font:500 .8rem var(--font-sans)}

/* Fotografías */
.photo-tile{position:relative;display:block;width:100%;aspect-ratio:3/2;padding:0;overflow:hidden;border:0;border-radius:var(--radius);background:#111;cursor:zoom-in}
.photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .3s}
.photo-tile:hover img,.photo-tile:focus-visible img{transform:scale(1.04)}
.photo-tile__zoom{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;opacity:0;transition:opacity .2s}
.photo-tile__zoom .icon{width:1.1rem;height:1.1rem}
.photo-tile:hover .photo-tile__zoom,.photo-tile:focus-visible .photo-tile__zoom{opacity:1}

/* Vista previa ampliada (escritorio) */
.tpreview{position:fixed;z-index:70;overflow:hidden;border-radius:6px;background:var(--panel);color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.7);transform-origin:var(--origin,center top);animation:preview-in .28s var(--ease) both}
.tpreview.is-leaving{animation:preview-out .18s ease both}
.tpreview__art{position:relative;display:block;aspect-ratio:16/9;cursor:pointer}
.tpreview__art .tcard__art{border-radius:0}
.tpreview__body{padding:.9rem 1rem 1.15rem}
.tpreview__actions{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}
.tpreview__actions .round-btn{width:2.4rem;height:2.4rem}
.round-btn--end{margin-left:auto}
.tpreview__title{font-weight:700;margin-bottom:.35rem}
.tpreview .meta{font-size:.85rem;margin-bottom:.5rem}
.tpreview .tags{font-size:.82rem}
@keyframes preview-in{from{opacity:0;transform:scale(.68)}to{opacity:1;transform:scale(1)}}
@keyframes preview-out{to{opacity:0;transform:scale(.9)}}

/* ---------- Ficha «Más información» ---------- */
dialog{color:inherit}
.tmodal{width:min(850px,calc(100% - 2rem));max-width:none;max-height:calc(100dvh - 4rem);margin:2rem auto auto;padding:0;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:8px;background:var(--panel);color:#fff;box-shadow:0 3px 18px rgba(0,0,0,.75);scrollbar-width:thin;scrollbar-color:#555 transparent}
.tmodal::backdrop{background:rgba(0,0,0,.72)}
.tmodal[open]{animation:modal-in .32s var(--ease)}
@keyframes modal-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.tmodal__panel{position:relative}
.tmodal__close{position:sticky;top:1rem;z-index:6;float:right;margin:1rem 1rem -3.6rem 0;width:2.4rem;height:2.4rem;border:0;background:#181818}
.tmodal__close:hover{background:#2a2a2a}
.tpane__hero{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px 8px 0 0;background:#000}
.tpane__hero img{width:100%;height:100%;object-fit:cover}
.tpane__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#181818 0%,rgba(24,24,24,.6) 22%,rgba(24,24,24,0) 55%)}
.tpane__hero-body{position:absolute;left:3rem;right:3rem;bottom:2.4rem;z-index:2}
.tpane__title{margin-bottom:1.35rem}
.tpane__logo{display:block;width:min(56%,360px);height:auto;color:#fff;filter:drop-shadow(0 3px 14px rgba(0,0,0,.5))}
.tpane__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.tpane__actions .btn{min-height:2.75rem;padding-inline:1.3rem 1.7rem;font-size:1.05rem}
.tpane__actions .round-btn{width:2.75rem;height:2.75rem}
.tpane__body{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2rem;padding:.5rem 3rem 0}
.tpane__main .meta{margin-bottom:.9rem}
.tpane__headline{font:800 1.25rem/1.3 var(--font-display);margin-bottom:.5rem}
.tpane__desc{font-size:1rem;line-height:1.55}
.tpane__lock{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.9rem;padding:.75rem .9rem;border-radius:4px;background:rgba(255,255,255,.08);font-size:.9rem;line-height:1.45}
.tpane__lock .icon{width:1.2rem;height:1.2rem;margin-top:.1rem}
.tpane__lock a{font-weight:700}
.tpane__side p{margin-bottom:.65rem;font-size:.9rem;line-height:1.45}
.tpane__side span{color:#777}
.countdown{display:flex;align-items:baseline;gap:.5rem;margin:.25rem 0 1rem}
.countdown b{font:900 italic clamp(2.4rem,5vw,3.6rem)/1 var(--font-display);font-variant-numeric:tabular-nums}
.countdown span{font-weight:600;color:var(--grey-2)}
.tpane__section{clear:both;padding:2.2rem 3rem 0}
.tpane__section h3{margin-bottom:1.1rem;font:700 1.45rem/1.2 var(--font-sans)}
.similar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.similar__card{display:flex;flex-direction:column;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:4px;background:var(--panel-3,#2f2f2f);background:#2f2f2f;color:#fff;text-align:left;cursor:pointer;transition:background-color .2s}
.similar__card:hover{background:#3a3a3a}
.similar__art{position:relative;display:block;aspect-ratio:16/9}
.similar__art img{width:100%;height:100%;object-fit:cover}
.similar__tag{position:absolute;right:.5rem;top:.5rem;padding:.12rem .4rem;border-radius:2px;background:rgba(0,0,0,.7);font-size:.72rem;font-weight:700}
.similar__body{display:grid;gap:.45rem;padding:.9rem 1rem 1.1rem}
.similar__body .meta{font-size:.8rem}
.similar__text{color:#d2d2d2;font-size:.86rem;line-height:1.45}
.tpane__about{padding-bottom:2.6rem}
.tpane__about h3 strong{font-weight:800}
.tpane__about dl{display:grid;gap:.55rem}
.tpane__about dl div{font-size:.92rem}
.tpane__about dt{display:inline;color:#777}
.tpane__about dd{display:inline;margin-left:.25rem}

/* Reproductor */
.player{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
.player::backdrop{background:#000}
.player__bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:1rem;padding:calc(env(safe-area-inset-top,0px) + 1rem) var(--gutter-r) 2rem var(--gutter-l);background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,0));transition:opacity .4s}
.player.is-idle .player__bar{opacity:0}
.player__back{display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:transparent;color:#fff}
.player__back:hover{background:rgba(255,255,255,.12)}
.player__back .icon{width:2rem;height:2rem}
.player__title{font:700 clamp(1rem,1.6vw,1.4rem)/1.2 var(--font-sans)}
.player__video{width:100%;height:100%;object-fit:contain;background:#000}
.player__error{position:absolute;left:50%;bottom:6rem;transform:translateX(-50%);max-width:calc(100% - 2rem);padding:.85rem 1.1rem;border-radius:4px;background:rgba(232,124,3,.92);color:#000;font-weight:600;text-align:center}

/* ---------- Bloques de suscripción ---------- */
.join{position:relative;isolation:isolate;margin-block:clamp(1.5rem,4vw,3.5rem);padding:clamp(4.5rem,10vw,8.5rem) var(--gutter-r) clamp(4.5rem,10vw,8.5rem) var(--gutter-l);overflow:hidden;text-align:center;border-block:1px solid rgba(255,255,255,.08)}
.join__media{position:absolute;inset:0;z-index:-2}
.join__media img{width:100%;height:100%;object-fit:cover}
.join::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 75% 85% at 50% 50%,rgba(0,0,0,.42) 0%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.92) 100%),linear-gradient(180deg,#000 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 78%,#000 100%)}
.join__inner{max-width:52rem;margin:0 auto}
.join .eyebrow{color:#cfcfcf}
.join__title{margin-top:.9rem;font:900 clamp(2.1rem,5.2vw,4rem)/1.04 var(--font-display);letter-spacing:-.025em;text-wrap:balance}
.join__lead{margin-top:1rem;font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:500}
.join__inner>.btn--xl{margin-top:1.75rem}
.email-cta{max-width:44rem;margin:1.75rem auto 0;text-align:center}
.email-cta__text{font-size:clamp(.98rem,1.3vw,1.18rem)}
.email-cta__row{display:flex;gap:.6rem;margin-top:1rem;text-align:left}
.email-cta__row .field{flex:1;margin:0}
.email-cta__row .btn{flex:none}
.email-cta--center{margin-top:2.75rem}

/* Campos con etiqueta flotante */
.field{position:relative;margin-top:.8rem}
.field--float input{width:100%;height:3.6rem;padding:1.35rem 1rem .4rem;border:1px solid var(--field-line);border-radius:4px;background:var(--field-bg);color:var(--fg);font:500 1rem/1.2 var(--font-sans);transition:border-color .15s,box-shadow .15s}
.field--float input:focus{outline:none;border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}
.field--float label{position:absolute;left:1rem;top:1.8rem;transform:translateY(-50%);color:var(--muted);font-size:1rem;line-height:1;pointer-events:none;transition:top .15s ease,font-size .15s ease,transform .15s ease}
.field--float input:focus+label,.field--float input:not(:placeholder-shown)+label{top:.6rem;transform:none;font-size:.74rem}
.field--glass input{background:rgba(22,22,22,.7);border-color:rgba(128,128,128,.7);color:#fff}
.field--glass label{color:#b3b3b3}
.field--glass input:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}
.field input:-webkit-autofill{-webkit-text-fill-color:var(--fg);box-shadow:0 0 0 100px var(--field-bg) inset;transition:background-color 9999s}
.field--glass input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 100px #1d1d1d inset}
.password-field input{padding-right:5.6rem}
.toggle-password{position:absolute;right:.6rem;top:1.8rem;transform:translateY(-50%);padding:.4rem .55rem;border:0;border-radius:3px;background:transparent;color:var(--muted);font:700 .78rem var(--font-sans);text-transform:uppercase;letter-spacing:.06em}
.toggle-password:hover{color:var(--fg)}
.field__help,.match-message{margin-top:.35rem;font-size:.8rem;color:var(--muted);min-height:0}
.match-message:empty{display:none}
.match-message.match{color:var(--fg)}
.match-message.no-match{color:var(--warn)}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .75rem}
.form-alert{margin-bottom:1.1rem;padding:.9rem 1.1rem;border-radius:4px;background:var(--warn);color:#000;font-size:.92rem;line-height:1.45}
.form-alert a{font-weight:700}
.form-alert--light{background:#fff4e6;border:1px solid #f0b46c;color:#5a3200}

/* Motivos y preguntas frecuentes */
.reasons{padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin-block:clamp(2.5rem,5vw,4.5rem)}
.reasons__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:1.1rem}
.reason{position:relative;min-height:15.5rem;padding:1.6rem 1.4rem 5rem;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:radial-gradient(120% 110% at 100% 100%,#303030 0%,#191919 42%,#0e0e0e 100%)}
.reason h3{font:800 clamp(1.2rem,1.6vw,1.5rem)/1.2 var(--font-display);letter-spacing:-.01em}
.reason p{margin-top:.75rem;color:#bcbcbc;line-height:1.5}
.reason__icon{position:absolute;right:1.3rem;bottom:1.3rem;width:3.4rem;height:3.4rem;stroke-width:1.4;color:#fff}
.faq{padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin-block:clamp(2.5rem,5vw,4.5rem) clamp(3rem,6vw,5rem)}
.faq__list{display:grid;gap:.5rem;margin-top:1.1rem}
.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;background:#2d2d2d;font-size:clamp(1.05rem,1.55vw,1.45rem);line-height:1.3;list-style:none;cursor:pointer;transition:background-color .2s}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:hover{background:#414141}
.faq__icon .icon{width:clamp(1.7rem,2.4vw,2.3rem);height:clamp(1.7rem,2.4vw,2.3rem);stroke-width:1.6;transition:transform .25s var(--ease)}
.faq__item[open] .faq__icon .icon{transform:rotate(45deg)}
.faq__answer{margin-top:1px;padding:1.35rem 1.5rem;background:#2d2d2d;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55}
.faq__cta{margin-top:2.5rem;text-align:center}
.faq--light .faq__item summary,.faq--light .faq__answer{background:#f2f2f2;color:#141414}
.faq--light .faq__item summary:hover{background:#e6e6e6}
.faq--light .faq__item summary{font-size:1.08rem;padding:1.15rem 1.25rem}
.faq--light .faq__answer{font-size:1rem;padding:1.15rem 1.25rem}

/* ---------- Páginas interiores (oscuras) ---------- */
.page{padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px) + 1.75rem);padding-bottom:3.5rem}
.page-head{padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin-bottom:1.75rem}
.page-head__row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.page-head__title{font:800 clamp(1.9rem,3.4vw,3rem)/1.05 var(--font-display);letter-spacing:-.02em}
.page-head__lead{max-width:42rem;margin-top:.6rem;color:var(--muted)}
.page-head__count{color:var(--muted);font-variant-numeric:tabular-nums}
.pills,.filters{display:flex;flex-wrap:wrap;gap:.5rem}
.pill,.filters button{display:inline-flex;align-items:center;gap:.4rem;min-height:2.4rem;padding:.4rem 1rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:transparent;color:#fff;font:600 .9rem/1 var(--font-sans);text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}
.pill:hover,.filters button:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.filters button[aria-pressed="true"]{border-color:#fff;background:#fff;color:#000}

/* Eventos (fechas a la izquierda, como «Novedades») */
.timeline{padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin-top:2.25rem}
.timeline__heading{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem;font:800 clamp(1.25rem,1.8vw,1.6rem)/1.2 var(--font-display)}
.tl-item{display:grid;grid-template-columns:4.75rem minmax(0,1fr);gap:1.25rem;max-width:72rem;margin-bottom:3.25rem}
.tl-item__date{position:sticky;top:calc(var(--header-h) + 1.25rem);align-self:start;display:flex;flex-direction:column;align-items:center;text-transform:uppercase}
.tl-item__date span{font:700 .95rem/1 var(--font-sans);letter-spacing:.12em;color:var(--muted)}
.tl-item__date b{margin-top:.15rem;font:900 italic 3rem/1 var(--font-display);letter-spacing:-.03em}
.tl-item__content{min-width:0}
.tl-item__art{position:relative;display:block;max-width:56rem;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#111}
.tl-item__art img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.tl-item__art:hover img{transform:scale(1.03)}
.tl-item__overlay{position:absolute;left:1.25rem;bottom:1.1rem;color:#fff}
.tl-item__overlay-svg{width:clamp(130px,18vw,230px);height:auto;filter:drop-shadow(0 2px 12px rgba(0,0,0,.6))}
.tl-item__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;max-width:56rem;margin-top:1.1rem}
.tl-item__logo-svg{width:auto;height:clamp(2.1rem,4vw,3.4rem);color:#fff}
.tl-item__actions{display:flex;gap:1rem}
.tl-item__when{margin-top:1.1rem;font-weight:700;color:var(--grey-1)}
.tl-item__title{margin-top:.3rem;font:800 clamp(1.35rem,2vw,1.75rem)/1.2 var(--font-display)}
.tl-item__headline{margin-top:.5rem;font-weight:600}
.tl-item__desc{max-width:44rem;margin-top:.4rem;color:var(--muted);line-height:1.55}
.tl-item .tags{margin-top:.75rem}
.tl-item__lock{display:flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--grey-1);font-size:.92rem}
.tl-item__lock .icon{width:1.1rem;height:1.1rem}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:56rem;margin-top:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(255,255,255,.12)}
.facts>div{padding:1rem 1.1rem;background:#0b0b0b}
.facts dt{font:700 .7rem/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--subtle)}
.facts dd{margin-top:.45rem;font-weight:600;line-height:1.35}
.facts__count dd b{font:900 italic 2rem/1 var(--font-display);font-variant-numeric:tabular-nums}
.empty-note{color:var(--muted)}

/* Biblioteca de vídeos */
.feature{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;margin:0 var(--gutter-r) clamp(2rem,4vw,3rem) var(--gutter-l);overflow:hidden;border-radius:8px;background:#0d0d0d;border:1px solid rgba(255,255,255,.06)}
.feature__media{position:relative;order:2;aspect-ratio:16/9;align-self:stretch}
.feature__media img{width:100%;height:100%;object-fit:cover}
.feature__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0d 0%,rgba(13,13,13,0) 38%)}
.feature__body{position:relative;z-index:1;padding:clamp(1.5rem,3.5vw,3.25rem)}
.feature__logo{display:block;width:clamp(180px,22vw,340px);height:auto;color:#fff;margin-bottom:1.1rem}
.feature__text{max-width:32rem;margin-top:.9rem;line-height:1.55;color:#d6d6d6}
.feature__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.library__section{padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.library__bar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.library__title{font:700 clamp(1.05rem,1.45vw,1.5rem)/1.25 var(--font-sans);color:#e5e5e5}
.library__count{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}
.title-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.1rem .65rem}
.library__note{margin-top:1.5rem;color:var(--subtle);font-size:.88rem}
.empty-state{display:grid;justify-items:center;gap:.65rem;max-width:30rem;margin:2.5rem auto;padding:2.5rem 1.5rem;text-align:center;border:1px dashed rgba(255,255,255,.25);border-radius:8px}
.empty-state__title{font:800 1.35rem/1.2 var(--font-display)}
.empty-state p{color:var(--muted)}
.empty-state .btn{margin-top:.6rem}
.empty-state--light{border-color:#d0d0d0}
.empty-state__icon{width:2.5rem;height:2.5rem;color:var(--fg)}
.inline-icon{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;vertical-align:-.3rem;border:1.5px solid currentColor;border-radius:50%}
.inline-icon .icon{width:.9rem;height:.9rem}
.member-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin:2.5rem var(--gutter-r) 0 var(--gutter-l);padding:1.25rem 1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(90deg,#161616,#0b0b0b)}
.member-strip__text{display:flex;align-items:center;gap:.9rem}
.member-strip__text p span{color:var(--muted)}
.member-strip__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.noscript-list{padding:1rem var(--gutter-r) 0 var(--gutter-l)}

/* Galería */
.photo-grid{display:grid;grid-template-columns:1fr;gap:.6rem;padding-left:var(--gutter-l);padding-right:var(--gutter-r);list-style:none;margin:0}
.lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:rgba(0,0,0,.95);color:#fff}
.lightbox[open]{display:grid;place-items:center}
.lightbox::backdrop{background:rgba(0,0,0,.8)}
.lightbox__figure{display:grid;justify-items:center;gap:.9rem;padding:4.5rem 5rem 2.5rem}
.lightbox__figure img{max-width:100%;max-height:calc(100dvh - 10rem);object-fit:contain;border-radius:4px}
.lightbox__figure figcaption{color:var(--grey-2);font-size:.9rem;text-align:center;font-variant-numeric:tabular-nums}
.lightbox__close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 1rem);right:max(1rem,env(safe-area-inset-right,0px))}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%)}
.lightbox__nav--prev{left:max(1rem,env(safe-area-inset-left,0px))}
.lightbox__nav--next{right:max(1rem,env(safe-area-inset-right,0px))}

/* ---------- Páginas claras ---------- */
.page--light{min-height:60vh}
.light-head{max-width:72rem;margin:0 auto 2rem;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.light-head__title{font:800 clamp(1.9rem,3.4vw,2.8rem)/1.1 var(--font-display);letter-spacing:-.02em}
.light-head__lead{max-width:40rem;margin-top:.6rem;color:var(--muted)}
.back-link{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1rem;color:var(--fg);font-weight:600;font-size:.92rem;text-decoration:none}
.back-link:hover{text-decoration:underline}
.step{font:500 .82rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#4d4d4d}
.step b{font-weight:800;color:#000}

/* Tienda */
.shop{padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px))}
.shop-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(300px,34vw,540px);padding:2.5rem var(--gutter-r) clamp(2rem,4vw,3.5rem) var(--gutter-l);overflow:hidden;background:#111;color:#fff}
.shop-hero__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.shop-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(77deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 36%,rgba(0,0,0,0) 70%),linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,0) 45%)}
.shop-hero .eyebrow{color:#e5e5e5}
.shop-hero__title{margin-top:.6rem;font:900 clamp(2.4rem,6vw,5rem)/.95 var(--font-display);letter-spacing:-.03em}
.shop-hero__lead{max-width:30rem;margin-top:.9rem;font-size:clamp(1rem,1.3vw,1.2rem)}
.shop-hero .btn{margin-top:1.4rem}
.shop-section{max-width:90rem;margin:0 auto;padding:clamp(2rem,4vw,3rem) var(--gutter-r) 0 var(--gutter-l)}
.shop-toolbar{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.shop-toolbar__title{font:800 clamp(1.3rem,2vw,1.8rem)/1.2 var(--font-display)}
.shop-toolbar__count{color:var(--muted);font-variant-numeric:tabular-nums}
.shop-toolbar .text-link{margin-left:auto;text-decoration:none}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:2.75rem 1.25rem}
.pcard{display:flex;flex-direction:column;scroll-margin-top:calc(var(--header-h) + 1.5rem)}
.pcard:target .pcard__media{box-shadow:0 0 0 2px #000}
.pcard__media{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid #ececec;border-radius:6px;background:#fff}
.pcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pcard:hover .pcard__media img{transform:scale(1.03)}
.pcard__flag{position:absolute;top:.75rem;left:0;padding:.35rem .9rem .35rem .65rem;background:#000;color:#fff;font:800 .68rem/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.pcard__views{position:absolute;left:.65rem;bottom:.65rem;display:flex;gap:.35rem}
.pcard__views button{min-height:1.9rem;padding:.25rem .75rem;border:1px solid #d6d6d6;border-radius:999px;background:rgba(255,255,255,.92);color:#141414;font:700 .74rem/1 var(--font-sans)}
.pcard__views button.is-active{border-color:#000;background:#000;color:#fff}
.pcard__body{display:flex;flex-direction:column;flex:1;padding-top:.95rem}
.pcard__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.pcard__name{font:700 1.05rem/1.3 var(--font-sans)}
.pcard__price{flex:none;font-weight:700;font-variant-numeric:tabular-nums}
.pcard__desc{margin-top:.4rem;color:var(--muted);font-size:.92rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcard__stock{display:flex;align-items:center;gap:.4rem;margin-top:.55rem;font-size:.82rem;color:var(--subtle)}
.pcard__stock.is-available::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#141414}
.pcard__form{display:grid;gap:.6rem;margin-top:auto;padding-top:1rem}
.pcard--soldout .pcard__media img{filter:grayscale(1) opacity(.55)}
.pcard__body>.btn{margin-top:auto}
.select-field{display:grid;gap:.35rem}
.select-field label{font:700 .72rem/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.select-field select{width:100%;min-height:3rem;padding:0 2.6rem 0 .9rem;border:1px solid #8c8c8c;border-radius:4px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E") no-repeat right .9rem center/15px;color:#141414;font:500 1rem var(--font-sans);-webkit-appearance:none;appearance:none}
.select-field select:focus{outline:none;border-color:#000;box-shadow:0 0 0 1px #000}
.shop-help{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin-top:3rem;padding:1.25rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}
.shop-help a{color:var(--fg);font-weight:600}

/* Carrito */
.cart-page{max-width:72rem;margin:0 auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.cart-page .light-head{padding:0}
.cart{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:2.5rem;align-items:start}
.cart__items{border-top:1px solid var(--line)}
.cart-item{display:grid;grid-template-columns:96px minmax(0,1fr) 90px 110px;gap:1rem 1.25rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.cart-item__media{aspect-ratio:4/5;overflow:hidden;border:1px solid #ececec;border-radius:4px;background:#fff}
.cart-item__media img{width:100%;height:100%;object-fit:cover}
.cart-item__name{font-weight:700}
.cart-item__meta{margin-top:.25rem;color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}
.cart-item__meta strong{color:var(--fg)}
.cart-item__remove{display:inline-block;margin-top:.5rem;color:var(--muted);font-size:.85rem}
.cart-item__remove:hover{color:var(--fg)}
.cart-item__qty input{width:100%;min-height:2.9rem;padding:0 .6rem;border:1px solid #8c8c8c;border-radius:4px;background:#fff;color:#141414;font:600 1rem var(--font-sans);text-align:center}
.cart-item__subtotal{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.cart__summary{position:sticky;top:calc(var(--header-h) + 1.5rem);display:grid;gap:.75rem;padding:1.5rem;border-radius:8px;background:#f4f4f4}
.cart__summary-title{font:800 1.25rem/1.2 var(--font-display)}
.cart__summary dl{display:grid;gap:.5rem;margin-bottom:.5rem}
.cart__summary dl div{display:flex;justify-content:space-between;gap:1rem;font-variant-numeric:tabular-nums}
.cart__summary dt{color:var(--muted)}
.cart__total{padding-top:.75rem;border-top:1px solid #dcdcdc;font-size:1.2rem}
.cart__total dt{color:var(--fg)!important;font-weight:700}
.cart__total dd{font-weight:800}
.cart__note{display:flex;gap:.5rem;align-items:flex-start;color:var(--muted);font-size:.82rem;line-height:1.4}
.cart__clear{justify-self:center;color:var(--muted);font-size:.85rem}

/* Plan (FEAR Members) */
.plan-page{padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.plan{max-width:31rem;margin:0 auto;padding-top:.5rem}
.plan__title{margin-top:.5rem;font:800 clamp(1.8rem,3vw,2.3rem)/1.15 var(--font-display);letter-spacing:-.015em}
.checks{margin-top:1rem;list-style:none;padding:0}
.checks li{display:flex;align-items:flex-start;gap:.75rem;margin-top:.85rem;font-size:1.05rem;line-height:1.4}
.checks .icon{width:1.5rem;height:1.5rem;stroke-width:2.4}
.plan-card{margin-top:1.75rem;overflow:hidden;border:1px solid #d5d5d5;border-radius:12px;box-shadow:0 2px 0 rgba(0,0,0,.03)}
.plan-card__head{display:flex;align-items:center;gap:1rem;padding:1.3rem 1.3rem 1.45rem;background:radial-gradient(140% 160% at 100% 0%,#666 0%,#262626 38%,#000 80%);color:#fff}
.plan-card__mark{width:2.6rem;height:auto;color:#fff}
.plan-card__name{font:800 1.35rem/1.15 var(--font-display)}
.plan-card__head p{font-size:.9rem;color:#d9d9d9}
.plan-card__check{display:grid;place-items:center;width:1.9rem;height:1.9rem;margin-left:auto;border-radius:50%;background:#fff;color:#000}
.plan-card__check .icon{width:1.15rem;height:1.15rem;stroke-width:3}
.plan-card__rows>div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;border-top:1px solid #e8e8e8;font-size:.95rem}
.plan-card__rows>div:first-child{border-top:0}
.plan-card__rows dt{color:#666}
.plan-card__rows dd{font-weight:700;text-align:right}
.plan-card__rows small{font-weight:500;color:#777}
.plan__fine{margin-top:1rem;color:#6b6b6b;font-size:.82rem;line-height:1.55}
.plan__fine a{color:#141414}
.plan__actions{display:grid;justify-items:center;gap:.9rem;margin-top:1.5rem}
.plan__note{color:var(--muted);font-size:.85rem;text-align:center}
.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:999px;background:#f0f0f0;font-weight:700;font-size:.9rem}
.status-pill__dot{width:.55rem;height:.55rem;border-radius:50%;background:#000}
.plan-section-title{font:800 clamp(1.25rem,2vw,1.6rem)/1.2 var(--font-display);margin-bottom:1.1rem}
.plan-included{max-width:56rem;margin:3.5rem auto 0}
.included-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:1rem;list-style:none;padding:0}
.included{display:block;color:inherit;text-decoration:none}
.included__art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#111}
.included__art img{width:100%;height:100%;object-fit:cover}
.included__body{display:grid;gap:.15rem;margin-top:.6rem}
.included__body span{color:var(--muted);font-size:.88rem}
.plan-page .faq{max-width:56rem;margin:3.5rem auto 0;padding:0}

/* Registro */
.signup{padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.signup__inner{max-width:37rem;margin:0 auto}
.signup__title{margin-top:.5rem;font:800 clamp(1.8rem,3vw,2.3rem)/1.15 var(--font-display);letter-spacing:-.015em}
.signup__lead{margin:.8rem 0 1.25rem;color:#3d3d3d;line-height:1.5}
.signup__form .btn{margin-top:1.5rem}
.form-optional{margin-top:1.25rem;border:1px solid #dcdcdc;border-radius:6px}
.form-optional summary{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;font-weight:700;list-style:none;cursor:pointer}
.form-optional summary::-webkit-details-marker{display:none}
.form-optional summary small{font-weight:500;color:var(--muted)}
.form-optional__chev{margin-left:auto;transition:transform .25s}
.form-optional[open] .form-optional__chev{transform:rotate(180deg)}
.form-optional>:not(summary){margin-left:1.1rem;margin-right:1.1rem}
.form-optional>:last-child{margin-bottom:1.1rem}
.form-optional__text{color:var(--muted);font-size:.9rem}
.signup__switch{margin-top:1.4rem;color:var(--muted)}
.signup__switch a{color:var(--fg);font-weight:700}

/* Inicio de sesión */
.auth{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:calc(var(--header-h) + env(safe-area-inset-top,0px) + 2rem) var(--gutter-r) 4rem var(--gutter-l)}
.auth__bg{position:absolute;inset:0;z-index:-2}
.auth__bg img{width:100%;height:100%;object-fit:cover}
.auth::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.85) 100%)}
.auth__card{width:min(100%,28.5rem);padding:clamp(1.75rem,5vw,3rem) clamp(1.4rem,5vw,4rem) 2.75rem;border-radius:6px;background:rgba(0,0,0,.74)}
.auth__title{margin-bottom:1.4rem;font:800 2rem/1.1 var(--font-display)}
.auth__form .btn{margin-top:1.4rem}
.auth__switch{margin-top:1.6rem;color:#b3b3b3}
.auth__switch a{color:#fff;font-weight:700}
.auth__fine{margin-top:1rem;color:#8c8c8c;font-size:.82rem;line-height:1.45}

/* Área de cuenta */
.account-layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:3rem;max-width:74rem;margin:0 auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.account-nav{position:sticky;top:calc(var(--header-h) + 1.75rem);align-self:start}
.account-nav__back{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.5rem;font-weight:600;text-decoration:none}
.account-nav__back:hover{text-decoration:underline}
.account-nav ul{display:grid;gap:.15rem}
.account-nav ul a{position:relative;display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:6px;color:#3d3d3d;font-weight:500;text-decoration:none}
.account-nav ul a:hover{background:#f2f2f2;color:#000}
.account-nav ul a[aria-current="page"]{color:#000;font-weight:800}
.account-nav ul a[aria-current="page"]::before{content:"";position:absolute;left:-.6rem;top:.55rem;bottom:.55rem;width:3px;border-radius:2px;background:#000}
.account-nav .icon{width:1.3rem;height:1.3rem}
.account-main{min-width:0}
.account-main__title{margin-bottom:1.5rem;font:800 clamp(1.8rem,3vw,2.3rem)/1.1 var(--font-display);letter-spacing:-.015em}
.account-main__signout{margin-top:.5rem}
.notice{margin-bottom:1.5rem;padding:.9rem 1.1rem;border-radius:6px;border:1px solid #d9d9d9;background:#f6f6f6;font-weight:500}
.notice--success{border-color:#141414}
.notice--error{border-color:#f0b46c;background:#fff4e6;color:#5a3200}
.acard{margin-bottom:2.25rem}
.acard__label{margin-bottom:.75rem;font:700 1.02rem/1.2 var(--font-sans);color:#3d3d3d}
.acard__sub{margin:1.25rem 1.5rem .25rem;font:700 .8rem/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.acard__box{overflow:hidden;border:1px solid #dedede;border-radius:10px;background:#fff}
.acard__top{padding:1.5rem}
.since-pill{display:inline-block;margin-bottom:1rem;padding:.4rem .8rem;border-radius:4px;background:linear-gradient(90deg,#000 0%,#3d3d3d 100%);color:#fff;font:700 .78rem/1 var(--font-sans);letter-spacing:.02em}
.acard__plan{font:800 1.35rem/1.2 var(--font-display)}
.acard__text{margin-top:.5rem;color:#3d3d3d;line-height:1.5}
.acard__rows a{display:flex;align-items:center;gap:1rem;padding:1.05rem 1.5rem;border-top:1px solid #ececec;color:#141414;font-weight:600;text-decoration:none;transition:background-color .15s}
.acard__rows a:hover{background:#f6f6f6}
.acard__rows .icon{width:1.35rem;height:1.35rem}
.acard__chev{margin-left:auto;color:#8a8a8a}
.acard__cancel{margin-top:1rem}
.acard__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.state{display:inline-flex;align-items:center;gap:.5rem;margin-top:.6rem;font-weight:700;font-size:.92rem}
.state__dot{width:.6rem;height:.6rem;border-radius:50%;background:#8a8a8a}
.state--on .state__dot{background:#000}
.state--warn .state__dot{background:var(--warn)}
.state--off .state__dot{background:transparent;box-shadow:inset 0 0 0 2px #8a8a8a}
.profile-row{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1.25rem}
.profile-row__name{font-weight:800;font-size:1.1rem}
.profile-row__mail{color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}
.data-list>div{display:grid;grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);gap:1rem;padding:.95rem 1.5rem;border-top:1px solid #ececec}
.data-list dt{color:var(--muted)}
.data-list dd{font-weight:600;overflow-wrap:anywhere}
.order-list li+li .order-row{border-top:1px solid #ececec}
.order-list{border:1px solid #dedede;border-radius:10px;overflow:hidden}
.order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto 1.25rem;align-items:center;gap:1.25rem;padding:1.1rem 1.5rem;color:#141414;text-decoration:none;transition:background-color .15s}
.order-row:hover{background:#f6f6f6}
.order-row__id{font-weight:800}
.order-row__date{color:var(--muted);font-variant-numeric:tabular-nums}
.order-row .state{margin-top:0}
.order-row__total{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.order-row__chev{width:1.2rem;height:1.2rem;color:#8a8a8a}
.order-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1.25rem 1.5rem 0}
.order-head .state{margin-top:0}
.order-head__date{color:var(--muted);font-variant-numeric:tabular-nums}
.line-items{margin:.5rem 0 0}
.line-items li{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.5rem;border-top:1px solid #ececec}
.line-items__name{font-weight:600}
.line-items__name small{display:block;margin-top:.15rem;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}
.line-items__total{font-weight:700;font-variant-numeric:tabular-nums}
.order-total{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;border-top:1px solid #dcdcdc;background:#fafafa;font-size:1.15rem}
.order-total strong{font-variant-numeric:tabular-nums}
.order-total--big{border-top:0;background:none;padding-top:1.5rem;font-size:1.5rem}
.acard__box>.btn{margin:1rem 1.5rem 1.5rem;width:calc(100% - 3rem)}

/* Confirmaciones */
.confirm-page{display:grid;place-items:center;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.confirm-card{display:grid;justify-items:center;gap:.8rem;width:min(100%,32rem);padding:2.5rem 1.5rem;text-align:center}
.confirm-card__icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#000;color:#fff}
.confirm-card__icon .icon{width:2rem;height:2rem;stroke-width:2.5}
.confirm-card__title{font:800 clamp(1.8rem,3vw,2.3rem)/1.15 var(--font-display)}
.confirm-card__status{font:800 1.4rem var(--font-display)}
.confirm-card__muted{color:var(--muted)}
.confirm-card .btn{margin-top:.75rem}
.loader{width:2.25rem;height:2.25rem;margin-top:.5rem;border:3px solid #e2e2e2;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.confirm{width:min(30rem,calc(100% - 2rem));padding:1.75rem;border:0;border-radius:10px;background:#fff;color:#141414;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.confirm::backdrop{background:rgba(0,0,0,.55)}
.confirm__title{font:800 1.4rem/1.2 var(--font-display);margin-bottom:.75rem}
.confirm p{color:#3d3d3d;line-height:1.5}
.confirm__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}

/* Legal */
.legal{padding-left:0;padding-right:0}
.legal__layout{display:grid;grid-template-columns:15rem minmax(0,46rem);gap:3rem;max-width:72rem;margin:0 auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.legal__toc{position:sticky;top:calc(var(--header-h) + 1.75rem);align-self:start}
.legal__toc ol{display:grid;gap:.15rem;margin:0;padding-left:1.2rem;color:var(--muted)}
.legal__toc a{display:block;padding:.35rem 0;color:#3d3d3d;text-decoration:none;font-weight:500}
.legal__toc a:hover{color:#000;text-decoration:underline}
.prose section{scroll-margin-top:calc(var(--header-h) + 1.5rem);padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid var(--line)}
.prose h2{font:800 1.45rem/1.25 var(--font-display);margin-bottom:.9rem}
.prose h3{font:700 1.05rem/1.3 var(--font-sans);margin:1.35rem 0 .45rem}
.prose p,.prose li{line-height:1.65;color:#2e2e2e}
.prose p+p{margin-top:.75rem}
.prose ul{margin:.5rem 0;padding-left:1.25rem}
.prose a{font-weight:600}
.legal__owner{display:grid;gap:0;margin:1rem 0;border:1px solid #e2e2e2;border-radius:8px;overflow:hidden}
.legal__owner div{display:grid;grid-template-columns:minmax(8rem,11rem) minmax(0,1fr);gap:1rem;padding:.75rem 1rem;border-top:1px solid #ececec}
.legal__owner div:first-child{border-top:0}
.legal__owner dt{color:var(--muted)}
.legal__owner dd{font-weight:600;overflow-wrap:anywhere}

/* ---------- Pie ---------- */
.site-footer{padding:clamp(3rem,6vw,4.5rem) var(--gutter-r) 3rem var(--gutter-l);color:var(--grey-3);font-size:.88rem}
.theme-dark .site-footer{background:#000;border-top:1px solid rgba(255,255,255,.06)}
.theme-light .site-footer{background:#f3f3f3;color:#737373;margin-top:4rem}
.site-footer__inner{max-width:62rem;margin:0 auto}
.site-footer__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.site-footer__brand{color:var(--grey-2)}
.theme-light .site-footer__brand{color:#141414}
.site-footer__logo{height:30px;width:auto}
.site-footer__social{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;color:inherit}
.site-footer__social:hover{color:var(--fg)}
.site-footer__contact{margin-bottom:1.6rem}
.site-footer__contact a{color:inherit}
.site-footer__links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem 1rem;margin-bottom:2rem}
.site-footer__links a{font-size:.85rem;color:inherit;text-decoration:underline;text-underline-offset:.18em;text-decoration-color:transparent;transition:text-decoration-color .2s}
.site-footer__links a:hover{text-decoration-color:currentColor}
.site-footer__legal{font-size:.8rem}

/* Barra inferior y hoja «Más» (móvil) */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;grid-template-columns:repeat(5,minmax(0,1fr));padding:.3rem max(.25rem,env(safe-area-inset-right,0px)) calc(.3rem + env(safe-area-inset-bottom,0px)) max(.25rem,env(safe-area-inset-left,0px));border-top:1px solid rgba(255,255,255,.08);background:rgba(8,8,8,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.theme-light .tabbar{border-top-color:#e6e6e6;background:rgba(255,255,255,.95)}
.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;min-height:3.1rem;padding:.25rem 0;border:0;background:none;color:#9a9a9a;font:600 .66rem/1 var(--font-sans);text-decoration:none}
.theme-light .tabbar a,.theme-light .tabbar button{color:#757575}
.tabbar .icon{width:1.45rem;height:1.45rem}
.tabbar [aria-current="page"]{color:#fff}
.theme-light .tabbar [aria-current="page"]{color:#000}
.sheet{inset:auto 0 0;width:100%;max-width:34rem;max-height:86dvh;margin:0 auto;padding:.6rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));overflow-y:auto;border:0;border-radius:16px 16px 0 0;background:#1c1c1c;color:#fff}
.theme-light .sheet{background:#fff;color:#141414}
.sheet::backdrop{background:rgba(0,0,0,.6)}
.sheet[open]{animation:sheet-up .3s var(--ease)}
@keyframes sheet-up{from{transform:translateY(100%)}to{transform:none}}
.sheet__grip{width:2.6rem;height:.3rem;margin:.2rem auto 1rem;border-radius:999px;background:rgba(128,128,128,.6)}
.sheet__title{margin-bottom:.5rem;font:800 1.15rem/1.2 var(--font-display)}
.sheet__list{margin-bottom:1rem}
.sheet__list a{display:flex;align-items:center;gap:.9rem;min-height:3.1rem;padding:.5rem .25rem;border-bottom:1px solid rgba(128,128,128,.22);font-weight:600;text-decoration:none}
.sheet__list .icon{width:1.35rem;height:1.35rem;color:var(--muted)}

/* Búsqueda */
.search{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow-y:auto;border:0;background:rgba(0,0,0,.97);color:#fff}
.search::backdrop{background:#000}
.search[open]{animation:fade-in .2s ease}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
.search__bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.75rem;padding:calc(env(safe-area-inset-top,0px) + 1rem) var(--gutter-r) 1rem var(--gutter-l);border-bottom:1px solid rgba(255,255,255,.14);background:#000}
.search__bar:focus-within{border-bottom-color:#fff}
.search__icon{width:1.7rem;height:1.7rem;color:var(--grey-2)}
.search__bar input{flex:1;min-width:0;padding:.35rem 0;border:0;background:transparent;color:#fff;font:700 clamp(1.25rem,2.4vw,2rem)/1.2 var(--font-display);outline:none}
.search__bar input::placeholder{color:#6f6f6f}
.search__bar input::-webkit-search-cancel-button{-webkit-appearance:none}
.search__close{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff}
.search__body{padding:1.5rem var(--gutter-r) 4rem var(--gutter-l)}
.search__label{margin-bottom:1rem;color:var(--grey-2);font-weight:600}
.search__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:1.1rem .65rem}
.search-card{display:block;color:#fff;text-decoration:none}
.search-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:#151515}
.search-card span{display:grid;gap:.15rem;margin-top:.55rem}
.search-card small{color:var(--grey-2)}
.search-card:hover img{outline:2px solid #fff;outline-offset:2px}
.search__pages{display:grid;gap:0;margin-top:2rem;max-width:44rem}
.search__pages a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem 1rem;padding:.95rem 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none}
.search__pages small{grid-column:1;color:var(--grey-2)}
.search__pages .icon{grid-column:2;grid-row:1/3;color:var(--grey-2)}
.search__empty{margin-top:1.5rem;color:var(--grey-2)}

/* Avisos */
.toast-region{position:fixed;left:50%;bottom:calc(1.25rem + var(--tabbar-h) + env(safe-area-inset-bottom,0px));z-index:120;transform:translateX(-50%);max-width:calc(100% - 2rem);pointer-events:none}
.toast-region:not(:empty){padding:.85rem 1.2rem;border-radius:6px;background:#fff;color:#000;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.45);animation:toast-in .3s var(--ease)}
.theme-light .toast-region:not(:empty){background:#141414;color:#fff}
@keyframes toast-in{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translateX(-50%)}}

/* Entrada de marca (una vez por sesión, solo portada) */
.intro{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:#000;pointer-events:none;animation:intro-out .5s ease 1.35s forwards}
.intro__logo{position:relative;width:min(62vw,460px);color:#fff}
.intro__logo svg{width:100%;height:auto;animation:intro-wipe .75s var(--ease) .1s both,intro-scale 1.6s var(--ease) both}
.intro__logo::after{content:"";position:absolute;inset:-10% -20%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);mix-blend-mode:overlay;animation:intro-sweep .9s ease .55s both}
@keyframes intro-wipe{from{clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%)}to{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}}
@keyframes intro-scale{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes intro-sweep{from{transform:translateX(-60%);opacity:0}30%{opacity:1}to{transform:translateX(60%);opacity:0}}
@keyframes intro-out{to{opacity:0;visibility:hidden}}

/* ---------- Adaptación ---------- */
@media (min-width:600px){
  .row__track{--pv:2.2}
  .row--editions .row__track{--pv:2.35}
  .row--products .row__track{--pv:3.2}
  .row--photos .row__track{--pv:2.25}
}
@media (min-width:900px){
  .row__track{--pv:3}
  .row--editions .row__track{--pv:3}
  .row--products .row__track{--pv:4}
  .row--photos .row__track{--pv:4}
}
@media (min-width:1400px){
  .row--products .row__track{--pv:5}
  .row--photos .row__track{--pv:5}
}
@media (min-width:600px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1099px){
  .primary-nav{display:none}
  .browse-menu{display:block}
  .reasons__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .billboard__body{width:min(36rem,56vw)}
  .feature{grid-template-columns:1fr}
  .feature__media{order:0}
  .feature__media::after{background:linear-gradient(0deg,#0d0d0d 0%,rgba(13,13,13,0) 45%)}
  .account-layout,.legal__layout{grid-template-columns:1fr;gap:1.5rem}
  .account-nav,.legal__toc{position:static}
  .account-nav ul{display:flex;flex-wrap:wrap;gap:.35rem}
  .account-nav ul a{padding:.5rem .85rem;border:1px solid #dedede;border-radius:999px}
  .account-nav ul a[aria-current="page"]{border-color:#000}
  .account-nav ul a[aria-current="page"]::before{display:none}
  .legal__toc ol{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;padding-left:0;list-style:none}
  .cart{grid-template-columns:1fr}
  .cart__summary{position:static}
  .site-footer__links{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:759px){
  :root{--header-h:56px;--tabbar-h:calc(3.7rem + env(safe-area-inset-bottom,0px))}
  .browse-menu,.notify,.header-join{display:none}
  .header-tools{gap:.1rem}
  .header-signin{min-height:2rem;padding:.3rem .75rem;font-size:.82rem}
  .tabbar{display:grid}
  .brand__logo{height:26px}
  .billboard{display:block;min-height:0;margin:calc(var(--header-h) + env(safe-area-inset-top,0px) + .75rem) var(--gutter-r) 0 var(--gutter-l);padding:0;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(255,255,255,.07)}
  .billboard__media{display:block;aspect-ratio:4/5}
  .billboard__media img{position:static;width:100%;height:100%;object-position:50% 30%}
  .billboard__shade{background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.75) 70%,rgba(0,0,0,.95) 100%)}
  .billboard__body{position:absolute;left:0;right:0;bottom:0;width:auto;padding:0 1.1rem 1.15rem;text-align:center}
  .billboard .kicker{justify-content:center;margin-bottom:.6rem}
  .billboard__logo{width:min(78%,300px);margin:0 auto}
  .billboard__rank,.billboard__synopsis,.billboard__aside{display:none}
  .billboard__tags{display:flex;justify-content:center;margin-top:.8rem;font-size:.86rem;font-weight:600}
  .billboard__actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.9rem}
  .billboard__actions .btn{min-height:2.75rem;padding:.55rem .6rem;font-size:1rem;gap:.4rem}
  .label-long{display:none!important}
  .label-short{display:inline!important}
  .rows--lead{margin-top:1.25rem}
  .rows{gap:1.75rem}
  .row__arrow{display:none!important}
  .row__pager{display:none}
  .row__explore{max-width:8rem;opacity:1}
  .reasons__grid{grid-template-columns:1fr}
  .reason{min-height:0;padding-bottom:4.5rem}
  .email-cta__row{flex-direction:column;align-items:stretch}
  .email-cta__row .btn{justify-content:center}
  .join,.join .email-cta,.join .email-cta__text{text-align:left}
  .join .btn--xl{width:100%}
  .tmodal{width:100%;max-height:100dvh;height:100dvh;margin:0;border-radius:0}
  .tmodal__close{top:calc(env(safe-area-inset-top,0px) + .75rem)}
  .tpane__hero{border-radius:0}
  .tpane__hero-body{left:1.1rem;right:1.1rem;bottom:1.1rem}
  .tpane__title{margin-bottom:.9rem}
  .tpane__logo{width:min(70%,280px)}
  .tpane__body{grid-template-columns:1fr;gap:1rem;padding:.5rem 1.1rem 0}
  .tpane__section{padding:1.75rem 1.1rem 0}
  .tpane__about{padding-bottom:2rem}
  .similar{grid-template-columns:1fr 1fr}
  .tl-item{grid-template-columns:3rem minmax(0,1fr);gap:.8rem}
  .tl-item__date b{font-size:2rem}
  .tl-item__date span{font-size:.75rem}
  .tl-item__actions{gap:.35rem}
  .facts{grid-template-columns:1fr 1fr}
  .member-strip{flex-direction:column;align-items:flex-start}
  .lightbox__figure{padding:4rem 1rem 5rem}
  .lightbox__nav{top:auto;bottom:calc(1rem + env(safe-area-inset-bottom,0px));transform:none}
  .form-row{grid-template-columns:1fr}
  .cart-item{grid-template-columns:76px minmax(0,1fr) 72px;grid-template-areas:"media info qty" "media info total"}
  .cart-item__media{grid-area:media}
  .cart-item__info{grid-area:info}
  .cart-item__qty{grid-area:qty}
  .cart-item__subtotal{grid-area:total}
  .order-row{grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem}
  .order-row__date{grid-row:2}
  .order-row .state{grid-column:1;grid-row:3}
  .order-row__total{grid-column:2;grid-row:1}
  .order-row__chev{display:none}
  .data-list>div,.legal__owner div{grid-template-columns:1fr;gap:.2rem}
  .site-footer__links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-hero{min-height:22rem}
  .auth{place-items:start center}
  .auth__card{background:transparent;padding-inline:0}
  .page{padding-bottom:2.5rem}
}
@media (hover:none){
  .row__arrow{display:none!important}
  .row__explore{max-width:8rem;opacity:1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .intro{display:none}
}
@media print{
  .site-header,.tabbar,.site-footer,.row__arrow{display:none!important}
}