@font-face{font-family:"Unbounded";src:url(unbounded-extrabold.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
/* INICIO NUEVO · Etapa 1: encabezado y portada.
   Solo aplica al inicio (body.home-page.home-nuevo). Las demás páginas no cambian.
   Para quitarlo: borra la clase "home-nuevo" del <body> de index.html y los dos <link>/<script> de inicio-nuevo. */
html body.home-page.home-nuevo{
  --hn-bone:#eeede8;--hn-paper:#f7f6f2;--hn-ink:#151412;--hn-mute:#6b675e;--hn-orange:#ff8346;--hn-line:#d9d6cd;
  --hn-display:"Unbounded",Rubik,"Arial Black",sans-serif;--hn-chunk:"Unbounded",Rubik,"Arial Rounded MT Bold","Arial Black",Impact,sans-serif;--hn-peach:#f3a380;--hn-lilac:#b99ED1;--hn-navy:#16336f;--hn-mono:"IBM Plex Mono",ui-monospace,monospace;--hn-body:Rubik,Arial,sans-serif;
  --hn-top:150px;
  background:var(--hn-bone)!important;
}
html body.home-page.home-nuevo main{background:var(--hn-bone)!important}

/* ---------- Encabezado: fijo arriba, fondo hueso; al bajar se queda solo el renglón del logo ---------- */
html body.home-page.home-nuevo header.topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:60!important;background:color-mix(in srgb,var(--hn-bone) 92%,transparent)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;color:var(--hn-ink)!important;border:0!important;box-shadow:none!important}
html body.home-page.home-nuevo header.topbar .brand img{content:url('logo-peyote.webp')!important;filter:none!important;opacity:1!important}
html body.home-page.home-nuevo header.topbar *,html body.home-page.home-nuevo .store-nav a{text-shadow:none!important}
html body.home-page.home-nuevo header.topbar [data-cart-count]{background:var(--hn-orange)!important;color:var(--hn-ink)!important;border:0!important}
html body.home-page.home-nuevo header.topbar a,html body.home-page.home-nuevo header.topbar button{color:var(--hn-ink)!important}
html body.home-page.home-nuevo header.topbar .menu-icon i{background:var(--hn-ink)!important}
html body.home-page.home-nuevo .store-nav{position:fixed!important;top:var(--hn-nav-top,84px)!important;left:0!important;right:0!important;z-index:59!important;background:color-mix(in srgb,var(--hn-bone) 92%,transparent)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s!important;border:0!important}
html body.home-page.home-nuevo .store-nav>a,html body.home-page.home-nuevo .store-nav>.store-nav-dropdown>a{color:var(--hn-ink)!important;font:700 14px/1 var(--hn-body)!important;letter-spacing:0!important;text-transform:none!important}
html body.home-page.home-nuevo .store-nav a.store-nav-collection{padding:8px 13px!important;border-radius:999px!important;background:var(--hn-orange)!important;color:var(--hn-ink)!important;font:700 14px/1 var(--hn-body)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
html body.home-page.home-nuevo .store-nav a.store-nav-collection:hover{background:var(--hn-ink)!important;color:#fff!important}
/* Menu de Ligas/Selecciones en celular: el difuminado de la barra la volvia "caja" del menu (se cortaba y salia desfasado). Mientras esta abierto se quita el difuminado; el fondo sigue casi opaco. */
html body.home-page.home-nuevo .store-nav:has(.store-nav-dropdown.is-open){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body.home-page.home-nuevo.hn-compacto .store-nav{transform:translateY(-110%)!important;opacity:0!important;pointer-events:none!important}

/* ---------- Encabezado en una sola fila (compu ancha): logo a la izquierda, menú a la derecha ---------- */
@media(min-width:1200px){
  html body.home-page.home-nuevo{--hn-top:112px;--hn-hh:80px}
  html body.home-page.home-nuevo header.topbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:var(--hn-hh)!important;padding:0 5vw!important;gap:6px}
  html body.home-page.home-nuevo header.topbar .header-left,html body.home-page.home-nuevo header.topbar .header-actions{display:contents!important}
  html body.home-page.home-nuevo header.topbar .brand{order:0;margin:0 auto 0 0!important;position:static!important;transform:none!important}
  html body.home-page.home-nuevo header.topbar .brand img{height:50px!important;width:auto!important}
  html body.home-page.home-nuevo header.topbar .search-mini{order:2}
  html body.home-page.home-nuevo header.topbar .header-tool{order:3}
  html body.home-page.home-nuevo header.topbar .cart-link{order:4}
  html body.home-page.home-nuevo header.topbar .menu-icon{order:5;margin-left:6px}
  html body.home-page.home-nuevo .store-nav{top:0!important;left:auto!important;right:calc(5vw + 230px)!important;width:auto!important;height:var(--hn-hh)!important;padding:0!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:26px!important;z-index:61!important}
  html body.home-page.home-nuevo.hn-compacto .store-nav{transform:none!important;opacity:1!important;pointer-events:auto!important}
}

/* Arriba del todo el encabezado deja ver el papel de la portada; al bajar recupera su fondo */
html body.home-page.home-nuevo:not(.hn-scrolled) header.topbar{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* ---------- Menú corto del encabezado (compu ancha): Catálogo, Colecciones (con lista), Mi álbum, Mi vestidor ---------- */
.hn-nav{display:none}
@media(min-width:1200px){
  html body.home-page.home-nuevo .store-nav{display:none!important}
  html body.home-page.home-nuevo .hn-nav{position:fixed;top:0;right:calc(5vw + 150px);height:var(--hn-hh);display:flex;align-items:center;gap:34px;z-index:61}
  .hn-nav a{color:var(--hn-ink);font:500 17px/1 var(--hn-body);text-decoration:none;padding:8px 0}
  .hn-nav a:hover,.hn-nav a:focus-visible{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}
  .hn-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}
  .hn-nav-dd{position:relative;height:var(--hn-hh);display:flex;align-items:center}
  .hn-nav-dd>a::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
  .hn-nav-panel{position:absolute;left:-18px;top:calc(100% - 14px);min-width:220px;padding:10px;background:var(--hn-paper);border:1.5px solid var(--hn-ink);border-radius:14px;box-shadow:0 14px 30px rgba(21,20,18,.16);display:none;flex-direction:column}
  .hn-nav-dd:hover .hn-nav-panel,.hn-nav-dd:focus-within .hn-nav-panel{display:flex}
  .hn-nav-panel a{padding:11px 14px;border-radius:8px;font-weight:600;font-size:15.5px}
  .hn-nav-panel a:hover{background:var(--hn-bone);text-decoration:none}
  html body.home-page.home-nuevo header.topbar .header-tool{display:none!important}
}

/* ---------- Portada: letra grande + el jersey favorito de Peyo, que al bajar viaja a "Las favoritas" ---------- */
.hn-hero{position:relative;height:150vh;background:var(--hn-bone) url(papel-fondo.webp) 0 0/640px auto;color:var(--hn-ink)}
.hn-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--hn-top) 5vw calc(7vh + 50px)}
.hn-lead{margin:0;color:var(--hn-mute);font:600 15px/1.4 var(--hn-body);opacity:var(--o,1)}
.hn-title{position:relative;z-index:1;max-width:58vw;margin:2.2vh 0 0;font:400 clamp(46px,min(8.2vw,12vh),148px)/1 var(--hn-display);letter-spacing:0;text-transform:uppercase;color:var(--hn-ink)}
.hn-line{display:block;overflow:hidden;padding-bottom:.04em;transform:translateX(var(--sx,0px));opacity:var(--o,1)}
.hn-line>span{display:inline-block;transform:translateY(105%);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.hn-ready .hn-line>span{transform:none}
.hn-line:nth-child(2)>span{transition-delay:.08s}.hn-line:nth-child(3)>span{transition-delay:.16s}
.hn-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4vh;opacity:var(--o,1);transform:translateY(var(--y,0px))}
.hn-btn{display:inline-flex;align-items:center;padding:15px 22px;border-radius:999px;background:var(--hn-orange);color:var(--hn-ink);font:800 14.5px/1 var(--hn-body);text-decoration:none;transition:transform .25s,background .2s}
.hn-btn:hover{transform:translateY(-2px)}
.hn-btn.ghost{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.hn-btn:focus-visible,.hn-cap a:focus-visible{outline:3px solid var(--hn-orange);outline-offset:3px}
.hn-anchor{position:absolute;right:5vw;top:47%;width:min(30vw,400px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.hn-traveler{position:fixed;left:0;top:0;z-index:5;pointer-events:none;will-change:transform,width,height}
.hn-traveler img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 34px rgba(21,20,18,.2));transform:rotate(var(--tilt,0deg)) translateY(var(--bob,0px))}
.hn-traveler.landed{visibility:hidden}
html body.home-page.home-nuevo .hn-target img{opacity:0}
html body.home-page.home-nuevo .hn-target.hn-landed img{opacity:1}
html body.home-page.home-nuevo .hn-card-img img.hn-rebote{animation:hn-rebote .6s cubic-bezier(.3,.7,.4,1)}
html body.home-page.home-nuevo .hn-target:not(.hn-landed) .hn-card-tag{opacity:0}
html body.home-page.home-nuevo .hn-card-tag.hn-sello{animation:hn-sello .45s .2s cubic-bezier(.5,0,.6,1.4) both}
@keyframes hn-sello{0%{opacity:0;transform:scale(2.3) rotate(-14deg)}55%{opacity:1;transform:scale(.9) rotate(-2deg)}75%{transform:scale(1.05)}100%{opacity:1;transform:none}}
html body.home-page.home-nuevo .peyo-sit--fav.hn-peyo-si{transform-origin:50% 85%;animation:hn-peyo-si .9s .3s ease-in-out}
@keyframes hn-peyo-si{0%,100%{transform:none}18%{transform:rotate(9deg) translateY(2px)}36%{transform:rotate(-2deg)}56%{transform:rotate(8deg) translateY(2px)}76%{transform:rotate(-1deg)}}
@keyframes hn-rebote{0%{transform:translateY(0) scale(1)}25%{transform:translateY(5px) scale(1.06,.93)}55%{transform:translateY(-7px) scale(.97,1.04)}80%{transform:translateY(1px) scale(1.01,.99)}100%{transform:none}}
.hn-cap{position:absolute;right:5vw;bottom:calc(7vh + 64px);width:min(30vw,400px);display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;opacity:var(--o,1);z-index:6}
.hn-cap small{color:var(--hn-mute);font:600 13.5px/1.2 var(--hn-body)}
.hn-cap b{font:800 17px/1.2 var(--hn-body)}
.hn-cap-row{display:flex;align-items:center;gap:12px;margin-top:4px}
.hn-cap em{font:400 26px/1 var(--hn-display);font-style:normal}
.hn-cap .hn-want{padding:7px 12px;border-radius:999px;background:var(--hn-ink);color:#fff;font:700 12.5px/1 var(--hn-body);text-decoration:none}
.hn-cap .hn-want:hover{background:var(--hn-orange);color:var(--hn-ink)}
.hn-story{max-width:34ch;margin-top:6px;color:var(--hn-mute);font:600 13px/1.35 var(--hn-body)}
.hn-story a{color:var(--hn-ink);text-decoration:underline;text-decoration-color:var(--hn-orange);text-decoration-thickness:2px;text-underline-offset:3px}
.hn-cap-meta,.hn-bubble{display:none}
.hn-m{display:none}
.hn-name{color:inherit;text-decoration:none}
/* El globito de Peyo también en compu: sobre su cabeza, con su porra */
@media(min-width:761px){
  .hn-bubble{display:block;position:absolute;right:calc(5vw + min(30vw,400px) + clamp(30px,3.4vw,54px));bottom:calc(7vh + 70px + clamp(88px,8.6vw,134px));z-index:7;padding:8px 14px;border:2px solid var(--hn-ink);border-radius:14px;background:#fff;color:var(--hn-ink);font:800 14px/1.15 var(--hn-body);white-space:nowrap;opacity:var(--o,1);transform:rotate(-4deg);transform-origin:50% 100%;animation:hn-globo-d .6s .9s cubic-bezier(.3,1.6,.5,1) both}
  .hn-bubble::after{content:"";position:absolute;left:calc(50% - 6px);bottom:-8px;width:12px;height:12px;background:#fff;border-right:2px solid var(--hn-ink);border-bottom:2px solid var(--hn-ink);transform:rotate(45deg) skew(10deg,10deg)}
  @keyframes hn-globo-d{from{transform:rotate(-4deg) scale(0)}}
}
.hn-score{position:absolute;left:5vw;right:5vw;bottom:3.5vh;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:12px 0 0;list-style:none;border-top:1.5px solid var(--hn-ink);color:var(--hn-mute);opacity:var(--o,1)}
.hn-score li{display:flex;align-items:baseline;gap:10px;padding-right:12px;font:600 14px/1.3 var(--hn-body)}
.hn-score li+li{padding-left:16px;border-left:1px solid var(--hn-line)}
.hn-score b{font:400 26px/1 var(--hn-display);color:var(--hn-ink)}
@media(max-width:760px){
  html body.home-page.home-nuevo{--hn-top:78px;--hn-jw:min(70vw,36vh)}
  /* Pantallas bajitas: el jersey un poco más chico para que quepan los datos y el título sin encimarse */
  @media(max-height:760px){html body.home-page.home-nuevo{--hn-jw:min(62vw,26vh)}}
  .hn-hero{height:140vh}
  .hn-stage{justify-content:flex-end;padding-bottom:calc(2vh + 78px)}
  .hn-lead{display:none}
  .hn-stage.hn-pack{justify-content:flex-start}
  .hn-anchor{right:auto;left:50%;top:112px;width:var(--hn-jw);transform:translateX(-50%)}
  /* Título centrado, como el jersey y sus datos de arriba, en tres renglones que llenan el ancho */
  .hn-title{max-width:none;margin-top:0;text-align:center;font-size:var(--hn-tfs,clamp(40px,12.8vw,72px));line-height:.9}
  .hn-line>span{white-space:nowrap}
  .hn-actions{justify-content:center;margin-top:2.4vh}
  .hn-actions .hn-btn{flex:1 1 0;max-width:190px;justify-content:center;text-align:center}
  /* Celular: debajo del jersey se lee claro qué es: "La favorita de Peyo", nombre, liga y temporada, su historia, precio y botón */
  .hn-cap{right:auto;left:50%;transform:translateX(-50%);bottom:auto;top:calc(112px + var(--hn-jw) + 8px);width:90vw;max-width:440px;flex-direction:column;align-items:center;gap:3px}
  .hn-story{display:block;margin-top:4px;color:var(--hn-mute);font:600 13px/1.3 var(--hn-body);text-wrap:balance}
  .hn-story a{color:var(--hn-ink);text-decoration:underline;text-decoration-color:var(--hn-orange);text-underline-offset:3px}
  .hn-cap small{display:inline-flex;align-items:center;gap:6px;color:var(--hn-orange);font:800 11px/1 var(--hn-body);letter-spacing:.12em;text-transform:uppercase}
  .hn-cap small::before,.hn-cap small::after{content:"";width:14px;height:2px;background:currentColor}
  .hn-cap b{font-size:17px}
  .hn-cap-meta{display:block;max-width:100%;color:var(--hn-mute);font:600 12.5px/1.3 var(--hn-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hn-cap-meta a{color:var(--hn-ink);text-decoration:underline;text-decoration-color:var(--hn-orange);text-underline-offset:3px}
  /* El título en celular: "Las playeras / que te / hicieron fan." */
  .hn-d{display:none}.hn-m{display:inline}
.hn-lm{display:none}
  .hn-name{text-decoration:underline;text-decoration-color:var(--hn-orange);text-decoration-thickness:2px;text-underline-offset:4px}
  .hn-cap-meta{display:none}.hn-cap-row{order:3;margin-top:6px}.hn-cap em{font-size:22px}
  .hn-cap-short .hn-cap-row{display:none}
  .hn-cap .hn-want{padding:9px 14px;font-size:13px}
  /* Globito de Peyo junto al jersey */
  .hn-bubble{display:block;position:absolute;left:3vw;top:calc(112px + var(--hn-jw) - 90px);z-index:7;width:min(19vw,80px);padding:6px 7px;border:2px solid var(--hn-ink);border-radius:12px;background:#fff;color:var(--hn-ink);font:800 11.5px/1.1 var(--hn-body);text-align:center;opacity:var(--o,1);transform:translateY(-100%) rotate(-6deg);transform-origin:20% 100%;animation:hn-globo .6s .9s cubic-bezier(.3,1.6,.5,1) both}
  .hn-bubble::after{content:"";position:absolute;left:22px;bottom:-8px;width:12px;height:12px;background:#fff;border-right:2px solid var(--hn-ink);border-bottom:2px solid var(--hn-ink);transform:rotate(45deg) skew(10deg,10deg)}
  @keyframes hn-globo{from{transform:translateY(-100%) rotate(-6deg) scale(0)}}
  /* Los datos (127 jerseys, 21 colecciones) quedaban tapados por los botones de Reseñas y WhatsApp: en celular se quitan de la portada */
  .hn-score{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hn-hero{height:auto}.hn-stage{position:relative;height:auto;min-height:90svh}
  .hn-line>span{transform:none;transition:none}
  html body.home-page.home-nuevo .store-nav{transition:none}
}


/* ---------- Portada tipo cartel: título redondo y grueso + collage de papel con el jersey favorito ---------- */
html body.home-page.home-nuevo{--hn-s:min(34vw,58vh,500px);--hn-cy:calc((var(--hn-top) + 100% - 7vh - 50px)/2)}
@media(min-width:761px){.hn-stage{justify-content:center}}
.hn-eyebrow{order:-1;margin:0 0 1.8vh;color:var(--hn-ink);font:600 clamp(13px,1.05vw,16px)/1.2 var(--hn-body);letter-spacing:.07em;text-transform:uppercase;opacity:var(--o,1)}
.hn-lead{margin:2.2vh 0 0;max-width:44ch;color:var(--hn-ink);font:500 clamp(16px,1.3vw,20px)/1.4 var(--hn-body)}
.hn-d{display:none}.hn-m{display:inline}
.hn-lm{display:none}
html body.home-page.home-nuevo .hn-title{max-width:none;margin:0;font:400 var(--hn-tfs,clamp(46px,min(8.6vw,13vh),150px))/.94 var(--hn-chunk);text-transform:uppercase;letter-spacing:0}
.hn-line{padding-bottom:.1em;margin-bottom:-.06em}
.hn-line>span{white-space:nowrap}
.hn-actions{align-items:center;gap:26px;margin-top:3vh}
.hn-btn{background:var(--hn-ink);color:#fff;padding:20px 34px;font:800 clamp(16px,1.3vw,20px)/1 var(--hn-body);box-shadow:none}
.hn-btn::after{content:"\2192";margin-left:14px}
.hn-btn.ghost{background:transparent;color:var(--hn-ink);box-shadow:none;padding:16px 2px;font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}
.hn-btn.ghost::after{content:"\2197";margin-left:6px;text-decoration:none;display:inline-block}
.hn-socios-acts .hn-btn,.hn-socios-acts .hn-btn.ghost{padding:15px 22px;font:800 14.5px/1 var(--hn-body)}
.hn-socios-acts .hn-btn{background:var(--hn-orange);color:var(--hn-ink)}
.hn-socios-acts .hn-btn.ghost{background:transparent;color:var(--hn-ink);box-shadow:inset 0 0 0 1.5px currentColor;text-decoration:none}
.hn-socios-acts .hn-btn::after,.hn-socios-acts .hn-btn.ghost::after{content:none}
.hn-art{position:absolute;right:5vw;top:var(--hn-cy);width:var(--hn-s);aspect-ratio:1;transform:translateY(-50%);pointer-events:none;opacity:var(--o,1)}
.hn-art>img{position:absolute;display:block;height:auto;filter:drop-shadow(0 14px 22px rgba(21,20,18,.22))}
.hn-panel{left:17%;top:-2%;width:74%;transform:rotate(3deg)}
.hn-art .hn-post{object-fit:cover}
.hn-art .hn-post.p1{left:-12%;top:-3%;width:43%;height:92%;object-position:left top;transform:rotate(-2deg)}
.hn-art .hn-post.p2{right:-12%;top:12%;width:34%;height:84%;object-position:right center;transform:rotate(3deg)}
.hn-tick{position:absolute;width:12%;fill:none;stroke:var(--hn-ink);stroke-width:3.4;stroke-linecap:round}
.hn-tick.t1{display:none}
.hn-tick.t3{stroke:var(--hn-ink)}
.hn-tick.t2{right:-5%;bottom:3%;width:10%;transform:rotate(-10deg)}
.hn-art .hn-sticker{position:absolute;right:calc(var(--hn-s)*-.1);top:calc(var(--hn-s)*-.12);width:calc(var(--hn-s)*.37);aspect-ratio:1;transform:rotate(5deg);pointer-events:none}
.hn-sello{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(21,20,18,.25))}
.hn-tick.t3{position:absolute;left:-9%;top:6%;width:24%;stroke-width:3}
.hn-art .hn-cap{position:absolute;pointer-events:auto;opacity:1;left:auto;bottom:auto;right:calc(var(--hn-s)*.03);top:calc(var(--hn-s)*.965);width:auto;max-width:none;flex-direction:column;align-items:flex-start;text-align:left;padding:11px 24px 12px;background:#f2ecdc;transform:rotate(-2.2deg);box-shadow:0 6px 14px rgba(21,20,18,.22);clip-path:polygon(0 4%,3% 0,28% 3%,60% 0,100% 3%,99% 55%,100% 96%,70% 100%,34% 97%,0 100%,1% 50%);white-space:nowrap}
.hn-art .hn-swoosh{position:absolute;right:calc(var(--hn-s)*.2);top:calc(var(--hn-s)*.965 + 50px);width:calc(var(--hn-s)*.46);fill:var(--hn-ink);transform:rotate(-2.2deg);pointer-events:none}
.hn-art .hn-anchor{position:absolute;left:0;top:0;right:0;bottom:0;width:auto;height:auto;aspect-ratio:auto;transform:none}
.hn-cap .hn-story{display:none}
.hn-cap small{display:none}
.hn-cap b{font:600 clamp(14px,1.15vw,17px)/1.25 var(--hn-mono)}
.hn-cap .hn-want{background:var(--hn-ink);color:#fff}
@media(min-width:761px){
  .hn-bubble{right:calc(5vw + var(--hn-s)*.9);bottom:auto;top:calc(var(--hn-cy) - var(--hn-s)*.64);z-index:7;transform:rotate(-5deg);transform-origin:100% 100%}
  .hn-bubble::after{left:auto;right:18px}
  .hn-score{left:0;right:0;bottom:0;padding:16px 5vw 18px;border-top:0;background:color-mix(in srgb,var(--hn-bone) 88%,#8a8678);color:var(--hn-ink)}
  .hn-score li{justify-content:center;align-items:center;gap:14px;font-weight:500}
  .hn-score li+li{border-left:1.5px solid rgba(21,20,18,.22)}
  .hn-score li::before{content:"";flex:none;width:34px;height:34px;background:var(--hn-ink);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
  .hn-score li:nth-child(1),.hn-score li:nth-child(2){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 4.500-9 4.500-9-4.500z'/%3E%3Cpath d='m3 12 9 4.500 9-4.500M3 16.500 12 21l9-4.500'/%3E%3C/svg%3E")}
  .hn-score li:nth-child(3){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M2 6h12v10H2zM14 9h4l4 3.500V16H14z'/%3E%3Ccircle cx='7' cy='17.500' r='2'/%3E%3Ccircle cx='17.500' cy='17.500' r='2'/%3E%3C/svg%3E")}
  .hn-score li:nth-child(4){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M2 5h20v14H2zM2 9.500h20'/%3E%3C/svg%3E")}
  .hn-score b{font:400 30px/1 var(--hn-chunk)}
}
@media(max-width:760px){
  html body.home-page.home-nuevo{--hn-s:min(82vw,42vh)}
  html body.home-page.home-nuevo .store-nav{display:none!important}
  .hn-stage{justify-content:flex-start;padding:calc(var(--hn-top) - 12px) 5vw 0}
  .hn-eyebrow{display:block;order:1;margin:0 0 1.2vh;font-size:12.5px;letter-spacing:.09em}
  .hn-title{order:2;text-align:left}
  .hn-lead{display:block;order:3;margin:1vh 0 0;max-width:none;font-size:clamp(15px,4.2vw,17px);line-height:1.3}
  .hn-ld{display:none}.hn-lm{display:inline}
  .hn-art{order:4;position:relative;right:auto;left:auto;top:auto;transform:none;width:var(--hn-s);margin:3.4vh auto 0}
  .hn-art .hn-sticker{right:-5%;top:-11%;width:calc(var(--hn-s)*.34)}
  .hn-art .hn-post.p1{left:-4%;top:-2%;width:44%;height:84%}
  .hn-art .hn-post.p2{right:-4%;top:14%;width:36%;height:74%}
  .hn-art .hn-cap{right:-2%;top:calc(var(--hn-s)*.99);padding:9px 18px 10px}
  .hn-art .hn-cap small,.hn-art .hn-cap .hn-story,.hn-art .hn-cap .hn-cap-meta{display:none}
  .hn-art .hn-cap b{font:600 12.5px/1.25 var(--hn-mono)}
  .hn-art .hn-swoosh{display:block;right:calc(var(--hn-s)*.1);top:calc(var(--hn-s)*.99 + 38px);width:calc(var(--hn-s)*.42)}
  .hn-actions{order:5;flex-direction:column;align-items:stretch;gap:4px;margin-top:calc(var(--hn-s)*.17)}
  .hn-actions .hn-btn{max-width:none;flex:none;justify-content:center;font-size:15.5px;padding:12px 22px}
  .hn-actions .hn-btn.ghost{align-self:center;padding:6px 4px;font-size:14px}
  .hn-score{display:grid;order:6;position:static;grid-template-columns:1fr 1fr;margin:1.2vh 0 0;padding:8px 0 0;border-top:1.5px solid var(--hn-ink)}
  .hn-score li:nth-child(n+3){display:none}
  .hn-score li{display:flex;align-items:center;justify-content:center;gap:12px;padding:0;font:500 13.5px/1.15 var(--hn-body);flex-wrap:wrap}
  .hn-score li+li{border-left:1.5px solid rgba(21,20,18,.22);padding-left:0}
  .hn-score b{display:block;width:auto;font:400 26px/1 var(--hn-chunk)}
  .hn-score li::before{content:"";flex:none;width:34px;height:34px;background:var(--hn-ink);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 4.500-9 4.500-9-4.500z'/%3E%3Cpath d='m3 12 9 4.500 9-4.500M3 16.500 12 21l9-4.500'/%3E%3C/svg%3E")}
  .hn-score li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;justify-content:center;text-align:left}
  .hn-score li::before{grid-row:1/3}
  .hn-score b{grid-column:2}
  .hn-score .hn-x{display:none}
  .hn-score li{white-space:nowrap;font-size:13px;column-gap:10px}
  .hn-score li::before{width:30px;height:30px}
  .hn-score b{font-size:24px}
  .hn-score{padding-top:7px}
  html body.home-page.home-nuevo .hn-title{font:400 var(--hn-tfs,clamp(40px,12.8vw,72px))/.96 var(--hn-chunk)}
}
@media(max-width:760px) and (max-height:780px){html body.home-page.home-nuevo{--hn-s:min(88vw,33vh)}}
@media(max-width:760px) and (max-height:639px){.hn-score{display:none}.hn-lead{display:none}}
@media(max-width:760px) and (max-height:800px){.hn-art .hn-swoosh{display:none}}

/* ===================== Etapa 2: cinta y "Las favoritas de Peyo" ===================== */
/* Cinta de ventajas: en hueso, letra grande y puntos naranjas */
html body.home-page.home-nuevo .pfc-ribbon{background:transparent!important;color:var(--hn-ink)!important;border-top:1px solid var(--hn-line)!important;border-bottom:1px solid var(--hn-line)!important}
html body.home-page.home-nuevo .pfc-ribbon li{color:var(--hn-ink)!important;font:400 clamp(20px,2.4vw,32px)/1 var(--hn-display)!important;letter-spacing:0!important;text-transform:uppercase!important;padding-block:16px!important}
html body.home-page.home-nuevo .pfc-ribbon li::after,html body.home-page.home-nuevo .pfc-ribbon li::before{background:var(--hn-orange)!important;border-radius:50%!important}
/* Encabezado de la sección */
html body.home-page.home-nuevo .jersey-rail{padding:11vh 0 9vh!important;background:transparent!important}
html body.home-page.home-nuevo .jersey-rail-heading{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:16px!important;flex-wrap:wrap!important;padding:0 5vw!important;margin:0 0 28px!important}
html body.home-page.home-nuevo .jersey-rail-heading h2{margin:0!important;font:400 clamp(36px,4.6vw,68px)/1 var(--hn-display)!important;letter-spacing:0!important;text-transform:uppercase!important;color:var(--hn-ink)!important}
html body.home-page.home-nuevo .jersey-rail-heading p{margin:8px 0 0!important;color:var(--hn-mute)!important;font:600 15px/1.4 var(--hn-body)!important}
html body.home-page.home-nuevo .jersey-rail-heading .home-text-link{order:3;font:700 14px/1 var(--hn-body)!important;letter-spacing:0!important;text-transform:none!important;color:var(--hn-ink)!important;background:none!important;padding:0!important;text-decoration:underline!important;text-underline-offset:4px}
html body.home-page.home-nuevo .jersey-rail-heading .home-text-link span{display:none}
.hn-rail-ctrl{display:flex;align-items:center;gap:12px;margin-left:auto}
.hn-rail-bar{display:block;width:110px;height:3px;background:var(--hn-line)}
.hn-rail-bar i{display:block;height:100%;width:10%;background:var(--hn-ink);transition:width .2s}
.hn-rail-ctrl button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--hn-ink);background:transparent;color:var(--hn-ink);font:800 16px var(--hn-body);cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.hn-rail-ctrl button:hover{background:var(--hn-ink);color:var(--hn-bone)}
.hn-rail-ctrl button:disabled{opacity:.3;cursor:default;background:transparent;color:var(--hn-ink)}
.hn-rail-ctrl button:focus-visible,.hn-card a:focus-visible,.hn-card button:focus-visible{outline:3px solid var(--hn-orange);outline-offset:2px}
/* La fila */
.hn-rail{display:flex!important;gap:18px;padding:0 5vw 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:5vw;scrollbar-width:none;overscroll-behavior-x:contain}
.hn-rail::-webkit-scrollbar{display:none}
.hn-card{flex:0 0 clamp(210px,23vw,310px);display:flex;flex-direction:column;gap:10px;scroll-snap-align:start;text-decoration:none;color:var(--hn-ink)}
.hn-card-img{position:relative;display:grid;place-items:center;aspect-ratio:4/4.5;border-radius:20px;background:var(--hn-paper);overflow:hidden}
.hn-card-img img{width:84%;height:auto;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hn-card:hover .hn-card-img img{transform:rotate(-3deg) scale(1.05)}
.hn-card-ficha{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;display:flex;flex-direction:column;gap:4px;padding:8px 11px 14px;background:#f2ede0;color:var(--hn-ink);box-shadow:0 10px 24px rgba(21,20,18,.16);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),95% 100%,90% calc(100% - 6px),84% 100%,78% calc(100% - 5px),71% 100%,64% calc(100% - 7px),57% 100%,50% calc(100% - 5px),43% 100%,36% calc(100% - 6px),29% 100%,22% calc(100% - 5px),15% 100%,8% calc(100% - 7px),0 100%);opacity:0;transform:translateY(16px) rotate(1.5deg);transition:opacity .25s,transform .45s cubic-bezier(.2,.9,.25,1.2);pointer-events:none;overflow:visible}
.hn-card-ficha::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(21,20,18,.025) 3px 4px);pointer-events:none}
.hn-diario-cabecera{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-right:58px;padding-bottom:4px;border-bottom:3px double var(--hn-ink)}
.hn-diario-cabecera b{font:700 8.5px/1 Georgia,"Times New Roman",serif;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase}
.hn-diario-cabecera i{font:italic 600 9px/1 Georgia,"Times New Roman",serif;color:var(--hn-mute)}
.hn-card-ficha strong{margin-right:44px;overflow-wrap:anywhere;font:400 clamp(12px,1vw,14px)/1 var(--hn-display);letter-spacing:.01em;text-transform:uppercase}
.hn-card-ficha em{font:italic 400 11.5px/1.3 Georgia,"Times New Roman",serif;color:#3d3a34;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hn-peyo-lee{position:absolute;right:6px;top:3px;width:58px;height:auto;overflow:visible}
.hn-peyo-cabeza{transform:translateY(26px);transition:transform .45s .12s cubic-bezier(.3,1.5,.5,1)}
.hn-peyo-diario{transform-box:fill-box;transform-origin:50% 100%;transition:transform .45s .12s cubic-bezier(.3,1.5,.5,1)}
.hn-card-img:hover .hn-card-ficha,.hn-card-img:focus-visible .hn-card-ficha{opacity:1;transform:rotate(-1deg)}
.hn-card-img:hover .hn-peyo-cabeza,.hn-card-img:focus-visible .hn-peyo-cabeza{transform:none}
.hn-card-img:hover .hn-peyo-diario,.hn-card-img:focus-visible .hn-peyo-diario{transform:rotate(-4deg)}
.hn-card-img:hover .hn-peyo-nariz{animation:hn-olfatea 1.6s .6s ease-in-out infinite}
@keyframes hn-olfatea{0%,60%,80%,100%{translate:0 0}70%,90%{translate:-1.5px -1px}}
@media (prefers-reduced-motion:reduce){.hn-card-ficha,.hn-peyo-cabeza,.hn-peyo-diario{transition:none}.hn-peyo-nariz{animation:none!important}}
@media (hover:none){
  .hn-card-img.is-open .hn-card-ficha{opacity:1;transform:rotate(-1deg)}
  .hn-card-img.is-open .hn-peyo-cabeza{transform:none}
  .hn-card-img.is-open .hn-peyo-diario{transform:rotate(-4deg)}
  .hn-card-img.is-open .hn-peyo-nariz{animation:hn-olfatea 1.6s .6s ease-in-out infinite}
  .hn-card-ficha strong{font-size:14px}
}
.hn-rail.hn-asoma>*{animation:hn-asoma 1.1s cubic-bezier(.3,.7,.3,1)}
@keyframes hn-asoma{0%,100%{transform:none}45%{transform:translateX(-64px)}}
.hn-card-tag{position:absolute;top:14px;left:14px;z-index:1;padding:6px 10px;border-radius:999px;background:var(--hn-orange);color:var(--hn-ink);font:700 12px/1 var(--hn-body)}
.hn-card-meta{display:flex;justify-content:space-between;gap:10px;font:800 15.5px/1.25 var(--hn-body)}
.hn-card-meta a{color:inherit;text-decoration:none}
.hn-card-meta span{font-weight:600;color:var(--hn-mute)}
.hn-card-acts{display:flex;gap:6px}
.hn-card-acts button{flex:1;padding:9px 8px;border:0;border-radius:999px;background:var(--hn-paper);box-shadow:inset 0 0 0 1px var(--hn-line);color:var(--hn-ink);font:700 12.5px/1 var(--hn-body);cursor:pointer}
.hn-card-acts button:hover{box-shadow:inset 0 0 0 1.5px var(--hn-ink)}
.hn-card-acts button[aria-pressed="true"]{background:var(--hn-ink);color:var(--hn-bone);box-shadow:none}
.hn-card-more{display:grid;place-items:center;aspect-ratio:4/4.5;align-self:flex-start;border-radius:20px;background:var(--hn-ink);color:var(--hn-bone);padding:24px;text-align:center}
.hn-card-more span{font:400 clamp(28px,2.6vw,40px)/1 var(--hn-display);text-transform:uppercase}
@media(max-width:760px){.hn-rail-ctrl{margin-left:0}.hn-rail-ctrl button{width:40px;height:40px}}

/* ---------- Etapa 3 · La página pasa suave a negro en "Cuatro amigos" ---------- */
html body.home-page.home-nuevo,html body.home-page.home-nuevo main,html body.home-page.home-nuevo header.topbar,html body.home-page.home-nuevo .store-nav{transition:background-color .6s ease,color .6s ease,transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s!important}
html body.home-page.home-nuevo.hn-oscuro :is(header.topbar,.store-nav,.hn-nav){--hn-bone:#151412;--hn-paper:#211f1c;--hn-ink:#eeede8;--hn-mute:#a39e94;--hn-line:#34312c}
html body.home-page.home-nuevo.hn-oscuro header.topbar .brand img{content:url('logo-peyote-blanco-v3.webp')!important}

/* ---------- Cuatro amigos: polaroid con los cuatro, papel durazno y texto que se prende palabra por palabra ---------- */
html body.home-page.home-nuevo .home-nosotros{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:5vw!important;align-items:center!important;margin:0!important;padding:14vh 5vw!important;border-radius:0!important;background:transparent!important;color:var(--hn-ink)!important;overflow:hidden!important}
html body.home-page.home-nuevo .home-nosotros-copy{order:1;display:block!important;padding:0!important}
.hn-nos-eye{display:block;margin:0 0 2vh;color:var(--hn-peach);font:500 clamp(12px,1vw,15px)/1 var(--hn-mono);letter-spacing:.22em;text-transform:uppercase}
html body.home-page.home-nuevo .home-nosotros-copy>h2{margin:0 0 4vh!important;font:400 clamp(34px,4.5vw,68px)/.98 var(--hn-chunk)!important;letter-spacing:0!important;text-transform:uppercase!important;color:var(--hn-ink)!important}
html body.home-page.home-nuevo .home-nosotros-copy>h2 em{font-style:normal;color:var(--hn-peach)}
.hn-nos-text{position:relative;padding-left:clamp(36px,5vw,72px);margin:0 0 4vh;--wp:0}
.hn-nos-text::before,.hn-nos-text::after{content:"";position:absolute;left:0;top:4px;width:4px;border-radius:2px}
.hn-nos-text::before{bottom:4px;background:var(--hn-line)}
.hn-nos-text::after{height:calc((100% - 8px)*var(--wp));background:var(--hn-peach)}
html body.home-page.home-nuevo .hn-nos-text>p{margin:0 0 1em!important;max-width:36ch!important;color:var(--hn-ink)!important;font:400 clamp(17px,1.5vw,23px)/1.5 var(--hn-body)!important}
.hn-w{opacity:.28;transition:opacity .25s}
.hn-w.hn-on{opacity:1}
html body.home-page.home-nuevo .home-nosotros-crew{display:flex!important;flex-wrap:wrap!important;gap:0 14px!important;margin:0 0 3vh!important;padding:2vh 0 0!important;max-width:min(100%,560px);border-top:1.5px solid var(--hn-line)!important;list-style:none}
html body.home-page.home-nuevo .home-nosotros-crew li{padding:0!important;border:0!important;color:var(--hn-ink)!important;font:500 clamp(13px,1.05vw,16px)/1.4 var(--hn-mono)!important;letter-spacing:0!important;text-transform:none!important}
html body.home-page.home-nuevo .home-nosotros-crew li+li::before{content:"\00b7"!important;display:inline!important;margin-right:14px!important;position:static!important;background:none!important;width:auto!important;height:auto!important}
html body.home-page.home-nuevo .home-nosotros-stats{display:none!important}
html body.home-page.home-nuevo .home-nosotros .home-text-link,html body.home-page.home-nuevo .home-collections .home-text-link{color:var(--hn-ink)!important;background:none!important;padding:0!important;font:700 14px/1 var(--hn-body)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:underline!important;text-underline-offset:4px}
html body.home-page.home-nuevo .home-nosotros .home-text-link span,html body.home-page.home-nuevo .home-collections .home-text-link span{display:none!important}
html body.home-page.home-nuevo .home-nosotros .home-text-link{font:500 clamp(13px,1.05vw,16px)/1 var(--hn-mono)!important}
html body.home-page.home-nuevo .home-nosotros .home-text-link::after{content:" \2197";text-decoration:none;display:inline-block}
html body.home-page.home-nuevo .home-nosotros-photo{order:2;position:relative!important;margin:0!important;padding:2vh 3vw 0 0!important;border-radius:0!important;overflow:visible!important;aspect-ratio:auto!important;max-height:none!important;min-height:0!important;height:auto!important;background:none!important}
.hn-nos-paper{position:absolute;right:-2%;top:9%;width:86%;height:76%;background:url(papel-durazno.webp) center/cover;transform:rotate(5.5deg);box-shadow:0 14px 28px rgba(0,0,0,.35);z-index:0}
.hn-polaroid{position:relative;z-index:1;margin:0;padding:clamp(12px,1.5vw,22px) clamp(12px,1.5vw,22px) clamp(44px,5vw,70px);background:#efe9d9 url(papel-fondo.webp) 0 0/420px auto;background-blend-mode:multiply;transform:rotate(2.6deg);box-shadow:0 22px 44px rgba(0,0,0,.45)}
html body.home-page.home-nuevo .hn-polaroid img{position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover!important;top:auto!important;transform:none!important;filter:sepia(.12) contrast(1.03)}
.hn-polaroid figcaption{position:absolute;left:clamp(12px,1.5vw,22px);right:12px;bottom:clamp(12px,1.6vw,22px);color:#1f1f2b;font:600 clamp(10px,.95vw,14px)/1.2 var(--hn-mono);text-transform:uppercase;letter-spacing:.03em;transform:rotate(1deg)}
.hn-tape{position:absolute;left:50%;top:-16px;width:clamp(90px,10vw,150px);height:clamp(26px,2.6vw,38px);margin-left:calc(clamp(90px,10vw,150px)/-2);background:url(papel-durazno.webp) center/cover;opacity:.92;transform:rotate(-2deg);box-shadow:0 2px 5px rgba(0,0,0,.25);z-index:2}
.hn-nos-years{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:7vh 0 0}
.hn-nos-years svg{width:clamp(44px,5vw,76px);fill:none;stroke:var(--hn-peach);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transform:translateY(10px)}
.hn-nos-years b{display:block;color:var(--hn-peach);font:400 clamp(40px,4.6vw,70px)/1 var(--hn-chunk);transform:rotate(-4deg)}
.hn-nos-years span{display:block;margin-top:2px;color:var(--hn-ink);font:500 clamp(12px,1vw,15px)/1.2 var(--hn-mono);transform:rotate(-2deg)}
@media(max-width:820px){
  html body.home-page.home-nuevo .home-nosotros{grid-template-columns:1fr!important;gap:6vh!important;padding:10vh 5vw!important}
  html body.home-page.home-nuevo .home-nosotros-photo{padding-right:4vw!important}
  html body.home-page.home-nuevo .home-nosotros-copy>h2{font-size:clamp(32px,10.4vw,56px)!important}
}

/* ---------- Épocas ---------- */
html body.home-page.home-nuevo .home-collections{padding:12vh 5vw!important;background:transparent!important;color:var(--hn-ink)!important;border:0!important;overflow:visible!important}
html body.home-page.home-nuevo .home-collections .home-section-heading{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important;flex-wrap:wrap!important;gap:16px!important;margin:0 0 5vh!important}
html body.home-page.home-nuevo .home-collections .home-section-heading h2{display:flex!important;flex-direction:column!important;gap:10px!important;max-width:none!important;margin:0!important;letter-spacing:0!important;font:inherit!important;color:var(--hn-ink)!important}
.hn-pre{color:var(--hn-mute);font:700 clamp(17px,1.5vw,22px)/1.2 var(--hn-body);text-transform:none}
.hn-main{color:var(--hn-ink);font:400 clamp(30px,5.2vw,84px)/1 var(--hn-display);text-transform:uppercase}
.hn-ep>*{min-width:0}
.hn-ep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:4vw;align-items:start}
.hn-ep-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--hn-ink)}
.hn-ep-list>li{border-bottom:1px solid var(--hn-line)}
.hn-ep-dec{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:16px;margin:0;padding:1vh 0;border:0;background:none;cursor:pointer;text-align:left;color:color-mix(in srgb,var(--hn-ink) 24%,var(--hn-bone));font:400 clamp(40px,5vw,84px)/1 var(--hn-display);transition:color .35s,padding .35s}
/* "1 de 6 ↓" junto a la década abierta: se entiende que hay que seguir bajando */
.hn-ep-step{display:none;margin-left:.5em;padding:5px 9px;border-radius:999px;background:var(--hn-orange);color:var(--hn-ink);font:800 12px/1 var(--hn-body);font-style:normal;letter-spacing:.02em;vertical-align:.9em;white-space:nowrap}
.is-open>.hn-ep-dec .hn-ep-step{display:inline-block;animation:hn-paso .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes hn-paso{from{transform:scale(.4);opacity:0}}
.hn-ep-dec small{color:var(--hn-mute);font:600 14px/1 var(--hn-body);white-space:nowrap}
.hn-ep-dec small::after{content:"  +";white-space:pre;color:var(--hn-ink);font-weight:800}
.is-open>.hn-ep-dec small::after{content:"  −"}
.is-on>.hn-ep-dec,.is-open>.hn-ep-dec{color:var(--hn-ink);padding-left:1.4vw}
.hn-ep-dec:focus-visible,.hn-ep .hn-card a:focus-visible,.hn-ep .hn-card button:focus-visible{outline:3px solid var(--hn-orange);outline-offset:2px}
.hn-ep-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:6px 0 28px;animation:hn-ep-in .55s cubic-bezier(.2,.8,.2,1)}
.hn-ep-row[hidden]{display:none}
.hn-ep-row .hn-card{flex:none;min-width:0}
.hn-ep-row .hn-card-meta{flex-direction:column;gap:4px;font-size:13.5px}
.hn-ep-row .hn-card-acts button{font-size:11.5px;padding:8px 4px}
@keyframes hn-ep-in{from{opacity:0;transform:translateY(16px)}}
.hn-ep-pic{position:sticky;top:18vh;height:min(60vh,540px);border-radius:24px;background:var(--hn-paper);display:grid;place-items:center;overflow:hidden}
.hn-ep-pic img{position:absolute;width:74%;height:auto;opacity:0;transform:translateY(30px) rotate(-6deg) scale(.92);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1)}
.hn-ep-pic img.is-on{opacity:1;transform:none}
.hn-ep-cap{position:absolute;left:20px;bottom:18px;color:var(--hn-mute);font:600 13px/1.2 var(--hn-body)}
@media(max-width:820px){
  .hn-ep{grid-template-columns:1fr}
  .hn-ep-pic{display:none}
  .hn-ep-dec{font-size:clamp(38px,12vw,64px)}
  .hn-ep-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-5vw;padding-right:5vw}
  .hn-ep-row::-webkit-scrollbar{display:none}
  .hn-ep-row .hn-card{flex:0 0 58vw;scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){.hn-ep-row{animation:none}.hn-ep-pic img{transition:opacity .2s}}

@media(prefers-reduced-motion:reduce){html body.home-page.home-nuevo .hx-phones{--f:1}}

/* ---------- Reseñas: misma pestaña y panel, con el estilo nuevo ---------- */
html body.home-page.home-nuevo .reviews-tab{background:var(--hn-ink)!important;color:var(--hn-bone)!important}
html body.home-page.home-nuevo .reviews-tab-star{color:var(--hn-orange)!important}
html body.home-page.home-nuevo .reviews-panel{background:var(--hn-bone)!important;color:var(--hn-ink)!important;border-radius:0 24px 24px 0}
html body.home-page.home-nuevo .reviews-panel-head{border-bottom:1px solid var(--hn-line)!important}
html body.home-page.home-nuevo .reviews-panel-head .eyebrow,html body.home-page.home-nuevo .reviews-photos>.eyebrow{color:var(--hn-mute)!important;font:700 11px/1 var(--hn-body)!important;letter-spacing:.08em!important}
html body.home-page.home-nuevo .reviews-panel-head h2{font:400 40px/1 var(--hn-display)!important;letter-spacing:0!important;text-transform:uppercase}
html body.home-page.home-nuevo .reviews-close{border:1.5px solid var(--hn-ink)!important;background:transparent!important;color:var(--hn-ink)!important;transition:background .2s,color .2s}
html body.home-page.home-nuevo .reviews-close:hover{background:var(--hn-ink)!important;color:var(--hn-bone)!important}
html body.home-page.home-nuevo .reviews-intro{color:var(--hn-mute)!important;font:500 14px/1.55 var(--hn-body)!important}
html body.home-page.home-nuevo .reviews-intro a,html body.home-page.home-nuevo .reviews-photos-empty a,html body.home-page.home-nuevo .reviews-photos-invite,html body.home-page.home-nuevo .reviews-meta b,html body.home-page.home-nuevo .reviews-text,html body.home-page.home-nuevo .reviews-photo{color:var(--hn-ink)!important}
html body.home-page.home-nuevo .reviews-photos{border-top:1px solid var(--hn-line)!important}
html body.home-page.home-nuevo .reviews-photos h3{font:400 26px/1 var(--hn-display)!important;letter-spacing:0!important;text-transform:uppercase}
html body.home-page.home-nuevo .reviews-photos-empty{border:1.5px dashed var(--hn-line)!important;border-radius:18px!important;background:var(--hn-paper)!important}
html body.home-page.home-nuevo .reviews-photos-empty p{color:var(--hn-mute)!important;font:500 13px/1.5 var(--hn-body)!important}
html body.home-page.home-nuevo .reviews-photos-empty a{font-size:13px!important}
html body.home-page.home-nuevo .reviews-photo img{border-radius:14px;background:var(--hn-paper)!important}
html body.home-page.home-nuevo .reviews-card{border-bottom:1px solid var(--hn-line)!important}

/* ---------- Etapa 5 · Socios Peyote: el carnet cae, rebota y se estampa la categoría ---------- */
.hn-socios{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5vw;align-items:center;padding:10vh 5vw 14vh;border-top:1px solid var(--hn-line);color:var(--hn-ink);overflow:hidden}
.hn-kick{margin:0;color:#c4521c;font:700 13px/1 var(--hn-body);letter-spacing:.08em;text-transform:uppercase}
.hn-socios-copy>p:not(.hn-kick){max-width:38ch;margin:0 0 24px;color:var(--hn-mute);font:600 16px/1.5 var(--hn-body)}
.hn-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 28px;padding:0;list-style:none}
.hn-ladder li{border-top:3px solid var(--hn-line);transition:border-color .3s}
.hn-ladder li.is-on{border-top-color:var(--hn-orange)}
.hn-ladder li.is-vip.is-on{border-top-color:#c9a45a}
.hn-ladder button{display:flex;flex-direction:column;gap:4px;width:100%;padding:12px 8px 10px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.hn-ladder b{color:var(--hn-ink);font:400 clamp(12px,1.1vw,15px)/1 var(--hn-display);text-transform:uppercase;transition:color .2s}
.hn-ladder span{color:var(--hn-mute);font:600 12px/1.2 var(--hn-body)}
.hn-ladder button:hover b{color:#c4521c}
.hn-ladder li.is-mine b::after{content:" · Tú";color:#c4521c;font:800 12px/1 var(--hn-body);text-transform:none;vertical-align:2px}
.hn-ladder button:focus-visible{outline:3px solid var(--hn-orange);outline-offset:2px}
.hn-socios-acts{display:flex;flex-wrap:wrap;gap:10px}
.hn-socios-acts .hn-btn.ghost{color:var(--hn-ink)}
.hn-carnet{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}
.hn-cn-drop{position:relative;width:min(100%,560px);opacity:0}
.hn-cn-drop.is-go{animation:hn-cn-fall 1.05s cubic-bezier(.3,.1,.3,1) both}
.hn-cn-drop.is-done{opacity:1;transform:rotate(-4deg)}
.hn-cn-drop.hn-thud{animation:hn-cn-thud .28s ease-out}
@keyframes hn-cn-fall{0%{opacity:0;transform:translateY(-70vh) rotate(-24deg)}12%{opacity:1}55%{transform:translateY(0) rotate(-1deg)}68%{transform:translateY(-5%) rotate(-6deg)}82%{transform:translateY(0) rotate(-3deg)}91%{transform:translateY(-1.2%) rotate(-4.6deg)}100%{opacity:1;transform:translateY(0) rotate(-4deg)}}
@keyframes hn-cn-thud{0%,100%{transform:rotate(-4deg)}35%{transform:rotate(-4deg) translateY(4px) scale(.995)}}
.hn-cn-shadow{position:absolute;left:8%;right:8%;bottom:-6%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(21,20,18,.28),transparent);filter:blur(6px);opacity:0;pointer-events:none}
.hn-cn-drop.is-go .hn-cn-shadow{animation:hn-cn-shadow 1.05s cubic-bezier(.3,.1,.3,1) both}
.hn-cn-drop.is-done .hn-cn-shadow{opacity:1}
@keyframes hn-cn-shadow{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.05)}68%{transform:scale(.9)}100%{opacity:1;transform:none}}
.hn-carnet .cn-face{border-radius:16px;box-shadow:0 24px 50px rgba(21,20,18,.22)}
.hn-carnet .cn-front{transition:background-color .4s,color .4s}
.hn-carnet .cn-lvl{top:27%;padding:1.1cqw 1.8cqw;border-width:.4cqw;font-size:2.4cqw}
.hn-cn-ink{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(closest-side,currentColor,transparent);opacity:0;pointer-events:none}
.hn-carnet .cn-lvl.hn-stamp{animation:hn-cn-stamp .5s cubic-bezier(.3,1.4,.5,1) both}
.hn-carnet .cn-lvl.hn-stamp .hn-cn-ink{animation:hn-cn-ink .6s ease-out}
@keyframes hn-cn-stamp{0%{opacity:0;transform:rotate(-16deg) scale(2.6)}60%{opacity:1;transform:rotate(-3deg) scale(.92)}100%{opacity:1;transform:rotate(-4deg) scale(1)}}
@keyframes hn-cn-ink{0%{opacity:.35;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}
.hn-cn-hint{margin:6px 0 0;color:var(--hn-mute)!important;font:600 13px/1.4 var(--hn-body)!important;text-align:center}
@media(max-width:820px){
  .hn-socios{grid-template-columns:1fr;gap:6vh;padding:9vh 5vw 11vh}
  .hn-ladder{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:4px}
}
@media(prefers-reduced-motion:reduce){.hn-cn-drop{opacity:1;transform:rotate(-4deg)}.hn-cn-shadow{opacity:1}}

/* ---------- Pie de página con el estilo nuevo (solo en el inicio; las demás páginas no cambian) ---------- */
html body.home-page.home-nuevo .site-footer{background:#151412!important;color:#e9e6de!important;padding:56px 5vw calc(28px + env(safe-area-inset-bottom,0px))!important}
html body.home-page.home-nuevo .footer-size-cta{border:1px solid #3a3732!important;border-radius:16px!important;padding:18px 22px!important;color:#e9e6de!important;transition:border-color .2s}
html body.home-page.home-nuevo .footer-size-cta:hover{border-color:var(--hn-orange)!important}
html body.home-page.home-nuevo .footer-size-cta span{color:#a39e94!important;font:600 15px var(--hn-body)!important;letter-spacing:0!important;text-transform:none!important}
html body.home-page.home-nuevo .footer-size-cta strong{font:400 22px/1 var(--hn-display)!important;letter-spacing:.01em!important;text-transform:uppercase!important}
html body.home-page.home-nuevo .footer-size-cta b{color:var(--hn-orange)!important}
html body.home-page.home-nuevo .site-footer h3{margin:0 0 14px!important;color:#fff!important;font:400 18px/1 var(--hn-display)!important;letter-spacing:.02em!important;text-transform:uppercase!important}
html body.home-page.home-nuevo .site-footer nav a{color:#cfcbc2!important;font:600 14.5px/1.3 var(--hn-body)!important}
html body.home-page.home-nuevo .site-footer nav a:hover{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
html body.home-page.home-nuevo .footer-brand p,html body.home-page.home-nuevo .footer-contact p{color:#a39e94!important;font:500 14.5px/1.5 var(--hn-body)!important}
html body.home-page.home-nuevo .footer-brand p:first-of-type{color:#e9e6de!important}
html body.home-page.home-nuevo .footer-wa{border:0!important;border-radius:999px!important;background:var(--hn-orange)!important;color:#151412!important;padding:12px 16px!important;font:800 14px/1 var(--hn-body)!important;letter-spacing:0!important;transition:transform .2s}
html body.home-page.home-nuevo .footer-wa:hover{transform:translateY(-2px)}
html body.home-page.home-nuevo .social-links a{border-color:#3a3732!important;transition:background .2s}
html body.home-page.home-nuevo .social-links a:hover{background:#2a2825!important}
html body.home-page.home-nuevo .footer-bottom{border-top-color:#34312c!important}
html body.home-page.home-nuevo .footer-legal a,html body.home-page.home-nuevo .footer-bottom>p{color:#8f8a80!important;font:600 13px/1.4 var(--hn-body)!important}
html body.home-page.home-nuevo .footer-legal a:hover{color:#fff!important}
html body.home-page.home-nuevo .payment-marks .pm{border-radius:7px!important}
html body.home-page.home-nuevo .site-footer a:focus-visible{outline:3px solid var(--hn-orange);outline-offset:3px}

/* ---------- Todo el texto del inicio en Rubik (lo de máquina, en mono) ---------- */
html body.home-page.home-nuevo *:not(.hn-cap):not(.hn-cap *):not(.hn-mono):not(svg *),html body.home-page.home-nuevo *::before,html body.home-page.home-nuevo *::after{font-family:Rubik,Arial,sans-serif}
html body.home-page.home-nuevo .hn-nos-eye,html body.home-page.home-nuevo .hn-polaroid figcaption,html body.home-page.home-nuevo .hn-nos-years span,html body.home-page.home-nuevo .home-nosotros-crew li,html body.home-page.home-nuevo .home-nosotros .home-text-link,html body.home-page.home-nuevo .hn-cap,html body.home-page.home-nuevo .hn-cap *,html body.home-page.home-nuevo :is(.hp-eye,.hx-eye,.hn-kick,.hn-explora,.hn-carnet .cn-k,.hn-carnet .cn-band span,.hn-carnet .cn-lvl,.hn-carnet .cn-lvl *,.hn-carnet .cn-sig){font-family:var(--hn-mono)!important}
html body.home-page.home-nuevo :is(h1,h2,h1 *,h2 *,.rb-sub,.ep2-panel h3,.hn-title,.hn-title *,.hn-cap em,.hn-main,.hn-score b,.hn-nos-years b,.hn-ladder b,.hn-ladder i,.hn-carnet .cn-name,.hn-carnet .cn-v,.hn-carnet .cn-bt,.hn-ep-dec,.hn-card-ficha strong,.hn-card-more span,.hp-copy h2,.hx-fun-copy h2,.footer-size-cta strong,.site-footer h3,.reviews-photos h3,.pfc-ribbon li){font-family:"Unbounded",Rubik,sans-serif!important;font-weight:400!important}

@media(max-width:760px){html body.home-page.home-nuevo:not(.hn-scrolled) :is(.reviews-tab,.whatsapp-widget){opacity:0;pointer-events:none}html body.home-page.home-nuevo :is(.reviews-tab,.whatsapp-widget){transition:opacity .3s}}

/* ---------- Socios Peyote (según la referencia): carnet de papel, escalera en tarjetas, el carnet sigue cayendo ---------- */
html body.home-page.home-nuevo .hn-socios{--hn-or2:#f4854f;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(24px,4vw,72px);padding:clamp(48px,8vh,96px) clamp(20px,5vw,86px) clamp(56px,9vh,110px);border-top:0;background:transparent}
html body.home-page.home-nuevo .hn-kick{margin:0 0 clamp(12px,1.6vw,22px);color:var(--hn-or2);font-weight:500;font-size:clamp(12px,1vw,15px);letter-spacing:.3em;text-transform:uppercase}
html body.home-page.home-nuevo .hn-socios h2{margin:0;color:var(--hn-ink);font-size:clamp(34px,4.5vw,76px);line-height:1;letter-spacing:-.01em;text-transform:uppercase}
html body.home-page.home-nuevo .hn-socios h2 .hn-l{display:block}
html body.home-page.home-nuevo .hn-brush{position:relative;display:inline-block;padding-bottom:.16em}
html body.home-page.home-nuevo .hn-brush::after{content:"";position:absolute;left:-1%;right:-2%;bottom:0;height:.2em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 24' preserveAspectRatio='none'%3E%3Cpath d='M3 15C60 7 120 12 190 10s150-6 207-2c-40 2-30 6-90 8S120 20 3 20z' fill='%23f4854f'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html body.home-page.home-nuevo .hn-socios-copy>p:not(.hn-kick):not(.hn-sub):not(.hn-explora){max-width:30ch;margin:clamp(18px,2vw,30px) 0 0;color:var(--hn-ink);font-weight:400;font-size:clamp(16px,1.35vw,21px);line-height:1.45}
html body.home-page.home-nuevo .hn-sub{margin:10px 0 0;color:var(--hn-ink);font-weight:400;font-size:clamp(14px,1.1vw,17px)}
html body.home-page.home-nuevo .hn-explora{margin:clamp(22px,2.6vw,38px) 0 12px;color:var(--hn-mute);font-weight:500;font-size:clamp(11px,.9vw,13px);letter-spacing:.2em;text-transform:uppercase}
html body.home-page.home-nuevo .hn-ladder{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,.7vw,10px);margin:0 0 clamp(22px,2.6vw,36px)}
html body.home-page.home-nuevo .hn-ladder li{border:0;border-radius:12px}
html body.home-page.home-nuevo .hn-ladder button{position:relative;gap:6px;min-height:clamp(92px,8.6vw,128px);padding:clamp(10px,1vw,16px);border:1.5px solid rgba(21,20,18,.28);border-radius:12px;background:transparent;transition:background .25s,border-color .25s}
html body.home-page.home-nuevo .hn-ladder li.is-on button{border-color:transparent;background:#f3956a}
html body.home-page.home-nuevo .hn-ladder li.is-vip.is-on button{background:#d9bb78}
html body.home-page.home-nuevo .hn-ladder i{font-style:normal;color:var(--hn-ink);font-size:clamp(20px,2vw,30px);line-height:1}
html body.home-page.home-nuevo .hn-ladder b{margin-top:auto;font-family:Rubik,Arial,sans-serif!important;font-weight:700!important;font-size:clamp(13px,1.1vw,17px);letter-spacing:.01em}
html body.home-page.home-nuevo .hn-ladder span{color:var(--hn-mute);font-weight:400;font-size:clamp(12px,1vw,15px)}
html body.home-page.home-nuevo .hn-ladder li.is-on span{color:rgba(21,20,18,.7)}
html body.home-page.home-nuevo .hn-ladder li.is-mine b::after{color:#7a2f0c}
html body.home-page.home-nuevo .hn-ladder button:hover b{color:var(--hn-ink)}
html body.home-page.home-nuevo .hn-ladder li.is-on button::after{content:"";position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--hn-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/62% no-repeat;display:none}
html body.home-page.home-nuevo .hn-socios-acts{align-items:center;gap:14px 28px}
html body.home-page.home-nuevo .hn-socios-acts .hn-btn{display:inline-flex;align-items:center;gap:12px;padding:0 clamp(24px,2.4vw,36px);min-height:clamp(48px,4.4vw,64px);background:var(--hn-ink);color:#fff;font-weight:500;font-size:clamp(15px,1.25vw,19px)}
html body.home-page.home-nuevo .hn-socios-acts .hn-btn:hover{background:var(--hn-or2);color:var(--hn-ink)}
html body.home-page.home-nuevo .hn-socios-acts .hn-btn.ghost{color:var(--hn-ink);min-height:0;padding:0 0 6px;border-radius:0;background:none;box-shadow:none;border-bottom:1.5px solid var(--hn-ink);font-weight:400;font-size:clamp(15px,1.15vw,18px)}
/* Carnet: hoja durazno detrás */
html body.home-page.home-nuevo .hn-carnet{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(22px,2.4vw,36px) 12px;isolation:isolate}
html body.home-page.home-nuevo .hn-cn-prev{position:relative;z-index:3;grid-column:1;grid-row:1;margin:0;color:var(--hn-mute);font-weight:400;font-size:clamp(12px,.95vw,15px)}
html body.home-page.home-nuevo .hn-cn-drop{grid-column:1/-1;grid-row:2;justify-self:center;width:min(100%,600px)}
html body.home-page.home-nuevo .hn-cn-drop::before{content:"";position:absolute;z-index:-1;left:-3%;right:-7%;top:-4%;bottom:-17%;background:url(papel-durazno.webp) center/100% 100%;transform:rotate(7deg);filter:drop-shadow(0 10px 14px rgba(21,20,18,.16))}
html body.home-page.home-nuevo .hn-flip{position:relative;z-index:3;grid-column:2;grid-row:1;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 16px;border:1.5px solid var(--hn-ink);border-radius:999px;background:transparent;color:var(--hn-ink);font-weight:500;font-size:clamp(13px,1vw,15px);cursor:pointer;transition:background .2s,color .2s}
html body.home-page.home-nuevo .hn-flip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body.home-page.home-nuevo .hn-flip:hover{background:var(--hn-ink);color:#fff}
html body.home-page.home-nuevo .hn-flip:focus-visible{outline:3px solid var(--hn-or2);outline-offset:3px}
html body.home-page.home-nuevo .hn-cn-hint{grid-column:1/-1;grid-row:3;justify-self:center;margin:clamp(30px,3.6vw,56px) 0 0;padding-bottom:4px;border-bottom:1px solid rgba(21,20,18,.35);color:var(--hn-mute)!important;font-weight:400!important;font-size:clamp(12px,.95vw,15px)!important}
/* La tarjeta en sí: papel hueso, banda negra, sello naranja, Peyo grande */
html body.home-page.home-nuevo .hn-carnet .cn-face{border-radius:3.2cqw;box-shadow:0 22px 34px -14px rgba(21,20,18,.4)}
html body.home-page.home-nuevo .hn-carnet .cn-card:not(.is-vip) .cn-front{background:#f8f5ed url("papel-fondo.webp") 0 0/420px;background-blend-mode:multiply;color:#151412}
html body.home-page.home-nuevo .hn-carnet .cn-stripe,html body.home-page.home-nuevo .hn-carnet .cn-rib,html body.home-page.home-nuevo .hn-carnet .cn-wm{display:none}
html body.home-page.home-nuevo .hn-carnet .cn-band{height:21%;padding:0 5%;background:#171717}
html body.home-page.home-nuevo .hn-carnet .cn-band img{height:62%}
html body.home-page.home-nuevo .hn-carnet .cn-band span{font-weight:500;font-size:2.7cqw;letter-spacing:.16em;color:#f4f0e6}
html body.home-page.home-nuevo .hn-carnet .cn-lvl{top:25.5%;right:4.5%;padding:1.2cqw 3cqw;border:.4cqw solid var(--hn-or2);color:var(--hn-or2);font-weight:600;font-size:2.9cqw;letter-spacing:.14em;transform:rotate(-1deg)}
html body.home-page.home-nuevo .hn-carnet .cn-lvl:not(.is-hot){color:#151412;border-color:#151412}
html body.home-page.home-nuevo .hn-carnet .cn-who{top:40%;left:6%;right:34%}
html body.home-page.home-nuevo .hn-carnet .cn-k{color:#6d6a62;font-weight:500;font-size:2.4cqw;letter-spacing:.2em}
html body.home-page.home-nuevo .hn-carnet .cn-name{margin-top:.8cqw;font-size:5cqw;line-height:1;letter-spacing:-.01em}
html body.home-page.home-nuevo .hn-carnet .cn-team{margin-top:1.4cqw;font-weight:400;font-size:3.1cqw}
html body.home-page.home-nuevo .hn-carnet .cn-num{left:6%;bottom:8%;width:60%;gap:4cqw;padding-top:2.2cqw;border-top:.3cqw solid rgba(21,20,18,.6)}
html body.home-page.home-nuevo .hn-carnet .cn-v{font-size:5.6cqw;line-height:1}
html body.home-page.home-nuevo .hn-carnet .cn-num .cn-k{font-size:2.1cqw}
html body.home-page.home-nuevo .hn-carnet .cn-peyo{right:4%;bottom:7%;height:56%;opacity:1}
html body.home-page.home-nuevo .hn-carnet .cn-card:not(.is-vip) .cn-front::after{content:"SOCIOS PEYOTE";position:absolute;right:4.5%;bottom:3.4%;color:#6d6a62;font:500 1.7cqw "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.16em}
@media(max-width:820px){
  html body.home-page.home-nuevo .hn-socios{grid-template-columns:1fr;gap:0;padding:44px 20px 56px}
  html body.home-page.home-nuevo .hn-socios-copy{display:contents}
  html body.home-page.home-nuevo .hn-kick{order:1}
  html body.home-page.home-nuevo .hn-socios h2{order:2;font-size:clamp(30px,9.2vw,56px)}
  html body.home-page.home-nuevo .hn-socios h2 .hn-l{display:inline}
  html body.home-page.home-nuevo .hn-socios-copy>p:not(.hn-kick):not(.hn-sub):not(.hn-explora){order:3;max-width:none;margin-top:20px;font-size:clamp(16px,4.6vw,20px)}
  html body.home-page.home-nuevo .hn-sub{order:4;margin-top:10px;font-size:clamp(15px,4.2vw,18px)}
  html body.home-page.home-nuevo .hn-explora{order:5;margin:20px 0 10px}
  html body.home-page.home-nuevo .hn-ladder{order:6;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}
  html body.home-page.home-nuevo .hn-ladder{gap:8px;margin:0 0 14px}
  html body.home-page.home-nuevo .hn-ladder button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:1px;min-height:0;padding:10px 12px}
  html body.home-page.home-nuevo .hn-ladder i{grid-row:1/3;font-size:24px}
  html body.home-page.home-nuevo .hn-ladder b{margin-top:0;font-size:13.5px;line-height:1.1}
  html body.home-page.home-nuevo .hn-ladder span{font-size:12.5px}
  html body.home-page.home-nuevo .hn-ladder li.is-on button::after{display:none}
  html body.home-page.home-nuevo .hn-carnet{order:7;grid-template-columns:1fr;gap:12px;margin-bottom:8px}
  html body.home-page.home-nuevo .hn-cn-prev,html body.home-page.home-nuevo .hn-flip{z-index:auto}
  html body.home-page.home-nuevo .hn-cn-prev{grid-column:1;grid-row:1;font-size:16px}
  html body.home-page.home-nuevo .hn-cn-drop{grid-row:2;margin-top:6px}
  html body.home-page.home-nuevo .hn-cn-drop::before{left:-2%;right:-3%;top:-3%;bottom:-8%}
  html body.home-page.home-nuevo .hn-flip{grid-column:1;grid-row:3;justify-self:center;margin-top:10px;min-height:52px;padding:0 34px;font-size:17px}
  html body.home-page.home-nuevo .hn-cn-hint{grid-row:4;order:0;margin:0}
  html body.home-page.home-nuevo .hn-socios-acts{order:8;flex-direction:column;align-items:stretch;gap:18px;margin-top:22px;padding-top:24px;border-top:1px solid rgba(21,20,18,.25)}
  html body.home-page.home-nuevo .hn-socios-acts .hn-btn{justify-content:center;min-height:58px;font-size:18px}
  html body.home-page.home-nuevo .hn-socios-acts .hn-btn.ghost{align-self:center;font-size:18px}
}

/* Reseñas: botón redondo flotante abajo a la izquierda, igual que el de WhatsApp pero del otro lado. El texto "Reseñas" aparece al pasar el cursor. */
html body.home-page.home-nuevo .reviews-tab{top:auto!important;left:22px!important;bottom:22px!important;width:58px!important;height:58px!important;padding:0!important;gap:0!important;display:grid!important;place-items:center;border-radius:50%!important;writing-mode:horizontal-tb!important;transform:none!important;box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 0 2px rgba(238,237,232,.4)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:transform .2s,opacity .3s}
html body.home-page.home-nuevo .reviews-tab:hover{padding:0!important;transform:scale(1.06)!important}
html body.home-page.home-nuevo .reviews-tab-star{font-size:26px!important;line-height:1}
html body.home-page.home-nuevo .reviews-tab>span:first-child{position:absolute;left:68px;top:50%;padding:10px 13px;border-radius:99px;background:var(--hn-ink);color:var(--hn-bone);font:700 10px/1 Raleway,Arial,sans-serif;letter-spacing:.04em;text-transform:none;white-space:nowrap;opacity:0;transform:translate(-8px,-50%);transition:.2s;pointer-events:none}
html body.home-page.home-nuevo .reviews-tab:hover>span:first-child,html body.home-page.home-nuevo .reviews-tab:focus-visible>span:first-child{opacity:1;transform:translate(0,-50%)}
body.reviews-drawer-open .reviews-tab{visibility:hidden}
@media(max-width:760px){html body.home-page.home-nuevo .reviews-tab{left:10px!important;bottom:16px!important;width:54px!important;height:54px!important}html body.home-page.home-nuevo .reviews-tab>span:first-child{left:62px}}

/* Centrado: el hero, las Favoritas y Express llegaban hasta el borde derecho y se veían movidos a la derecha. Ahora respetan el mismo margen a ambos lados. */
@media(min-width:761px){
  html body.home-page.home-nuevo{--hn-s:min(30vw,55vh,460px)}
  .hn-art{right:calc(5vw + var(--hn-s)*.12)}
  html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-rail{margin:0 5vw!important;padding:0 0 8px!important;scroll-padding-inline:0!important}
  html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card:not(.hn-card-more){flex:0 0 calc((100% - 32px)/3)}
}
@media(min-width:1100px){
  html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card:not(.hn-card-more){flex:0 0 calc((100% - 48px)/4)}
}

/* "Cuatro amigos": ya no se oscurece toda la página (se sentía brusco). Ahora es una franja negra con esquinas redondeadas que entra con el scroll; solo el encabezado cambia a claro cuando queda encima de ella. */
html body.home-page.home-nuevo .home-nosotros{--hn-bone:#151412;--hn-paper:#211f1c;--hn-ink:#eeede8;--hn-mute:#a39e94;--hn-line:#34312c;background:#151412!important;color:#eeede8!important;border-radius:clamp(28px,3.4vw,56px)!important}

/* Cuatro amigos: sección más compacta (menos alto, título/texto/foto más chicos) */
html body.home-page.home-nuevo .home-nosotros{padding:clamp(40px,7vh,72px) 5vw!important;gap:4vw!important}
html body.home-page.home-nuevo .home-nosotros-copy>h2{font-size:clamp(28px,3.4vw,52px)!important;margin-bottom:2.4vh!important}
html body.home-page.home-nuevo .hn-nos-text{margin-bottom:2.4vh}
html body.home-page.home-nuevo .hn-nos-text>p{font-size:clamp(15px,1.2vw,19px)!important;margin-bottom:.8em!important}
html body.home-page.home-nuevo .home-nosotros-crew{margin-bottom:2vh!important;padding-top:1.4vh!important}
html body.home-page.home-nuevo .home-nosotros-photo{padding:1vh 4vw 0 4vw!important}
html body.home-page.home-nuevo .hn-nos-years{margin-top:3vh}
@media(max-width:820px){
  html body.home-page.home-nuevo .home-nosotros{padding:44px 5vw!important;gap:4vh!important}
  html body.home-page.home-nuevo .home-nosotros-copy>h2{font-size:clamp(26px,8.2vw,44px)!important}
  html body.home-page.home-nuevo .home-nosotros-photo{padding:1vh 4vw 0 2vw!important}
}

/* Pase Peyote y Socios: secciones más compactas */
@media(min-width:901px){
  html body.home-page.home-nuevo .hp-pase{padding:clamp(18px,2.4vw,32px) clamp(20px,5vw,86px) clamp(22px,3vw,40px);gap:clamp(24px,3vw,56px)}
  html body.home-page.home-nuevo .hp-art{width:min(100%,540px)}
  html body.home-page.home-nuevo .hp-copy h2{font-size:clamp(30px,3.7vw,62px)}
  html body.home-page.home-nuevo .hp-lead{margin-top:clamp(12px,1.3vw,18px);font-size:clamp(14px,1.1vw,17px)}
  html body.home-page.home-nuevo .hp-price{margin:10px 0 clamp(14px,1.6vw,22px)}
  html body.home-page.home-nuevo .hp-btn{min-height:clamp(42px,3.4vw,52px)}
  html body.home-page.home-nuevo .hn-socios{padding:clamp(32px,5vh,60px) clamp(20px,5vw,86px) clamp(36px,6vh,66px)}
  html body.home-page.home-nuevo .hn-socios h2{font-size:clamp(24px,2.9vw,48px)}
  html body.home-page.home-nuevo .hn-socios .hn-sub{font-size:clamp(13px,.95vw,15px)}
  html body.home-page.home-nuevo .hn-socios-copy>p:not(.hn-kick):not(.hn-sub):not(.hn-explora){margin-top:clamp(10px,1.2vw,16px);font-size:clamp(13px,.95vw,15px)}
}
@media(max-width:900px){
  html body.home-page.home-nuevo .hp-pase{padding:12px 20px 16px}
  html body.home-page.home-nuevo .hp-copy h2{font-size:clamp(30px,9.4vw,50px)}
  html body.home-page.home-nuevo .hp-art{margin-top:6px}
  html body.home-page.home-nuevo .hn-socios{padding:30px 20px 38px}
  html body.home-page.home-nuevo .hn-socios h2{font-size:clamp(22px,6.8vw,38px)}
}

/* Categorías de Socios: que "PREFERENTE" quepa con el mismo margen que el resto */
html body.home-page.home-nuevo .hn-ladder b{font-size:clamp(10.5px,.82vw,13px)!important;letter-spacing:0!important;white-space:nowrap}

/* Botón de reseñas: Peyo sobre durazno con estrellita (en lugar de solo una estrella) */
html body.home-page.home-nuevo .reviews-tab{background:#f3a380!important;position:fixed}
html body.home-page.home-nuevo .reviews-tab::before{content:"";width:88%;height:88%;background:url(peyo-sentado.webp) center bottom/contain no-repeat;transform:translateY(2px)}
html body.home-page.home-nuevo .reviews-tab-star{position:absolute!important;right:-5px;top:-5px;width:24px;height:24px;border-radius:50%;background:#151412;color:#ff8346!important;font-size:13px!important;line-height:24px;text-align:center;box-shadow:0 0 0 2px #f1eee7}

/* Celular: los datos (167 jerseys / 22 colecciones) quedan pegados al fondo de la pantalla;
   jersey más grande y botones más abajo (el espacio sobrante queda entre jersey y botones). */
@media(max-width:760px){
  html body.home-page.home-nuevo{--hn-s:min(90vw,47vh)}
  html body.home-page.home-nuevo .hn-stage{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}
  html body.home-page.home-nuevo .hn-art{margin-top:calc(var(--hn-s)*.15);margin-bottom:calc(var(--hn-s)*.17)}
  html body.home-page.home-nuevo .hn-actions{margin-top:auto}
  html body.home-page.home-nuevo .hn-score{margin-top:2vh;padding-top:10px}
}
@media(max-width:760px) and (max-height:780px){html body.home-page.home-nuevo{--hn-s:min(88vw,40vh)}}
/* Rótulo de la postal del estadio ("EQUIPO / TEMPORADA"): va pegado a la esquina de la postal de la izquierda, igual que antes venía dentro de la imagen */
.hn-art .hn-postlabel{position:absolute;left:calc(var(--hn-s)*-.025);top:calc(var(--hn-s)*.045);font:500 calc(var(--hn-s)*.0245)/1.25 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.02em;color:#2b2824;white-space:pre-line;line-height:1.25;transform:rotate(-2deg);transform-origin:left top;pointer-events:none}
@media(max-width:760px){.hn-art .hn-postlabel{left:calc(var(--hn-s)*.046);top:calc(var(--hn-s)*.047)}}

/* sello copiado por encima del jersey viajero */
.hn-sello-top{position:fixed;left:0;top:0;z-index:6;pointer-events:none;transform-origin:center;will-change:transform}
.hn-sello-top img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(21,20,18,.25))}

/* Si el botón del sobre ("Tu sobre te espera") está a la vista, el de reseñas (Peyo) sube para no quedar tapado */
html body.home-page.home-nuevo:has(.ws-chip:not([hidden])) .reviews-tab{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}