/* NC CENTRO DE PARTIDOS V1
   Portada de la pestaña Directo de la web general.
   Usa los colores claros de la web (variables de inicio/styles.css). */

.nc-live-hub{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
.nc-live-head{padding:28px 0 6px}
.nc-live-head .eyebrow{color:var(--muted)}
.nc-live-head .page-title{margin:0 0 6px}
.nc-live-intro{margin:0;color:var(--muted);font-size:15px}

.nc-live-section{margin-top:28px}
.nc-live-section>.eyebrow{color:var(--muted);display:flex;align-items:center;gap:8px}
.nc-live-section>h2{
 font-family:var(--display);text-transform:uppercase;font-size:30px;line-height:1.05;
 margin:0 0 14px;color:var(--ink);
}
.nc-live-dot{
 width:9px;height:9px;border-radius:50%;background:#e5484d;display:inline-block;
 box-shadow:0 0 0 0 #e5484d80;animation:nc-live-pulse 1.6s infinite;
}

.nc-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

/* Tarjeta */
.nc-live-card{
 display:flex;flex-direction:column;gap:12px;padding:16px 18px;
 background:#fff;color:var(--ink);text-decoration:none;
 border:1px solid var(--line);border-radius:var(--radius);
}
.nc-live-card:hover{border-color:#b9c2b4}
.nc-live-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.nc-live-live{border-color:#e5484d66;box-shadow:0 0 0 1px #e5484d22 inset}

.nc-live-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.nc-live-comp{font-size:12px;font-weight:700;color:var(--muted);line-height:1.3}
.nc-live-star{color:#c79a00;margin-right:4px}
.nc-live-phase{
 display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
 font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
 padding:5px 10px;border-radius:20px;background:#eef1ea;color:var(--ink);
}
.nc-live-phase.is-live{background:#fde8e8;color:#b4232a}
.nc-live-phase.is-live i{
 width:7px;height:7px;border-radius:50%;background:#e5484d;display:inline-block;
 animation:nc-live-pulse 1.6s infinite;
}

/* Local · marcador · visitante */
.nc-live-teams{
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 align-items:start;gap:10px;
}
.nc-live-team{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}
.nc-live-team img,.nc-live-team .nc-home-crest-fallback{
 width:44px;height:44px;object-fit:contain;border-radius:50%;
}
.nc-live-team .nc-home-crest-fallback{
 display:inline-flex;align-items:center;justify-content:center;
 background:#eef1ea;color:var(--muted);font-weight:800;font-size:14px;
}
.nc-live-team b{font-size:13px;line-height:1.25;font-weight:800;overflow-wrap:break-word}
.nc-live-score,.nc-live-time{align-self:center;padding:0 4px;white-space:nowrap;font-family:var(--display)}
.nc-live-score{font-size:40px;font-weight:700;line-height:1}
.nc-live-time{font-size:26px;font-weight:600;color:var(--muted)}

.nc-live-note{margin:0;text-align:center;font-size:11px;color:var(--muted)}

.nc-live-bottom{
 display:flex;justify-content:space-between;align-items:center;gap:10px;
 border-top:1px solid var(--line);padding-top:10px;font-size:12px;color:var(--muted);
}
.nc-live-bottom strong{color:var(--green);font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.nc-live-bottom strong svg{width:14px;height:14px}

/* Sin directos */
.nc-live-empty{
 margin-top:22px;padding:22px;border:1px dashed #c9d0c3;border-radius:var(--radius);background:#fff;
}
.nc-live-empty h2{font-family:var(--display);text-transform:uppercase;font-size:26px;line-height:1.1;margin:0 0 8px}
.nc-live-empty p{margin:0 0 16px;color:var(--muted)}

.nc-live-status{margin:22px 0 0;font-size:12px;color:var(--muted)}

@keyframes nc-live-pulse{
 0%{box-shadow:0 0 0 0 #e5484d80}
 70%{box-shadow:0 0 0 7px #e5484d00}
 100%{box-shadow:0 0 0 0 #e5484d00}
}
@media(prefers-reduced-motion:reduce){
 .nc-live-dot,.nc-live-phase.is-live i{animation:none}
}
@media(max-width:700px){
 .nc-live-grid{grid-template-columns:1fr}
 .nc-live-head{padding-top:18px}
 .nc-live-section>h2{font-size:26px}
 .nc-live-score{font-size:34px}
 .nc-live-team b{font-size:12px}
}