/* Inicio · "Se coleccionan épocas": pestañas por década + mesa de polaroids.
   Las fotos se "reparten" sobre la mesa al abrir y al cambiar de década (home-epocas.js).
   Va después de inicio-nuevo.css. Clases ep2-*. */
html body.home-page.home-nuevo .home-collections{padding:clamp(40px,7vh,84px) 5vw clamp(48px,8vh,96px)!important}
html body.home-page.home-nuevo .home-collections .hn-pre{display:block;color:#151412;font:800 clamp(16px,1.7vw,24px)/1.15 Rubik,Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em}
html body.home-page.home-nuevo .home-collections .home-text-link{white-space:nowrap}
html body.home-page.home-nuevo .home-collections .home-section-heading .home-text-link span{display:inline!important}
html body.home-page.home-nuevo .home-collections .home-section-heading{margin:0 0 clamp(18px,3vh,32px)!important}

/* ---------- Pestañas ---------- */
html body.home-page.home-nuevo .ep2-tabs{position:relative;display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1.5px solid #cfcbc0;margin-bottom:clamp(18px,2.6vw,34px)}
html body.home-page.home-nuevo .ep2-tab{appearance:none;border:0;background:none;padding:clamp(10px,1.4vw,18px) 4px clamp(12px,1.5vw,20px);cursor:pointer;color:#8b877d;font:600 clamp(16px,1.9vw,26px)/1 Rubik,Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:9px;transition:color .25s}
html body.home-page.home-nuevo .ep2-tab:hover{color:#151412}
html body.home-page.home-nuevo .ep2-tab[aria-selected="true"]{color:#151412;font-weight:800}
html body.home-page.home-nuevo .ep2-tab:focus-visible{outline:3px solid #ff8346;outline-offset:-3px;border-radius:8px}
html body.home-page.home-nuevo .ep2-dot{width:.34em;height:.34em;border-radius:50%;background:#ff8346;transform:scale(0);transition:transform .4s cubic-bezier(.3,1.8,.5,1)}
html body.home-page.home-nuevo .ep2-tab[aria-selected="true"] .ep2-dot{transform:scale(1)}
html body.home-page.home-nuevo .ep2-line{position:absolute;left:0;bottom:-2px;height:4px;width:0;background:#ff8346;border-radius:4px;transition:transform .5s cubic-bezier(.3,.9,.3,1),width .5s cubic-bezier(.3,.9,.3,1)}

/* ---------- Mesa ---------- */
html body.home-page.home-nuevo .ep2-board{display:grid;grid-template-columns:1.42fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(14px,1.8vw,26px);min-height:clamp(440px,min(46vw,calc(100vh - 240px)),720px);padding:6px 4px 14px}
html body.home-page.home-nuevo .ep2-pol{--r:0deg;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:clamp(8px,.9vw,14px) clamp(8px,.9vw,14px) 0;border-radius:5px;background:#f8f4ea;box-shadow:0 1px 2px rgba(70,50,30,.14),0 14px 30px -8px rgba(70,50,30,.22);color:#151412;text-decoration:none;transform:rotate(var(--r));transition:transform .45s cubic-bezier(.3,1.4,.5,1),box-shadow .35s}
html body.home-page.home-nuevo .ep2-big{--r:-1.1deg;grid-column:1;grid-row:1/3}
html body.home-page.home-nuevo .ep2-s1{--r:.9deg;grid-column:2;grid-row:1}
html body.home-page.home-nuevo .ep2-s2{--r:-.7deg;grid-column:3;grid-row:1}
html body.home-page.home-nuevo .ep2-wide{--r:.6deg;grid-column:2/4;grid-row:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}
html body.home-page.home-nuevo a.ep2-pol:hover,html body.home-page.home-nuevo a.ep2-pol:focus-visible{--r:0deg;transform:translateY(-8px) scale(1.012);box-shadow:0 2px 3px rgba(70,50,30,.14),0 26px 44px -10px rgba(70,50,30,.32);z-index:2;outline:none}
html body.home-page.home-nuevo a.ep2-pol:focus-visible{box-shadow:0 0 0 3px #ff8346,0 26px 44px -10px rgba(70,50,30,.32)}
html body.home-page.home-nuevo .ep2-ph{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:3px;background:#fff;text-decoration:none}
html body.home-page.home-nuevo .ep2-ph img{position:absolute;left:7%;top:7%;width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
html body.home-page.home-nuevo a.ep2-pol:hover .ep2-ph img,html body.home-page.home-nuevo .ep2-wide .ep2-ph:hover img{transform:scale(1.06) rotate(-1.5deg)}
html body.home-page.home-nuevo .ep2-cap{display:flex;align-items:baseline;gap:8px;padding:clamp(9px,1vw,14px) 4px clamp(10px,1.2vw,16px);color:#151412;text-decoration:none;font:600 clamp(12px,1.05vw,15px)/1.2 Rubik,Arial,sans-serif;transform:rotate(-.5deg);transform-origin:left}
html body.home-page.home-nuevo .ep2-cap b{font-weight:800;font-size:1.08em}
html body.home-page.home-nuevo .ep2-cap em{font-style:normal;color:#6b675e;font-weight:500}
html body.home-page.home-nuevo .ep2-cap em::before{content:"·";margin-right:8px}
html body.home-page.home-nuevo .ep2-cap i{margin-left:auto;font-style:normal;font-size:1.5em;line-height:1;transition:transform .3s}
html body.home-page.home-nuevo a.ep2-pol:hover .ep2-cap i{transform:translate(3px,-3px)}
html body.home-page.home-nuevo .ep2-big .ep2-cap{font-size:clamp(14px,1.4vw,19px)}
/* Cinta durazno en la foto grande */
html body.home-page.home-nuevo .ep2-tape{position:absolute;z-index:2;left:-26px;top:-10px;width:clamp(90px,10vw,140px);height:clamp(34px,3.4vw,48px);background:rgba(243,163,128,.92);transform:rotate(-16deg);clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,100% 0,96% 18%,100% 38%,96% 58%,100% 80%,96% 100%,10% 100%,6% 88%,3% 100%,0 86%,3% 62%,0 40%,3% 22%);box-shadow:0 2px 4px rgba(70,50,30,.2)}
/* Cartel durazno */
html body.home-page.home-nuevo .ep2-wide .ep2-ph{grid-column:1;grid-row:1}
html body.home-page.home-nuevo .ep2-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;margin-left:clamp(8px,1vw,14px);padding:clamp(14px,2.2vw,34px);border-radius:3px;background:#f9c3a7 url("papel-banner.webp") center/cover}
html body.home-page.home-nuevo .ep2-panel h3{margin:0;color:#151412;font-size:clamp(26px,3.4vw,54px)!important;line-height:.95;text-transform:uppercase}
html body.home-page.home-nuevo .ep2-panel p{margin:clamp(8px,1vw,14px) 0 0;color:#4a4740;font:500 clamp(13px,1.2vw,17px)/1.3 Rubik,Arial,sans-serif}
html body.home-page.home-nuevo .ep2-panel p span{font-variant-numeric:tabular-nums}
html body.home-page.home-nuevo .ep2-go{margin-top:clamp(12px,1.6vw,22px);color:#151412;font:700 clamp(13px,1.15vw,16px)/1.2 Rubik,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;align-self:flex-start}
html body.home-page.home-nuevo .ep2-go:hover{color:#fff}
html body.home-page.home-nuevo .ep2-wide .ep2-cap{grid-column:1/3;grid-row:2}

/* ---------- Animación: las fotos se reparten sobre la mesa ---------- */
html body.home-page.home-nuevo .ep2-board.is-wait .ep2-pol{opacity:0}
html body.home-page.home-nuevo .ep2-board.is-in .ep2-pol{animation:ep2-reparte .75s calc(var(--i) * 110ms) cubic-bezier(.2,.9,.3,1.12) backwards}
html body.home-page.home-nuevo .ep2-board.is-in .ep2-tape{animation:ep2-cinta .35s .6s cubic-bezier(.3,1.8,.5,1) backwards}
html body.home-page.home-nuevo .ep2-board.is-in[data-dir="b"] .ep2-pol{--dx:-90px}
html body.home-page.home-nuevo .ep2-board.is-out .ep2-pol{animation:ep2-recoge .28s calc(var(--i) * 40ms) ease-in forwards}
html body.home-page.home-nuevo .ep2-board.is-out[data-dir="b"] .ep2-pol{--ox:60px}
@keyframes ep2-reparte{
  from{opacity:0;transform:translate(var(--dx,90px),-46px) rotate(calc(var(--r) + 11deg)) scale(.9)}
  to{opacity:1;transform:rotate(var(--r))}}
@keyframes ep2-recoge{to{opacity:0;transform:translate(calc(var(--ox,-60px)),18px) rotate(calc(var(--r) - 6deg)) scale(.94)}}
@keyframes ep2-cinta{from{opacity:0;transform:rotate(-16deg) scale(2.2)}}

/* ---------- Celular ---------- */
@media(max-width:760px){
  html body.home-page.home-nuevo .home-collections{padding:36px 16px 48px!important}
  html body.home-page.home-nuevo .ep2-tabs{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 -16px 18px;padding:0 16px;scroll-snap-type:x proximity}
  html body.home-page.home-nuevo .ep2-tabs::-webkit-scrollbar{display:none}
  html body.home-page.home-nuevo .ep2-tab{flex:0 0 auto;padding:10px 16px 14px;font-size:18px;scroll-snap-align:center}
  html body.home-page.home-nuevo .ep2-board{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0;gap:14px}
  html body.home-page.home-nuevo .ep2-big{grid-column:1/3;grid-row:auto;aspect-ratio:1/1.08}
  html body.home-page.home-nuevo .ep2-s1{grid-column:1;grid-row:auto;aspect-ratio:1/1.15}
  html body.home-page.home-nuevo .ep2-s2{grid-column:2;grid-row:auto;aspect-ratio:1/1.15}
  html body.home-page.home-nuevo .ep2-wide{grid-column:1/3;grid-row:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto}
  html body.home-page.home-nuevo .ep2-wide .ep2-ph{grid-column:1;grid-row:1;aspect-ratio:1/.8}
  html body.home-page.home-nuevo .ep2-wide .ep2-panel{grid-column:1;grid-row:2;margin:10px 0 0}
  html body.home-page.home-nuevo .ep2-wide .ep2-cap{grid-column:1;grid-row:3}
  html body.home-page.home-nuevo .ep2-panel h3{font-size:34px!important}
  html body.home-page.home-nuevo .ep2-cap{font-size:12px;gap:5px;flex-wrap:wrap}
  html body.home-page.home-nuevo .ep2-big .ep2-cap{font-size:14px}
  html body.home-page.home-nuevo .ep2-tape{left:-12px}
  html body.home-page.home-nuevo .ep2-s1 .ep2-cap em::before,html body.home-page.home-nuevo .ep2-s2 .ep2-cap em::before{display:none}
  html body.home-page.home-nuevo .ep2-s1 .ep2-cap em,html body.home-page.home-nuevo .ep2-s2 .ep2-cap em{flex-basis:100%;order:3}
}
@media(prefers-reduced-motion:reduce){
  html body.home-page.home-nuevo .ep2-board .ep2-pol,html body.home-page.home-nuevo .ep2-board .ep2-tape{animation:none!important}
  html body.home-page.home-nuevo .ep2-board.is-wait .ep2-pol{opacity:1}
  html body.home-page.home-nuevo .ep2-line,html body.home-page.home-nuevo .ep2-dot{transition:none}
}

/* Hoja durazno que se asoma detrás de la foto grande (como en la referencia) */
html body.home-page.home-nuevo .ep2-sheet{grid-column:1;grid-row:1/3;align-self:start;justify-self:start;z-index:0;width:72%;height:78%;margin:-20px 0 0 -26px;border-radius:3px;background:#f6b595 url("papel-banner.webp") center/cover;box-shadow:0 8px 20px -10px rgba(70,50,30,.3);transform:rotate(-1.8deg);pointer-events:none}
html body.home-page.home-nuevo .ep2-big{z-index:1}
html body.home-page.home-nuevo .ep2-s1,html body.home-page.home-nuevo .ep2-s2,html body.home-page.home-nuevo .ep2-wide{z-index:1}
html body.home-page.home-nuevo .ep2-board.is-wait .ep2-sheet{opacity:0}
html body.home-page.home-nuevo .ep2-board.is-in .ep2-sheet{animation:ep2-hoja .6s cubic-bezier(.2,.9,.3,1.1) backwards}
html body.home-page.home-nuevo .ep2-board.is-out .ep2-sheet{animation:ep2-recoge .28s ease-in forwards}
@keyframes ep2-hoja{from{opacity:0;transform:translate(-40px,20px) rotate(-8deg)}}
html body.home-page.home-nuevo .ep2-tape{left:-30px;top:-14px}
html body.home-page.home-nuevo .ep2-panel2,html body.home-page.home-nuevo .ep2-all{display:none}

/* Pantalla grande: la mesa se queda fija y las décadas avanzan al bajar (js: home-epocas.js) */
@media(min-width:900px){
  html body.home-page.home-nuevo .ep2{min-height:calc(100vh + var(--segs,5) * 42vh)}
  html body.home-page.home-nuevo .ep2-pin{position:sticky;top:76px}
}
@media(max-width:760px){
  html body.home-page.home-nuevo .home-collections .hn-pre{font-size:clamp(20px,6vw,26px)}
  html body.home-page.home-nuevo .home-collections .home-section-heading .home-text-link{display:none!important}
  html body.home-page.home-nuevo .ep2-sheet{width:78%;height:34%;margin:-16px 0 0 -12px}
  html body.home-page.home-nuevo .ep2-big,html body.home-page.home-nuevo .ep2-s1,html body.home-page.home-nuevo .ep2-s2,html body.home-page.home-nuevo .ep2-wide{grid-row:auto}
  html body.home-page.home-nuevo .ep2-sheet{grid-row:1;grid-column:1/3}
  html body.home-page.home-nuevo .ep2-big{grid-row:1}
  /* Pies de foto apilados: nombre arriba, precio abajo (como la referencia) */
  html body.home-page.home-nuevo :is(.ep2-big,.ep2-s1,.ep2-s2) .ep2-cap{flex-wrap:wrap;row-gap:2px;align-items:center}
  html body.home-page.home-nuevo :is(.ep2-big,.ep2-s1,.ep2-s2) .ep2-cap b{order:1;flex:1;font-size:1.05em}
  html body.home-page.home-nuevo :is(.ep2-big,.ep2-s1,.ep2-s2) .ep2-cap i{order:2}
  html body.home-page.home-nuevo :is(.ep2-big,.ep2-s1,.ep2-s2) .ep2-cap em{order:3;flex-basis:100%}
  html body.home-page.home-nuevo :is(.ep2-big,.ep2-s1,.ep2-s2) .ep2-cap em::before{display:none}
  html body.home-page.home-nuevo .ep2-big .ep2-cap{font-size:15px}
  html body.home-page.home-nuevo .ep2-s1,html body.home-page.home-nuevo .ep2-s2{aspect-ratio:auto}
  html body.home-page.home-nuevo .ep2-s1 .ep2-ph,html body.home-page.home-nuevo .ep2-s2 .ep2-ph{aspect-ratio:1/1.02;flex:none}
  html body.home-page.home-nuevo .ep2-big{aspect-ratio:auto}
  html body.home-page.home-nuevo .ep2-big .ep2-ph{aspect-ratio:1/1;flex:none}
  html body.home-page.home-nuevo .ep2-wide{grid-template-rows:auto auto}
  html body.home-page.home-nuevo .ep2-wide .ep2-ph{aspect-ratio:1/.62}
  html body.home-page.home-nuevo .ep2-wide .ep2-cap{grid-row:2}
  html body.home-page.home-nuevo .ep2-wide .ep2-panel{display:none}
  /* Cartel durazno aparte, debajo de la mesa */
  html body.home-page.home-nuevo .ep2-panel2{display:flex;grid-column:1/3;grid-row:auto;margin:6px 0 0;padding:26px 22px;border-left:0;position:relative}
  html body.home-page.home-nuevo .ep2-panel2::before{content:"";position:absolute;left:12px;top:22px;bottom:22px;width:1.5px;background:#151412;opacity:.7}
  html body.home-page.home-nuevo .ep2-panel2 > *{margin-left:18px}
  html body.home-page.home-nuevo .ep2-panel2 h3{font-size:clamp(34px,10vw,44px)!important}
  html body.home-page.home-nuevo .ep2-all{display:block;margin:22px auto 0;width:max-content;color:#151412;font:700 15px/1.2 Rubik,Arial,sans-serif;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
}
@media(prefers-reduced-motion:reduce){html body.home-page.home-nuevo .ep2-board .ep2-sheet{animation:none!important}html body.home-page.home-nuevo .ep2-board.is-wait .ep2-sheet{opacity:1}}

/* Sección más compacta en compu (pedido de Ale): título, pestañas y mesa más chicos */
@media(min-width:761px){
  html body.home-page.home-nuevo .home-collections .hn-pre{font-size:clamp(14px,1.25vw,18px)}
  html body.home-page.home-nuevo .home-collections .hn-main{font-size:clamp(30px,3.7vw,58px)}
  html body.home-page.home-nuevo .ep2-tab{font-size:clamp(14px,1.35vw,19px);padding-top:clamp(8px,.9vw,12px);padding-bottom:clamp(10px,1vw,14px)}
  html body.home-page.home-nuevo .ep2-tabs{margin-bottom:clamp(12px,1.6vw,22px)}
  html body.home-page.home-nuevo .ep2-board{min-height:clamp(300px,min(32vw,calc(100vh - 300px)),500px);gap:clamp(10px,1.3vw,18px)}
  html body.home-page.home-nuevo .ep2-panel{padding:clamp(10px,1.4vw,20px)}
  html body.home-page.home-nuevo .ep2-panel h3{font-size:clamp(22px,2.5vw,38px)!important}
  html body.home-page.home-nuevo .ep2-panel p{font-size:clamp(12px,1vw,14.5px);margin-top:8px}
  html body.home-page.home-nuevo .ep2-all,html body.home-page.home-nuevo .home-collections .rb-all{font-size:14px}
}