.th_correo {
  text-align: left;
  font-size:10px;
}
/* =========================
 BASE
========================= */
body {
background: #ffffff;
color: #222;
transition: all 0.3s ease;
}

body.dark {
background: #1e1e1e;
color: #f1f1f1;
}

/* Contenedor tabla */
body.dark .table {
background-color: #1e1e1e;
color: #f1f1f1;
border-color: #444;
border-radius: 8px;
overflow: hidden;
}

/* ENCABEZADO (corrige Bootstrap) */
body.dark .table thead th {
background-color: #691b32 !important; /* vino institucional */
color: #ffffff !important;
border-color: #444;
text-align: center;
vertical-align: middle;
}

/* CELDAS */
body.dark .table td,
body.dark .table th {
border-color: #444;
}

/* ===== FILAS (AQUÍ ESTABA EL ERROR) ===== */
body.dark .table tbody tr {
background-color: #2a2a2a !important;
color: #f1f1f1;
transition: background 0.25s ease;
}

/* Zebra (alternado elegante) */
body.dark .table tbody tr:nth-child(even) {
background-color: #242424 !important;
}

/* Hover */
body.dark .table-hover tbody tr:hover {
background-color: #333 !important;
}


/* =========================
 LINKS EN TABLA
========================= */
body.dark .table a {
color: #e6c68a; /* dorado claro */
text-decoration: none;
transition: all 0.25s ease;
}

body.dark .table a:hover {
color: #ffd700;
text-shadow: 0 0 6px rgba(255, 215, 0, 0.6);
}

/* Blanco en dark */
body.dark #iconoliga {
filter: brightness(0) invert(1);
transition: filter 0.3s ease, transform 0.2s ease;
}

/* Hover dorado */
body.dark #iconoliga:hover {
transform: scale(1.1);
}

/* =========================
 ALINEACIÓN GLOBAL TABLA
========================= */
.table td,
.table th {
text-align: center;
vertical-align: middle;
}


/* Evita “flash blanco” */
body.dark .table-responsive {
background-color: #1e1e1e;
}

/* Bordes suaves */
body.dark .table {
box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

/* ===== CONTROLES DATATABLES DARK ===== */

/* Contenedor general */
body.dark .dataTables_wrapper {
color: #f1f1f1;
}

/* Texto "Mostrar X registros" y "Buscar" */
body.dark .dataTables_length,
body.dark .dataTables_filter,
body.dark .dataTables_info {
color: #ccc;
}

/* SELECT (Mostrar registros) */
body.dark .dataTables_length select {
background-color: #2a2a2a;
color: #f1f1f1;
border: 1px solid #555;
border-radius: 6px;
padding: 4px 8px;
}

/* INPUT de búsqueda */
body.dark .dataTables_filter input {
background-color: #2a2a2a;
color: #fff;
border: 1px solid #555;
border-radius: 6px;
padding: 6px 10px;
outline: none;
transition: all 0.25s ease;
}

/* Placeholder */
body.dark .dataTables_filter input::placeholder {
color: #aaa;
}

/* Focus (cuando escribes) */
body.dark .dataTables_filter input:focus {
border-color: #bc955b; /* dorado */
box-shadow: 0 0 6px rgba(188,149,91,0.5);
}

/* Paginación */
body.dark .dataTables_paginate .paginate_button {
color: #ccc !important;
background: transparent !important;
border: 1px solid #444 !important;
border-radius: 6px;
margin: 2px;
}

/* Hover paginación */
body.dark .dataTables_paginate .paginate_button:hover {
background: #2c2c2c !important;
color: #bc955b !important;
}

/* Página activa */
body.dark .dataTables_paginate .paginate_button.current {
background: #bc955b !important;
color: #000 !important;
border-color: #bc955b !important;
}