/* Inicio · "Las favoritas de Peyo" y "Envío express": banner durazno + fila de tarjetas.
   Va después de inicio-nuevo.css y solo toca .jersey-rail y .home-bodega (las épocas no cambian).
 */
html body.home-page.home-nuevo section.jersey-rail,
html body.home-page.home-nuevo section.home-bodega{padding:clamp(28px,4.5vh,52px) 0 clamp(24px,4vh,44px)!important}
html body.home-page.home-nuevo section.home-bodega::before{display:none}

/* ---------- Banner ---------- */
html body.home-page.home-nuevo .rb-banner{position:relative;overflow:hidden;margin:0 5vw;padding:clamp(18px,2.1vw,30px) clamp(24px,4vw,60px);min-height:clamp(150px,13.6vw,196px);border-radius:clamp(24px,2.6vw,38px);background:#f6bb9d url("papel-banner.webp") center/cover;color:#151412;display:flex;align-items:center}
html body.home-page.home-nuevo .rb-copy{position:relative;z-index:2;max-width:min(100%,860px)}
html body.home-page.home-nuevo .rb-eye{margin:0 0 clamp(8px,1vw,12px);font:800 11px/1 Rubik,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#151412}
html body.home-page.home-nuevo .rb-banner h2{margin:0;color:#151412;font-size:clamp(30px,4.2vw,64px)!important;line-height:.94!important;letter-spacing:0;text-transform:uppercase;text-align:left}
html body.home-page.home-nuevo .rb-exp h2{font-size:clamp(27px,3.9vw,58px)!important}
html body.home-page.home-nuevo .rb-sub{margin:clamp(6px,.7vw,10px) 0 0;color:#151412;font-size:clamp(13px,1.4vw,21px);line-height:1.05;text-transform:uppercase}
html body.home-page.home-nuevo .rb-lead{margin:clamp(8px,1vw,14px) 0 0;max-width:40ch;color:#151412;font:500 clamp(13px,.95vw,15px)/1.4 Rubik,Arial,sans-serif}
html body.home-page.home-nuevo .rb-note{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px}
html body.home-page.home-nuevo .rb-note:empty{display:none}
html body.home-page.home-nuevo .rb-note strong,html body.home-page.home-nuevo .rb-note span{padding:7px 12px;border-radius:999px;background:#151412;color:#eeede8;font:700 12px/1 Rubik,Arial,sans-serif}
html body.home-page.home-nuevo .rb-note span{background:rgba(255,255,255,.55);color:#151412}
html body.home-page.home-nuevo .rb-art{position:absolute;z-index:1;right:clamp(14px,4vw,64px);bottom:-3px;--w:clamp(110px,10.5vw,150px);width:var(--w);height:auto;display:block;pointer-events:none}
html body.home-page.home-nuevo .rb-exp .rb-art{--w:clamp(120px,11.5vw,168px);bottom:0}

/* ---------- Encabezado de la fila ---------- */
html body.home-page.home-nuevo section .jersey-rail-heading{display:flex!important;align-items:center;flex-wrap:nowrap;gap:12px;margin:clamp(18px,2.2vw,28px) 0 clamp(12px,1.4vw,18px)!important;padding:0 5vw!important}
html body.home-page.home-nuevo section .jersey-rail-heading h3{margin:0 auto 0 0;font:800 clamp(19px,1.9vw,26px)/1.1 Rubik,Arial,sans-serif;color:#151412}
html body.home-page.home-nuevo .rb-all{color:#151412;font:700 clamp(13px,1.1vw,15px)/1.2 Rubik,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;margin-right:6px}
html body.home-page.home-nuevo .rb-all:hover{color:#ff8346}
html body.home-page.home-nuevo section .jersey-rail-heading .hn-rail-ctrl{display:flex;gap:8px;margin:0!important;flex:none}
html body.home-page.home-nuevo section .jersey-rail-heading .hn-rail-bar{display:none}
html body.home-page.home-nuevo section .jersey-rail-heading .hn-rail-ctrl button{width:42px;height:42px;border-radius:50%;border:1.5px solid #151412;background:#151412;color:#eeede8;font-size:18px}
html body.home-page.home-nuevo section .jersey-rail-heading .hn-rail-ctrl button:disabled{background:transparent;border-color:#d4d0c6;color:#b5b1a6;opacity:1}

/* ---------- Tarjetas ---------- */
html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-rail{gap:16px!important}
html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card:not(.hn-card-more){flex:0 0 clamp(244px,23vw,318px);gap:0;padding:12px 12px 14px;border-radius:24px;background:#f4f2ec;box-shadow:0 1px 0 rgba(21,20,18,.06)}
html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card-img{border-radius:16px!important;background:#fff}
html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card-tag{display:inline-flex;align-items:center;gap:6px;top:12px;left:12px;padding:7px 11px;background:#f9c3a7;color:#151412;font:700 12px/1 Rubik,Arial,sans-serif}
html body.home-page.home-nuevo .hn-card-tag svg{width:17px;height:12px}
html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card-meta{margin-top:14px;align-items:baseline;font:800 clamp(16px,1.3vw,18px)/1.2 Rubik,Arial,sans-serif;color:#151412}
html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card-meta span{color:#151412;font-weight:800;white-space:nowrap}
html body.home-page.home-nuevo .hn-card-sub{margin:4px 0 0;color:#6b675e;font:500 14px/1.3 Rubik,Arial,sans-serif;min-height:1.3em}
html body.home-page.home-nuevo .hb-line{display:flex;align-items:center;gap:10px;margin-top:10px}
html body.home-page.home-nuevo .hb-chip{padding:6px 11px;border-radius:999px;border:1.5px solid #151412;font:700 13px/1 Rubik,Arial,sans-serif;white-space:nowrap}
html body.home-page.home-nuevo .hb-done{color:#6b675e;font:500 13px/1.2 Rubik,Arial,sans-serif}
html body.home-page.home-nuevo .hn-card-cta{display:block;margin-top:14px;padding:13px 10px;border-radius:999px;background:#151412;color:#eeede8;text-align:center;text-decoration:none;font:700 14.5px/1 Rubik,Arial,sans-serif;transition:background .2s,color .2s}
html body.home-page.home-nuevo .hn-card-cta:hover,html body.home-page.home-nuevo .hn-card-cta:focus-visible{background:#ff8346;color:#151412}
html body.home-page.home-nuevo .jersey-rail .hn-card-acts{margin-top:8px;gap:8px}
html body.home-page.home-nuevo .jersey-rail .hn-card-acts button{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;background:transparent;box-shadow:inset 0 0 0 1.5px #151412;font:700 13px/1 Rubik,Arial,sans-serif}
html body.home-page.home-nuevo .jersey-rail .hn-card-acts button svg{width:17px;height:17px;flex:none}
html body.home-page.home-nuevo .jersey-rail .hn-card-acts button[aria-pressed="true"]{background:#f9c3a7;color:#151412;box-shadow:inset 0 0 0 1.5px #151412}
html body.home-page.home-nuevo .home-bodega .hb-stamp{left:12px;bottom:12px}

@media(max-width:760px){
  html body.home-page.home-nuevo .rb-banner{margin:0 16px;padding:20px 18px 18px;min-height:0;align-items:flex-start;border-radius:24px}
  html body.home-page.home-nuevo .rb-fav{padding-bottom:96px}
  html body.home-page.home-nuevo .rb-exp{padding-bottom:112px}
  html body.home-page.home-nuevo .rb-banner h2{font-size:clamp(25px,7.6vw,36px)!important}
  html body.home-page.home-nuevo .rb-exp h2{font-size:clamp(25px,7.8vw,36px)!important}
  html body.home-page.home-nuevo .rb-sub{font-size:clamp(14px,4.2vw,18px)}
  html body.home-page.home-nuevo .rb-art{right:14px;--w:84px}
  html body.home-page.home-nuevo .rb-exp .rb-art{--w:92px;bottom:-4px}
  html body.home-page.home-nuevo section .jersey-rail-heading{padding:0 16px!important;gap:8px}
  html body.home-page.home-nuevo section .jersey-rail-heading h3{font-size:18px}
  html body.home-page.home-nuevo .rb-all{font-size:12px;margin-right:2px}
  html body.home-page.home-nuevo section .jersey-rail-heading .hn-rail-ctrl{display:none}
  html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-rail{padding-left:16px!important;padding-right:16px!important}
  html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card:not(.hn-card-more){flex-basis:min(78vw,300px)}
}

/* El sello de la primera tarjeta reutiliza la clase .hn-sello del collage: que no se estire */
html body.home-page.home-nuevo .hn-card-tag.hn-sello{display:inline-flex!important;width:auto!important;filter:none}

/* Más chicas en compu (pedido de Ale): que banner y tarjetas quepan bien en la pantalla */
@media(min-width:761px){
  html body.home-page.home-nuevo .rb-banner{padding:clamp(14px,1.6vw,22px) clamp(22px,3.4vw,50px);min-height:clamp(112px,10vw,146px);border-radius:clamp(20px,2.1vw,30px)}
  html body.home-page.home-nuevo .rb-banner h2{font-size:clamp(25px,3.2vw,48px)!important}
  html body.home-page.home-nuevo .rb-exp h2{font-size:clamp(23px,3vw,44px)!important}
  html body.home-page.home-nuevo .rb-eye{font-size:10px;margin-bottom:clamp(6px,.7vw,9px)}
  html body.home-page.home-nuevo .rb-sub{font-size:clamp(12px,1.1vw,16px)}
  html body.home-page.home-nuevo .rb-lead{font-size:clamp(12px,.85vw,14px);margin-top:8px}
  html body.home-page.home-nuevo .rb-art{--w:clamp(90px,8.4vw,122px)}
  html body.home-page.home-nuevo .rb-exp .rb-art{--w:clamp(98px,9.2vw,136px)}
  html body.home-page.home-nuevo section .jersey-rail-heading h3{font-size:clamp(17px,1.55vw,22px)}
  html body.home-page.home-nuevo section .jersey-rail-heading .hn-rail-ctrl button{width:36px;height:36px;font-size:16px}
  html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card:not(.hn-card-more){flex-basis:clamp(205px,18.4vw,262px);padding:10px 10px 12px;border-radius:20px}
  html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card-meta{margin-top:10px;font-size:clamp(14px,1.1vw,16px)}
  html body.home-page.home-nuevo .hn-card-sub{font-size:12.5px}
  html body.home-page.home-nuevo .hn-card-cta{margin-top:10px;padding:11px 10px;font-size:13.5px}
  html body.home-page.home-nuevo .jersey-rail .hn-card-acts button{padding:9px 8px;font-size:12px}
  html body.home-page.home-nuevo :is(.jersey-rail,.home-bodega) .hn-card-tag{top:10px;left:10px;padding:6px 10px;font-size:11px}
}