/*
  COMPONENTES: RESULTADOS
  Fase 38

  Dueño de:
  - grillas de resultados de quiniela
  - tabla clásica de cabezas
  - grillas de números y premios
  - ajustes responsive de resultados

  Mantener este archivo antes de styles.css mientras exista CSS legacy.
*/

/* ============================================================
   CSS ORIGINAL: result-cards-v172.css
   ============================================================ */
 @media (width<=760px) {
  .tabla-turnos-grid {
    background:0 0;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
    padding:0
  }
  .tabla-prov-row {
    border-radius:22px;
    padding:8px
  }
  .tabla-prov-head {
    gap:8px;
    padding-bottom:8px
  }
  .tabla-prov-nombre,.tabla-pizarra-btn {
  border-radius:17px;
  height:46px;
  min-height:46px
  font-weight: 620;
}
  .tabla-turno {
    border-radius:14px;
    grid-column:auto;
    gap:2px;
    height:56px;
    min-height:56px;
    padding:4px 3px
  }
  .tabla-turno:nth-child(4),.tabla-turno:nth-child(5) {
    grid-column:auto
  }
  .tabla-turno-label {
  letter-spacing:.025em;
  margin-bottom:1px;
  font-size:.4rem;
  line-height:1
  font-weight: 500;
}
  .tabla-turno-num {
  letter-spacing: -0.025em;
  font-size:clamp(1.14rem,5.8vw,1.38rem);
  line-height: 1.18;
  font-weight: 700;
}
  .tabla-turno.activo .tabla-turno-num,.tabla-turno.en-vivo .tabla-turno-num {
  font-size:clamp(1.14rem,5.8vw,1.38rem);
  line-height: 1.18;
  letter-spacing: -0.025em;
  font-weight: 700;
}

}
@media (width<=430px) {
  .tabla-prov-row {
    border-radius:21px;
    padding:7px
  }
  .tabla-prov-head {
    gap:7px;
    padding-bottom:7px
  }
  .tabla-prov-nombre,.tabla-pizarra-btn {
  border-radius:16px;
  height:44px;
  min-height:44px
  font-weight: 620;
}
  .tabla-turnos-grid {
    gap:6px
  }
  .tabla-turno {
    border-radius:13px;
    height:54px;
    min-height:54px;
    padding:4px 2px
  }
  .tabla-turno-label {
  letter-spacing:.015em;
  font-size:.37rem
  font-weight: 500;
}
  .tabla-turno-num,.tabla-turno.activo .tabla-turno-num,.tabla-turno.en-vivo .tabla-turno-num {
  font-size:clamp(1.1rem,5.7vw,1.34rem);
  line-height: 1.18;
  letter-spacing: -0.025em;
  font-weight: 700;
}

}
@media (width<=360px) {
  .tabla-turno {
    height:52px;
    min-height:52px
  }
  .tabla-turno-label {
  font-size:.34rem
  font-weight: 500;
}
  .tabla-turno-num,.tabla-turno.activo .tabla-turno-num,.tabla-turno.en-vivo .tabla-turno-num {
  font-size:1.05rem;
  line-height: 1.18;
  letter-spacing: -0.025em;
  font-weight: 700;
}

}
@media (width<=760px) {
  .grid-container {
    padding-left:6px;
    padding-right:6px
  }
  .tabla-clasica-wrap {
    width:100%
  }
  .tabla-clasica-list {
    box-sizing:border-box;
    gap:14px;
    width:100%;
    max-width:none;
    margin-left:auto;
    margin-right:auto;
    padding-left:2px;
    padding-right:2px
  }
  .tabla-prov-row {
    border-radius:22px;
    width:100%;
    padding:8px
  }
  .tabla-prov-head {
    gap:7px;
    padding-bottom:7px
  }

}
@media (width<=430px) {
  .grid-container {
    padding-left:4px;
    padding-right:4px
  }
  .tabla-clasica-list {
    gap:12px;
    padding-left:0;
    padding-right:0
  }
  .tabla-prov-row {
    border-radius:20px;
    padding:7px
  }
  .tabla-prov-head {
    gap:6px;
    padding-bottom:6px
  }

}
@media (width<=360px) {
  .grid-container {
    padding-left:3px;
    padding-right:3px
  }
  .tabla-prov-row {
    border-radius:18px;
    padding:6px
  }

}
@media (width>=761px) {
  body .tabla-clasica-list {
    gap:8px
  }
  body .tabla-prov-row {
    border-radius:21px;
    padding:6px
  }
  body .tabla-prov-head {
    gap:6px;
    padding:0 0 6px
  }
  body .tabla-prov-nombre,body .tabla-pizarra-btn {
  border-radius:14px;
  min-height:38px;
  padding:0 12px;
  font-size:clamp(.86rem,.98vw,1rem);
  line-height:1
  font-weight: 620;
}
  body .tabla-prov-nombre {
  letter-spacing:.095em;
  font-weight: 620;
}
  body .tabla-pizarra-btn {
  letter-spacing:.075em;
  font-weight: 620;
}
  body .tabla-turnos-grid {
    gap:6px
  }
  body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.activo,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.en-vivo {
    border-radius:15px;
    min-height:68px;
    padding:6px 5px
  }
  body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno .tabla-turno-label {
  margin-bottom:2px;
  font-size:.58rem;
  line-height:1
  font-weight: 500;
}
  body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno .tabla-turno-num,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.activo .tabla-turno-num,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.en-vivo .tabla-turno-num {
  letter-spacing: -0.025em;
  font-size:clamp(1.66rem,2.15vw,2.4rem);
  font-weight: 700;
  line-height: 1.18;
}

}
@media (width>=761px) and (width<=1180px) {
  body .tabla-clasica-list {
    gap:7px
  }
  body .tabla-prov-row {
    border-radius:20px;
    padding:5px
  }
  body .tabla-prov-head {
    gap:5px;
    padding-bottom:5px
  }
  body .tabla-prov-nombre,body .tabla-pizarra-btn {
  border-radius:13px;
  min-height:36px;
  padding:0 10px;
  font-size:.9rem
  font-weight: 620;
}
  body .tabla-turnos-grid {
    gap:5px
  }
  body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.activo,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.en-vivo {
    border-radius:14px;
    min-height:62px;
    padding:5px 4px
  }
  body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno .tabla-turno-label {
  margin-bottom:1px;
  font-size:.54rem
  font-weight: 500;
}
  body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno .tabla-turno-num,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.activo .tabla-turno-num,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.en-vivo .tabla-turno-num {
  font-size:clamp(1.52rem,2.2vw,2.08rem);
  line-height: 1.18;
  letter-spacing: -0.025em;
  font-weight: 700;
}

}
@media (width>=1181px) {
  body .tabla-prov-row {
    padding:6px
  }
  body .tabla-prov-nombre,body .tabla-pizarra-btn {
  min-height:38px;
  font-size:clamp(.9rem,.92vw,1.04rem)
  font-weight: 620;
}
  body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.activo,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.en-vivo {
    min-height:68px
  }
  body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno .tabla-turno-num,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.activo .tabla-turno-num,body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.en-vivo .tabla-turno-num {
  font-size:clamp(1.82rem,1.92vw,2.52rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.025em;
}

}


/* Grid de resultados */
     .res-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid #F0F2F7
}
     .res-pozo {
  font-family: var(--theme-font-body);
  font-size:.9rem;
  font-weight:700;
  color:var(--theme-accent)
}
     .nums-grid {
  display:grid;
  grid-template-columns:repeat(10,1fr);
  gap:6px
}
     .num-cell {
  background:#F4F6FA;
  border-radius:7px;
  padding:10px 4px;
  text-align:center
}
         .num-val {
  display:block;
  font-size:1.1rem;
  font-weight:700;
  color:var(--theme-navy);
  font-family: var(--theme-font-body);
  font-variant-numeric:tabular-nums
}
     .num-cell.ok {
  background:#FDECEC
}
     .num-cell.ok .num-val {
  color:var(--theme-accent)
}
     @media(max-width:540px) {
  .nums-grid {
    grid-template-columns:repeat(5,1fr)
  }

}


/* Tablas y metadata de premios */
.premios-table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin-top:14px;
  border:1px solid rgba(11,29,58,.08);
  border-radius:12px;
  overflow:hidden;
  font-family: var(--theme-font-body)}
     .premios-table th {
  background:var(--theme-navy);
  color:var(--theme-white);
  font-size:.7rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-align:left;
  padding:9px
}
     .premios-table td {
  font-size:.82rem;
  color:var(--theme-navy);
  font-weight:600;
  padding:9px;
  border-top:1px solid rgba(11,29,58,.07)
}
     .premios-table td:last-child {
  text-align:right
}
     .res-meta-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px
}
     .res-meta {
  background:#F4F6FA;
  border-radius:10px;
  padding:10px;
  text-align:left
}
     .res-meta span {
  display:block;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--theme-muted);
  font-family: var(--theme-font-body)}
     .res-meta strong {
  display:block;
  font-size:.92rem;
  font-weight:800;
  color:var(--theme-navy);
  margin-top:4px;
  font-family: var(--theme-font-body)}


/* Home — tabla clásica de cabezas.
   Las clases reales son generadas por public/js/app.js:
   .tabla-turno-num, .tabla-turno-label, .tabla-prov-nombre, .tabla-pizarra-btn.
   El peso de los números se controla en las reglas anteriores de .tabla-turno-num.
 */


/* Home — ajuste fino V46:
   números reales en peso 640; guiones/sin dato en peso 540.
   No usar 900 porque empasta la lectura en desktop. */


/* Home — peso visible V47.
   Se usa 700 porque los pesos intermedios no siempre se renderizan en producción. */
body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno .tabla-turno-num,
body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.activo .tabla-turno-num,
body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.con-dato .tabla-turno-num,
body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.en-vivo .tabla-turno-num {
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.025em;
  text-shadow: none;
}

body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno.sin-dato .tabla-turno-num,
body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno:disabled .tabla-turno-num {
  font-weight: 600;
  line-height: 1.18;
  text-shadow: none;
}