/* result-cards-v172.css — consolidado de tarjetas/resultados. Reemplaza v150-v166. */
/* =========================================================
   result-cards-v166.css
   Consolidado: ajustes mobile + desktop/tablet + selección.
   Reemplaza los CSS separados:
   - result-cards-mobile-v151.css
   - result-cards-mobile-v160.css
   - result-cards-desktop-tablet-v165.css
   - selection-colors-v163.css
   ========================================================= */

/* =========================================================
   result-cards-mobile-v151.css
   Ajuste mobile limpio para cajas de resultados
   ========================================================= */

/* Mobile: cajas menos altas, misma estructura de 5 columnas */
@media (max-width: 760px) {
  .tabla-turnos-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .tabla-prov-row {
    padding: 8px !important;
    border-radius: 22px !important;
  }

  .tabla-prov-head {
    padding-bottom: 8px !important;
    gap: 8px !important;
  }

  .tabla-prov-nombre,
  .tabla-pizarra-btn {
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 17px !important;
  }

  .tabla-turno {
    grid-column: auto !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 4px 3px !important;
    border-radius: 14px !important;
    gap: 2px !important;
  }

  .tabla-turno:nth-child(4),
  .tabla-turno:nth-child(5) {
    grid-column: auto !important;
  }

  .tabla-turno-label {
    font-size: 0.40rem !important;
    line-height: 1 !important;
    margin-bottom: 1px !important;
    letter-spacing: 0.025em !important;
  }

  .tabla-turno-num {
    font-size: clamp(1.14rem, 5.8vw, 1.38rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.055em !important;
  }

  .tabla-turno.activo .tabla-turno-num,
  .tabla-turno.en-vivo .tabla-turno-num {
    font-size: clamp(1.14rem, 5.8vw, 1.38rem) !important;
    line-height: 0.94 !important;
  }
}

/* Móviles chicos */
@media (max-width: 430px) {
  .tabla-prov-row {
    padding: 7px !important;
    border-radius: 21px !important;
  }

  .tabla-prov-head {
    padding-bottom: 7px !important;
    gap: 7px !important;
  }

  .tabla-prov-nombre,
  .tabla-pizarra-btn {
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;
  }

  .tabla-turnos-grid {
    gap: 6px !important;
  }

  .tabla-turno {
    min-height: 54px !important;
    height: 54px !important;
    padding: 4px 2px !important;
    border-radius: 13px !important;
  }

  .tabla-turno-label {
    font-size: 0.37rem !important;
    letter-spacing: 0.015em !important;
  }

  .tabla-turno-num {
    font-size: clamp(1.10rem, 5.7vw, 1.34rem) !important;
    line-height: 0.94 !important;
  }

  .tabla-turno.activo .tabla-turno-num,
  .tabla-turno.en-vivo .tabla-turno-num {
    font-size: clamp(1.10rem, 5.7vw, 1.34rem) !important;
    line-height: 0.94 !important;
  }
}

/* Móviles muy chicos */
@media (max-width: 360px) {
  .tabla-turno {
    min-height: 52px !important;
    height: 52px !important;
  }

  .tabla-turno-label {
    font-size: 0.34rem !important;
  }

  .tabla-turno-num {
    font-size: 1.05rem !important;
    line-height: 0.94 !important;
  }

  .tabla-turno.activo .tabla-turno-num,
  .tabla-turno.en-vivo .tabla-turno-num {
    font-size: 1.05rem !important;
    line-height: 0.94 !important;
  }
}

/* =========================================================
   result-cards-mobile-v160.css
   Ensancha la pizarra en mobile para aprovechar mejor el ancho.
   Solo afecta la home de resultados en pantallas chicas.
   ========================================================= */

@media (max-width: 760px) {
  .grid-container {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .tabla-clasica-wrap {
    width: 100% !important;
  }

  .tabla-clasica-list {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    gap: 14px !important;
    box-sizing: border-box !important;
  }

  .tabla-prov-row {
    width: 100% !important;
    padding: 8px !important;
    border-radius: 22px !important;
  }

  .tabla-prov-head {
    gap: 7px !important;
    padding-bottom: 7px !important;
  }
}

@media (max-width: 430px) {
  .grid-container {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .tabla-clasica-list {
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 12px !important;
  }

  .tabla-prov-row {
    padding: 7px !important;
    border-radius: 20px !important;
  }

  .tabla-prov-head {
    gap: 6px !important;
    padding-bottom: 6px !important;
  }
}

@media (max-width: 360px) {
  .grid-container {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .tabla-prov-row {
    padding: 6px !important;
    border-radius: 18px !important;
  }
}


/* =========================================================
   result-cards-desktop-tablet-v165.css
   Más compacto en escritorio/tablet + más peso en nombre de lotería.
   No afecta mobile.
   ========================================================= */

@media (min-width: 761px) {
  body .tabla-clasica-list {
    gap: 8px !important;
  }

  body .tabla-prov-row {
    padding: 6px !important;
    border-radius: 21px !important;
  }

  body .tabla-prov-head {
    padding: 0 0 6px !important;
    gap: 6px !important;
  }

  body .tabla-prov-nombre,
  body .tabla-pizarra-btn {
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: clamp(.86rem, .98vw, 1rem) !important;
    line-height: 1 !important;
  }

  body .tabla-prov-nombre {
    font-weight: 950 !important;
    font-variation-settings: "wght" 950;
    letter-spacing: .095em !important;
  }

  body .tabla-pizarra-btn {
    font-weight: 900 !important;
    letter-spacing: .075em !important;
  }

  body .tabla-turnos-grid {
    gap: 6px !important;
  }

  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 !important;
    padding: 6px 5px !important;
    border-radius: 15px !important;
  }

  body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno .tabla-turno-label {
    margin-bottom: 2px !important;
    font-size: .58rem !important;
    line-height: 1 !important;
  }

  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.66rem, 2.15vw, 2.40rem) !important;
    line-height: .90 !important;
    letter-spacing: -.065em !important;
    font-weight: 900 !important;
    font-variation-settings: "wght" 900;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  body .tabla-clasica-list {
    gap: 7px !important;
  }

  body .tabla-prov-row {
    padding: 5px !important;
    border-radius: 20px !important;
  }

  body .tabla-prov-head {
    padding-bottom: 5px !important;
    gap: 5px !important;
  }

  body .tabla-prov-nombre,
  body .tabla-pizarra-btn {
    min-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 13px !important;
    font-size: .90rem !important;
  }

  body .tabla-turnos-grid {
    gap: 5px !important;
  }

  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: 62px !important;
    padding: 5px 4px !important;
    border-radius: 14px !important;
  }

  body .tabla-clasica-list .tabla-prov-row .tabla-turnos-grid .tabla-turno .tabla-turno-label {
    font-size: .54rem !important;
    margin-bottom: 1px !important;
  }

  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.20vw, 2.08rem) !important;
    line-height: .90 !important;
  }
}

@media (min-width: 1181px) {
  body .tabla-prov-row {
    padding: 6px !important;
  }

  body .tabla-prov-nombre,
  body .tabla-pizarra-btn {
    min-height: 38px !important;
    font-size: clamp(.90rem, .92vw, 1.04rem) !important;
  }

  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 !important;
  }

  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) !important;
    line-height: .90 !important;
    font-weight: 900 !important;
    font-variation-settings: "wght" 900;
  }
}


/* =========================================================
   selection-colors-v163.css
   Selección de texto con colores de Números en Vivo.
   ========================================================= */

::selection {
  background: var(--nev-coral, #E85B56);
  color: var(--color-blanco, #fffaf2);
  text-shadow: none;
}

::-moz-selection {
  background: var(--nev-coral, #E85B56);
  color: var(--color-blanco, #fffaf2);
  text-shadow: none;
}

input::selection,
textarea::selection {
  background: var(--nev-coral, #E85B56);
  color: var(--color-blanco, #fffaf2);
  text-shadow: none;
}

input::-moz-selection,
textarea::-moz-selection {
  background: var(--nev-coral, #E85B56);
  color: var(--color-blanco, #fffaf2);
  text-shadow: none;
}