/* Escala común para las tarjetas de la portada. No altera navegación ni audio. */
body.pp-home{--card-copy:clamp(20px,1.12vw,24px);--card-meta:clamp(18px,.95vw,20px);--card-title:clamp(28px,1.8vw,38px);--card-number:clamp(40px,3vw,64px)}
.pp-home :where(#countdown,#comunidad,#expedienteHero,.pp-lower){--card-muted:#bbcee0}
/* Próximo directo y horarios internacionales. */
.pp-home #countdown{grid-template-columns:minmax(200px,.7fr) minmax(0,2fr);gap:28px;padding:32px}
.pp-home #countdown .cd-main{grid-template-columns:minmax(0,1fr) minmax(270px,1fr);gap:24px}
.pp-home #countdown .cd-head{font:700 var(--card-meta)/1.4 var(--display);letter-spacing:.06em}
.pp-home #countdown .cd-cat{font:700 clamp(32px,2.2vw,46px)/1.2 var(--display);white-space:normal;overflow-wrap:anywhere}
.pp-home #countdown .pp-game-caption{font-size:var(--card-copy);line-height:1.5}
.pp-home #countdown .cd-sub{font-size:var(--card-copy);line-height:1.5}
.pp-home #countdown .cd-digits{font:700 clamp(40px,3vw,64px)/1.1 var(--display);gap:8px;min-width:0}
.pp-home #countdown .cd-u{min-width:0}.pp-home #countdown .cd-u b{min-width:0;padding:14px 10px;font-variant-numeric:tabular-nums}
.pp-home #countdown .cd-u small{font:600 18px/1.4 var(--display);letter-spacing:.03em;margin-top:10px}
.pp-home #countdown .status-bar{font-size:var(--card-meta);gap:14px;flex-wrap:wrap;padding-top:18px;color:var(--card-muted)}
.pp-home #countdown .status-cta{font-size:var(--card-meta);min-height:48px;display:inline-flex;align-items:center;padding:8px 12px}
.pp-home #countdown .pp-schedule-art::before{font:700 var(--card-meta)/1.3 var(--display);letter-spacing:.06em}
.pp-home #countdown .pp-timezones{grid-column:1/-1;justify-self:end}
.pp-home #countdown .pp-timezones summary{font:600 var(--card-meta)/1.4 var(--display);min-height:54px;padding:14px 18px;white-space:normal}
.pp-home #countdown .pais{min-width:0;padding:20px}
.pp-home #countdown .pais small{font:500 var(--card-meta)/1.4 var(--body);white-space:normal}
.pp-home #countdown .pais b{font:700 32px/1.3 var(--display);font-variant-numeric:tabular-nums}
/* Metadatos de Expediente Gaming. La marca mantiene su diseño propio. */
.pp-home #expedienteHero .eg-title{font:700 var(--card-title)/1.35 var(--display);min-height:0;margin-bottom:8px}
.pp-home #expedienteHero .eg-body{gap:20px;padding-block:24px}
.pp-home #expedienteHero .eg-stats{gap:18px 30px;flex-wrap:wrap}
.pp-home #expedienteHero .eg-stats>div{flex-wrap:wrap;gap:6px 10px}
.pp-home #expedienteHero .eg-stats span{font:700 var(--card-copy)/1.4 var(--display)}
.pp-home #expedienteHero .eg-stats small{font:500 var(--card-meta)/1.4 var(--display);letter-spacing:.03em;color:var(--card-muted)}
.pp-home #expedienteHero .eg-watch{font-size:var(--card-copy);min-height:58px;padding:14px 20px;white-space:normal}
.pp-home #expedienteHero .eg-nav{width:210px;grid-template-columns:52px minmax(0,1fr) 52px}
.pp-home #expedienteHero .eg-nav button{height:52px;width:52px;font-size:28px}
.pp-home #expedienteHero #eg-position{font-size:18px}
.pp-home #expedienteHero .eg-all{font-size:var(--card-copy);line-height:1.5;padding:18px}
/* Comunidad, saludo, honores, galería y tarjetas de redes. */
.pp-home .pp-section-heading h2{font:700 clamp(32px,2.3vw,50px)/1.2 var(--display)}
.pp-home .pp-section-heading>a{font-size:var(--card-copy);line-height:1.4;min-height:48px;display:inline-flex;align-items:center}
.pp-home :where(#honores,.pp-welcome){padding:32px;border-radius:14px}
.pp-home :where(.hh-titulo,.pp-welcome h3){font:700 var(--card-title)/1.25 var(--display)}
.pp-home .hh-titulo,.pp-home .pp-welcome h3{font:700 var(--card-title)/1.25 var(--display)}
.pp-home :where(.hh-sub,.pp-card-kicker){font:500 var(--card-meta)/1.6 var(--body);color:var(--card-muted);letter-spacing:.02em}
.pp-home #honores .hh-row{grid-template-columns:minmax(130px,.4fr) minmax(0,1fr);padding:22px 0;gap:20px}
.pp-home #honores :where(.hh-row>small,.hh-cat,.hh-cuando){font:500 var(--card-meta)/1.5 var(--display);letter-spacing:.03em;opacity:1;color:var(--card-muted)}
.pp-home #honores .hh-quien{font-size:var(--card-copy);line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.pp-home #honores .hh-extra{font-size:var(--card-meta);white-space:normal}
.pp-home .o7-textos{min-width:0}.pp-home .o7-linea{font-size:var(--card-copy);line-height:1.6}
.pp-home .o7-cifra{font:600 clamp(26px,1.6vw,36px)/1.4 var(--display);white-space:normal}
.pp-home .pp-welcome-note{font-size:var(--card-copy);line-height:1.6}
.pp-home .pp-community-actions{flex-wrap:wrap;gap:16px}
.pp-home .pp-community-actions .hp-btn{flex:1 1 230px;min-width:0;padding:20px;min-height:80px;white-space:normal}
.pp-home .pp-community-actions .hp-txt{min-width:0}
.pp-home .pp-community-actions .hp-txt b{font-size:var(--card-copy);line-height:1.35}
.pp-home .pp-community-actions .hp-txt small{font-size:var(--card-meta);line-height:1.5}
.pp-home .hero-redes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pp-home .hero-redes .hrx{min-width:0;padding:24px;min-height:104px;gap:18px}
.pp-home .hero-redes .hrx b{font:700 26px/1.3 var(--display)}
.pp-home .hero-redes .hrx small{font:400 var(--card-meta)/1.5 var(--body);white-space:normal;overflow-wrap:anywhere}
.pp-home .hero-redes .hrx svg{width:32px;height:32px;flex:none}
.pp-home :where(.pp-gallery-feature,.pp-channel-feed,.ghc-firma){font-size:var(--card-meta);line-height:1.5}
.pp-home .galeria-hero-ctrl{font-size:18px;padding:10px;gap:12px}
.pp-home .ghc-flecha{min-height:48px;min-width:48px;font-size:24px}
.pp-home .meta-seguidores .ms-txt{font-size:var(--card-meta);line-height:1.5}
.pp-home .pp-gallery .pp-section-heading h2{font:700 clamp(28px,2vw,42px)/1.25 var(--display)}
.pp-home .pp-gallery .pp-gallery-button{font-size:var(--card-copy);min-height:50px;white-space:normal}
.pp-home .pp-card-kicker,.pp-home .hh-sub{font-size:var(--card-meta);line-height:1.6}
.pp-home #countdown .status-cta{color:#eaf5ff;background:#153b5e;border:1px solid #5488b2;border-radius:8px}
/* Tarjetas de contenido y resultados, conservando los títulos grandes existentes. */
.pp-home #leyendas :where(.ley-valor,.ley-title small){font-size:var(--card-meta);line-height:1.5}
.pp-home #leyendas .rank{min-width:28px;min-height:28px;font-size:18px}
.pp-home #leyendas .ley-title small,.pp-home #leyendas .ley-grupo{font-size:18px;line-height:1.5}
.pp-home #horario .htab,.pp-home #horario .hor-meta{font-size:18px}
.pp-home #pildoras .reel-info time,.pp-home #pildoras .reel-watch,.pp-home #pildoras .reel-duration{font-size:18px;line-height:1.4}
.pp-home #pildoras .reel-watch span{font-size:18px}
.pp-home #horario :where(.hor-meta,.badge-prox,.badge-live){font-size:18px;line-height:1.4}
.pp-home #pildoras :where(.reel-info time,.reel-watch){font-size:var(--card-meta)}
.pp-home #disco :where(.dimension-info p,.dimension-lista .num){font-size:var(--card-meta);line-height:1.5}
.pp-home #disco .dimension-info h3{line-height:1.2}
.pp-home #disco .dimension-lista .num{font-size:18px}
.pp-home #disco .disco-badge{font-size:18px;padding:6px 10px;white-space:normal;line-height:1.4}
.pp-home #ganadoras .vt-estado,.pp-home #votacion .vt-estado{font-size:20px;line-height:1.6}
.pp-home #sorteos .panel p,.pp-home #musica-bits .panel p{font-size:20px!important;line-height:1.7}
.pp-home #musicaDesactivado p{font-size:20px!important;line-height:1.6}
.pp-home #musicaDesactivado p:first-child{font-size:26px!important}
.pp-home #votacion .vt-pos{font:600 20px/1.4 var(--display)}
.pp-home #votacion .vt-fila .vt-puntos{font-size:20px;white-space:normal}
.pp-home #votacion .vt-fila{grid-template-columns:32px minmax(150px,270px) minmax(30px,1fr) 96px}
.pp-home #ganadoras .gan-puntos{font-size:var(--card-meta)}
.pp-home #ganadoras .gan-fila{flex-wrap:wrap}.pp-home #ganadoras .gan-titulo{flex-basis:55%}
.pp-home #ganadoras .gan-medalla{font-size:26px;min-width:30px}
/* Sorteo inferior, ganadores y PitiPoints. */
.pp-home #sorteos .giveaway-card{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);padding:36px}
.pp-home #sorteos .giveaway-card>div{min-width:0}
.pp-home #sorteos .panel>div[style*="flex:1"]{flex:1 1 360px!important}
.pp-home #sorteos .giveaway-card h3{font:700 var(--card-title)/1.3 var(--display)}
.pp-home :where(#sorteos,#pitipoints) .giveaway-tag{font:600 var(--card-meta)/1.4 var(--display);letter-spacing:.04em;padding:8px 12px;white-space:normal}
.pp-home #sorteos :where(.prize,.steps li){font-size:var(--card-copy);line-height:1.6}
.pp-home #sorteos .steps{gap:18px}.pp-home #sorteos .steps .n{font:700 24px/1.4 var(--display)}
.pp-home #sorteoCountdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pp-home #sorteoCountdown .count-unit{min-width:0;padding:18px 6px;border-color:#ab8c4a70;background:linear-gradient(145deg,#3b301c,#0b1623)}
.pp-home #sorteoCountdown .num{font:700 clamp(34px,2.6vw,50px)/1.1 var(--display);color:#ffe09b;font-variant-numeric:tabular-nums}
.pp-home #sorteoCountdown .lbl{font:600 18px/1.4 var(--display);letter-spacing:0;margin-top:10px;color:#e3cc9e}
.pp-home #sorteos .gan-nombre{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.pp-home #sorteos .ganadores-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-home #pitipoints :where(.sp-aviso p,.daily-ritual p){font-size:var(--card-copy);line-height:1.7}
.pp-home #pitipoints .sp-aviso h3{font:700 clamp(30px,2vw,38px)/1.25 var(--display)}
.pp-home #pitipoints :where(.sp-kicker,.stream-note){font-size:var(--card-meta);line-height:1.6}
.pp-home #pitipoints .coin-val{font:700 30px/1.4 var(--display);min-width:64px}
.pp-home #pitipoints .coins-list li{flex-wrap:wrap;align-items:baseline;gap:10px 16px}
.pp-home #pitipoints .coins-list li>span[style]{font-size:18px!important}
.pp-home #pitipoints .daily-ritual{padding:28px;border-radius:14px}
.pp-home #pitipoints #btnWebLogin{font-size:22px!important;min-height:58px;white-space:normal}
.pp-home #pitipoints #webPremioMsg{font:700 32px/1.4 var(--display)!important}
.pp-home #pitipoints #lbPaginacion{font-size:18px!important;gap:12px;flex-wrap:wrap}
.pp-home #pitipoints #lbPaginacion button{font-size:18px;min-height:48px;padding:12px}
.pp-home #pitipoints .leaderboard .pts{font-size:20px;white-space:normal}
/* Tarjetas de la explicación del sistema de premios. */
.pp-home #spModal .sp-slide{min-height:0;padding:38px}
.pp-home #spModal .sp-slide h2{font:700 clamp(30px,3vw,44px)/1.2 var(--display)}
.pp-home #spModal :where(.sp-kicker2,.sp-sub,.sp-nota,.sp-barra-label){font-size:18px;line-height:1.5}
.pp-home #spModal .sp-tarjeta{padding:22px;gap:18px;flex-wrap:wrap}
.pp-home #spModal .sp-tarjeta .txt{font-size:22px;line-height:1.5;min-width:0}
.pp-home #spModal .sp-tarjeta .num{font:700 36px/1.2 var(--display)}
.pp-home #spModal .sp-num-grande{font:700 48px/1.2 var(--display)}
.pp-home #spModal .sp-nav{font-size:20px;min-height:50px;padding:12px 18px}
.pp-home #spModal .sp-pie{gap:12px;flex-wrap:wrap;font-size:18px}
.pp-home #spModal .sp-contador{font-size:18px}
@media(max-width:1200px){
 .pp-home #countdown{grid-template-columns:1fr}.pp-home #countdown .pp-schedule-art{max-width:420px}.pp-home #countdown .cd-main{grid-template-columns:minmax(0,1fr) minmax(270px,1fr)}
 .pp-home #sorteos .giveaway-card{grid-template-columns:1fr}.pp-home #sorteoCountdown{max-width:600px}
 .pp-home #expedienteHero .eg-body{grid-template-columns:1fr}.pp-home #expedienteHero .eg-nav{justify-self:end}
 .pp-home .hero-redes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 body.pp-home{--card-copy:20px;--card-meta:18px;--card-title:28px}
 .pp-home #countdown{padding:24px 20px;gap:24px}
 .pp-home #countdown .cd-main{grid-template-columns:1fr;gap:18px}
 .pp-home #countdown .cd-head{grid-column:1;grid-row:1}
 .pp-home #countdown .cd-sub{grid-column:1;grid-row:2}
 .pp-home #countdown .cd-digits{grid-column:1;grid-row:3;font-size:40px;justify-content:flex-start}
 .pp-home #countdown .status-bar{grid-row:4}
 .pp-home #countdown .pp-timezones{justify-self:stretch}
 .pp-home #countdown .cd-paises{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pp-home #expedienteHero .eg-content{padding-inline:16px}.pp-home #expedienteHero .eg-title{font-size:25px}.pp-home #expedienteHero .eg-nav{width:100%}
 .pp-home :where(#honores,.pp-welcome){padding:24px 20px}
 .pp-home #honores .hh-row{grid-template-columns:1fr;gap:10px}
 .pp-home .pp-section-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}
 .pp-home .pp-section-heading h2{font-size:32px}
 .pp-home #votacion .vt-fila{grid-template-columns:28px minmax(0,1fr) 72px;gap:8px}.pp-home #votacion .vt-fila .vt-puntos{font-size:18px}
 .pp-home #sorteos .ganadores-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pp-home #sorteos .giveaway-card{padding:24px}.pp-home #pitipoints .daily-ritual{padding:22px}
 .pp-home #spModal{padding:12px}.pp-home #spModal .sp-slide{padding:24px 18px}.pp-home #spModal .sp-grid2{grid-template-columns:1fr}
}
@media(max-width:500px){
 .pp-home #countdown{padding:22px 16px}.pp-home #countdown .cd-digits{font-size:32px;gap:5px}.pp-home #countdown .cd-u b{padding:12px 6px}.pp-home #countdown .cd-u small{font-size:18px}
 .pp-home #countdown .cd-paises{grid-template-columns:1fr}
 .pp-home .hero-redes{grid-template-columns:1fr}.pp-home .hero-redes .hrx{padding:22px}
 .pp-home .o7-auto{flex-direction:column;align-items:flex-start;gap:16px}
 .pp-home .pp-community-actions .hp-btn{flex-basis:100%}
 .pp-home #sorteos .ganadores-grid{grid-template-columns:1fr}
 .pp-home #sorteos .giveaway-card{padding:20px 16px}.pp-home #sorteoCountdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pp-home #sorteoCountdown .num{font-size:36px}.pp-home #sorteoCountdown .lbl{font-size:18px}
 .pp-home #spModal .sp-pie{padding:14px}.pp-home #spModal .sp-nav{font-size:18px;padding:10px}
}