/* Sorteo mensual: jerarquía amplia y cuenta atrás legible. */
.pp-home #sorteoHero{grid-template-columns:minmax(0,1fr) minmax(420px,1.15fr) minmax(260px,.65fr);gap:36px;padding:40px;min-height:390px;align-items:center}
#sorteoHero .sh-tag{font:700 clamp(22px,1.35vw,30px)/1.25 var(--display);letter-spacing:.045em;white-space:normal;gap:14px}
#sorteoHero .pp-gift-icon svg{width:40px;height:40px;flex:none}
#sorteoHero .sh-total{margin:24px 0 20px}
#sorteoHero .sh-total>b{font:700 clamp(64px,5vw,108px)/1.05 var(--display);letter-spacing:-.04em;white-space:normal}
#sorteoHero .sh-total>b span{display:block;font-size:clamp(28px,2vw,42px);letter-spacing:0;margin-top:8px;white-space:normal}
#sorteoHero .sh-chip{font:500 clamp(20px,1.2vw,26px)/1.5 var(--display);color:#f1e6cd}
#sorteoHero .sh-chips{gap:8px;margin:0}
#sorteoHero .pp-prize-details{padding-left:30px;min-width:0}
#sorteoHero .sh-fecha{font:700 clamp(24px,1.6vw,34px)/1.25 var(--display);white-space:normal;margin:0 0 20px;color:#fff3d3}
#sorteoHero .sh-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex-wrap:nowrap;margin:0;font-variant-numeric:tabular-nums}
#sorteoHero .sh-digits>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;padding:16px 6px 12px;border:1px solid #ae8c426b;border-radius:10px 2px 10px 2px;background:linear-gradient(145deg,#8d67232e,#0b111ce8);box-shadow:inset 0 2px 0 #ffe7a51a;font:700 clamp(38px,2.7vw,60px)/1 var(--display);color:#ffe29a}
#sorteoHero .sh-digits small{display:block;font:600 clamp(15px,.9vw,19px)/1.2 var(--display);letter-spacing:.05em;margin:0;color:#e1c995}
#sorteoHero .pp-prize-numbers{gap:24px;margin:24px 0}
#sorteoHero .sh-stat{min-width:0;padding:0}
#sorteoHero .sh-stat b{font:700 clamp(40px,2.6vw,58px)/1.05 var(--display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#sorteoHero .sh-stat b.oro{color:#ffe09a}
#sorteoHero .sh-stat .sh-lbl{font:600 clamp(18px,1.05vw,23px)/1.35 var(--display);letter-spacing:.02em;color:#e2e7ee;margin-top:8px;max-width:19ch;white-space:normal}
#sorteoHero .sh-pie{gap:12px}
#sorteoHero .sh-cta{display:flex;align-items:center;justify-content:center;white-space:normal;font:700 clamp(21px,1.15vw,26px)/1.3 var(--display);min-height:62px;padding:14px 18px;border-radius:10px 2px 10px 2px}
#sorteoHero .hp-sorteo{min-height:48px;padding:6px 16px}
#sorteoHero .hp-sorteo b{font:600 21px/1.35 var(--display);color:#f0dfb7;text-underline-offset:5px}
#sorteoHero .sh-cta:focus-visible,#sorteoHero .hp-sorteo:focus-visible{outline:3px solid #ffe39c;outline-offset:4px}
@media(min-width:1701px){#sorteoHero .pp-prize-deck{transform:scale(1.3);transform-origin:center;width:270px;justify-self:center}}
@media(max-width:1700px) and (min-width:901px){
 .pp-home #sorteoHero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px 32px;padding:30px}
 #sorteoHero .sh-premios{grid-column:1;grid-row:1}
 #sorteoHero .pp-prize-details{grid-column:2;grid-row:1/3;padding-left:28px}
 #sorteoHero .pp-prize-deck{grid-column:1;grid-row:2;width:285px;max-width:100%;height:210px;transform:none;justify-self:center}
}
@media(max-width:900px){
 .pp-home #sorteoHero{grid-template-columns:minmax(0,1fr);padding:26px 22px;gap:26px;min-height:0}
 #sorteoHero .sh-premios{grid-column:1;grid-row:1}
 #sorteoHero .pp-prize-details{grid-column:1;grid-row:2;padding:24px 0 0;border-left:0;border-top:1px solid #a38b5455}
 #sorteoHero .pp-prize-deck{grid-column:1;grid-row:3;transform:none;width:285px;max-width:100%;height:210px;justify-self:center}
 #sorteoHero .sh-total>b{font-size:76px}
 #sorteoHero .sh-fecha{font-size:26px}
}
@media(max-width:480px){
 .pp-home #sorteoHero{padding:24px 16px;gap:22px}
 #sorteoHero .sh-tag{font-size:22px;gap:10px}
 #sorteoHero .sh-total>b{font-size:68px}
 #sorteoHero .sh-total>b span{font-size:28px}
 #sorteoHero .sh-fecha{font-size:24px}
 #sorteoHero .sh-digits{gap:6px}
 #sorteoHero .sh-digits>span{font-size:32px;padding:14px 3px 12px}
 #sorteoHero .sh-digits small{font-size:14px;letter-spacing:0}
 #sorteoHero .pp-prize-numbers{gap:16px}
 #sorteoHero .sh-stat b{font-size:40px}
 #sorteoHero .sh-stat .sh-lbl{font-size:18px}
 #sorteoHero .hp-sorteo b{font-size:20px}
}
