/* ============================================================
   AYCA 2026 · Página de ganadores — se carga después de cronica/cronica.css
   (usa sus variables, barra, héroe, pie y utilidades)
   ============================================================ */
body[data-day="resultados"]{ --day:var(--gold); --day-dark:var(--gold-dark); }
:root{
  --m-gold:radial-gradient(circle at 30% 25%, #fff3c4, var(--gold) 55%, #b9812a);
  --m-silver:radial-gradient(circle at 30% 25%, #ffffff, #c9ced6 55%, #8e96a3);
  --m-bronze:radial-gradient(circle at 30% 25%, #ffe3c4, #cd8b55 55%, #8a5128);
}

/* pestañas de la barra (1.º / 2.º / 3.º) */
.rs-tabs .day-tab[data-p="1"]{ --tab:var(--gold); }
.rs-tabs .day-tab[data-p="2"]{ --tab:#d5dae2; }
.rs-tabs .day-tab[data-p="3"]{ --tab:#e0a476; }

.rs-hero .cr-hero-bg{ background-size:cover; }

/* ---------------- podio ---------------- */
.rs-podium{ margin-bottom:6rem; }
.rs-podium .chap{ text-align:center; max-width:46rem; margin-left:auto; margin-right:auto; }
.rs-podium .chap .sub{ margin-left:auto; margin-right:auto; }
.pd{ position:relative; display:grid; grid-template-columns:1fr 1.16fr 1fr; gap:1.4rem; align-items:end; max-width:1040px; margin:3.2rem auto 0; }
.pd::after{ content:''; position:absolute; left:-2%; right:-2%; bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--line) 15%,var(--line) 85%,transparent); }
.pd-col{ position:relative; display:flex; flex-direction:column; color:#fff; }
.pd-1::before{ content:''; position:absolute; left:-18%; right:-18%; top:-10%; height:72%; background:radial-gradient(closest-side, rgba(223,165,84,.38), transparent 72%); pointer-events:none; }
.pd-card{ position:relative; overflow:hidden; aspect-ratio:3/4; border-radius:24px 24px 0 0; background:var(--teal); box-shadow:0 30px 60px rgba(9,46,110,.2); }
.pd-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 18%; transition:transform 1.1s var(--ease); }
.pd-col:hover .pd-card img{ transform:scale(1.045); }
.pd-card::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,27,63,0) 46%, rgba(7,22,40,.92) 100%); pointer-events:none; }
.pd-medal{ position:absolute; z-index:2; top:1rem; left:1rem; display:grid; place-items:center; width:50px; height:50px; border-radius:50%; font-weight:700; font-size:1.15rem; color:#3a2a07; box-shadow:0 8px 18px rgba(0,0,0,.3), inset 0 0 0 2px rgba(255,255,255,.55); }
.pd-1 .pd-medal{ background:var(--m-gold); width:58px; height:58px; font-size:1.35rem; }
.pd-2 .pd-medal{ background:var(--m-silver); color:#2b3340; }
.pd-3 .pd-medal{ background:var(--m-bronze); color:#3b1f08; }
.pd-info{ position:absolute; z-index:2; left:0; right:0; bottom:0; padding:1.4rem 1.4rem 1.3rem; text-shadow:0 1px 10px rgba(0,0,0,.45); }
.pd-country{ font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; font-weight:600; color:var(--amber); }
.pd-info h3{ margin:.3rem 0 .6rem; font-size:1.25rem; font-weight:600; line-height:1.2; }
.pd-1 .pd-info h3{ font-size:1.45rem; }
.pd-dish{ display:flex; flex-wrap:wrap; align-items:baseline; gap:.45rem; font-size:.95rem; font-style:italic; font-weight:300; color:#fff; }
.pd-dish small{ font-style:normal; font-size:.6rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:rgba(255,255,255,.7); }
.pd-step{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.25rem; border-radius:0 0 24px 24px; text-align:center; overflow:hidden; box-shadow:0 26px 54px rgba(9,46,110,.18); }
.pd-1 .pd-step{ height:190px; background:linear-gradient(180deg, var(--orange) 0%, var(--orange-dark) 100%); }
.pd-2 .pd-step{ height:132px; background:linear-gradient(180deg, #1d4c9a 0%, var(--navy) 100%); }
.pd-3 .pd-step{ height:92px; background:linear-gradient(180deg, var(--green) 0%, var(--green-dark) 100%); }
.pd-num{ font-weight:200; line-height:.9; letter-spacing:-.04em; }
.pd-1 .pd-num{ font-size:5.2rem; } .pd-2 .pd-num{ font-size:3.6rem; } .pd-3 .pd-num{ font-size:2.3rem; }
.pd-lbl{ font-size:.62rem; letter-spacing:.22em; text-transform:uppercase; font-weight:600; opacity:.9; }
.pd-go{ display:inline-flex; align-items:center; gap:.4rem; margin-top:.35rem; font-size:.74rem; font-weight:600; color:#fff; opacity:.86; transition:opacity .3s ease, gap .3s var(--ease); }
.pd-col:hover .pd-go{ opacity:1; gap:.6rem; }
.pd-col:focus-visible{ outline-offset:6px; border-radius:24px; }

/* ---------------- biografías ---------------- */
.win{ display:grid; gap:2rem; padding:4.4rem 0 1rem; border-top:1px solid var(--line); scroll-margin-top:86px; }
@media (min-width:900px){ .win{ grid-template-columns:minmax(0,340px) minmax(0,1fr); gap:3.6rem; max-width:1080px; margin:0 auto; } }
.win-side{ align-self:start; }
@media (min-width:900px){ .win-side{ position:sticky; top:100px; } }
.win-ph{ position:relative; aspect-ratio:4/5; border-radius:26px; overflow:hidden; box-shadow:0 30px 60px rgba(9,46,110,.18); }
.win-ph img{ object-position:center 16%; }
.win-ph .win-badge{ flex-direction:row; text-transform:uppercase; } /* anula .ph span de cronica.css */
.win-badge{ position:absolute; z-index:2; left:1rem; bottom:1rem; display:inline-flex; align-items:center; gap:.6rem; padding:.3rem 1rem .3rem .3rem; border-radius:999px; background:rgba(255,255,255,.95); font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--navy); box-shadow:0 8px 20px rgba(9,46,110,.22); }
.win-badge b{ display:grid; place-items:center; width:1.9rem; height:1.9rem; border-radius:50%; font-size:.9rem; letter-spacing:0; color:#3a2a07; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6); }
.win-1 .win-badge b{ background:var(--m-gold); }
.win-2 .win-badge b{ background:var(--m-silver); color:#2b3340; }
.win-3 .win-badge b{ background:var(--m-bronze); color:#3b1f08; }
.win-facts{ margin:1.2rem 0 0; display:grid; gap:0; border-radius:22px; background:var(--paper); border:1px solid var(--line); overflow:hidden; }
.win-facts div{ display:grid; grid-template-columns:6.4rem 1fr; gap:.8rem; padding:.85rem 1.2rem; border-top:1px solid var(--line-soft); }
.win-facts div:first-child{ border-top:0; }
.win-facts dt{ font-size:.62rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--day-dark); padding-top:.2rem; }
.win-facts dd{ margin:0; font-size:.9rem; line-height:1.5; color:var(--navy); }
.win-facts dd em{ font-weight:600; }
.win-body{ min-width:0; }
.win-body .chap h2{ font-size:clamp(2.1rem,4.4vw,3.3rem); }
.win-quote{ position:relative; margin:0 0 2.4rem; padding:1.8rem 1.8rem 1.8rem 1.9rem; border-radius:26px; color:#fff; background:linear-gradient(155deg,#16424f 0%,#0e2933 70%); overflow:hidden; isolation:isolate; }
.win-quote::before{ content:''; position:absolute; z-index:-1; right:-70px; top:-70px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, var(--wq,rgba(223,165,84,.42)), transparent 68%); }
.win-2 .win-quote{ --wq:rgba(120,150,210,.4); }
.win-3 .win-quote{ --wq:rgba(110,165,67,.42); }
.win-quote svg.qm{ width:34px; height:34px; color:var(--amber); margin-bottom:.8rem; }
.win-quote p{ font-size:clamp(1.25rem,2.4vw,1.75rem); font-weight:200; line-height:1.4; letter-spacing:-.01em; max-width:34rem; }
.win-label{ margin-bottom:1rem; font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; font-weight:700; color:var(--day-dark); }
.win-next{ display:inline-flex; align-items:center; gap:.6rem; margin:1.4rem 0 2rem; padding:.7rem 1.2rem; border-radius:999px; border:1.5px solid var(--line); background:var(--paper); font-size:.88rem; font-weight:600; color:var(--navy); transition:border-color .3s ease, transform .35s var(--ease); }
.win-next small{ font-size:.6rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--day-dark); }
.win-next:hover{ border-color:var(--gold); transform:translateY(-2px); }

/* tarjetas finales en tres columnas */
@media (min-width:900px){ .days-grid.is-three{ grid-template-columns:repeat(3,1fr); } }

/* ---------------- móvil ---------------- */
@media (max-width:767px){
  .rs-tabs .day-tab small{ display:none; }
  .rs-podium{ margin-bottom:3.6rem; }
  .pd{ grid-template-columns:1fr 1fr; gap:1rem .8rem; margin-top:2.2rem; }
  .pd::after{ display:none; }
  .pd-1{ grid-column:1 / -1; order:-1; max-width:360px; width:100%; margin:0 auto; }
  .pd-1::before{ display:none; }
  .pd-card{ aspect-ratio:4/5; border-radius:20px 20px 0 0; }
  .pd-2 .pd-card, .pd-3 .pd-card{ aspect-ratio:3/4; }
  .pd-2 .pd-card::after, .pd-3 .pd-card::after{ background:linear-gradient(180deg, rgba(7,27,63,0) 22%, rgba(7,22,40,.94) 78%); }
  .pd-info{ padding:1rem .9rem .9rem; text-align:center; }
  .pd-2 .pd-info h3, .pd-3 .pd-info h3{ font-size:.95rem; }
  .pd-dish{ justify-content:center; font-size:.82rem; }
  .pd-2 .pd-dish small, .pd-3 .pd-dish small{ display:none; }
  .pd-2 .pd-medal, .pd-3 .pd-medal{ width:40px; height:40px; font-size:.95rem; top:.7rem; left:.7rem; }
  .pd-step{ height:auto !important; flex-direction:row; flex-wrap:wrap; gap:.3rem .6rem; padding:.75rem .6rem; border-radius:0 0 20px 20px; }
  .pd-num{ display:none; }
  .pd-go{ margin-top:0; }
  .pd-2 .pd-go, .pd-3 .pd-go{ display:none; }
  .win{ padding-top:3.4rem; text-align:left; }
  .win-side{ max-width:420px; width:100%; margin:0 auto; }
  .win-body .chap{ text-align:center; }
  .win-body .chap .chap-n::before{ display:none; }
  .win-quote{ padding:1.5rem 1.4rem; }
  .win-label{ text-align:center; }
  .win-next{ display:flex; justify-content:center; flex-wrap:wrap; }
}