/* ---------------------------------------------------------------------------
   Archivo: public/css/estadisticas.css
   Propósito: Estilos específicos para las tablas de Estadísticas, usando
             colores institucionales: guinda (#800000) y dorado (#d4af37).
   --------------------------------------------------------------------------- */

/* 1) Encabezados de la tabla */
.table thead th {
  background-color: #800000; /* guinda institucional */
  color: #ffffff;            /* texto blanco */
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-color: #5f0011;     /* borde más oscuro */
  text-align: center;
  border-bottom: 2px solid #5f0011;
}

/* 2) Filas alternas (table-striped ya de Bootstrap) */
.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(128, 0, 0, 0.05); /* suave guinda muy tenue */
}

/* 3) Hover sobre filas */
.table.table-hover tbody tr:hover {
  background-color: rgba(128, 0, 0, 0.15); /* guinda tenue al pasar */
}

/* 4) Alineación vertical y padding general */
.table th,
.table td {
  vertical-align: middle;
  padding: 0.75rem 1rem;
}

/* 5) Primer columna en negrita (opcional) */
.table tbody td:first-child {
  font-weight: 600;
}

/* 6) Centrar últimas columnas de “Posición” y “Puntos” */
.table tbody td:nth-last-child(1),
.table tbody td:nth-last-child(2) {
  text-align: center;
  width: 6%;
}

/* 7) Tarjetas / contenedores (heredados de Bootstrap) */
.card {
  border: none;
  border-radius: 0.5rem;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

/* 8) Título de sección */
.header-propuesta3 {
  background-color: #ffffff;
}

.section-title {
  color: #800000; /* guinda */
  font-weight: bold;
}

/* 9) Responsividad para tablas anchas */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}