/* ==========================================
   DIRECTORIO INSTITUCIONAL SAFIN
========================================== */

/* Contenedor */
.tabla-safin-contenedor {
    width: 100%;
    max-width: 100%;
    margin: 30px auto;
    overflow-x: auto;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 5px 20px rgba(79, 23, 45, 0.10);
    -webkit-overflow-scrolling: touch;
}

/* Tabla */
.tabla-safin-contenedor .tabla-safin {
    width: 100%;
    min-width: 800px;
    margin: 0;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    color: #343434;
    font-size: 14px;
    line-height: 1.6;
}

/* Encabezados */
.tabla-safin-contenedor .tabla-safin th {
    padding: 18px 16px;
    background: #4F172D;
    color: #ffffff;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    border: none;
    border-bottom: 3px solid #B7A387;
}

/* Celdas */
.tabla-safin-contenedor .tabla-safin td {
    padding: 15px 16px;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #eee7e9;
    background: #ffffff;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

/* Elimina espacios innecesarios de los párrafos */
.tabla-safin-contenedor .tabla-safin td p {
    margin: 0;
}

/* Filas alternadas */
.tabla-safin-contenedor .tabla-safin tbody tr:nth-child(even) td {
    background-color: #faf7f8;
}

/* Efecto visual al pasar el cursor */
@media (hover: hover) and (pointer: fine) {
    .tabla-safin-contenedor .tabla-safin tbody tr:hover td {
        background-color: #f0e4e8;
        color: #4F172D;
    }

    .tabla-safin-contenedor .tabla-safin tbody tr:hover td:first-child {
        box-shadow: inset 4px 0 0 #B7A387;
    }
}

/* Extensiones centradas */
.tabla-safin-contenedor .tabla-safin th:nth-child(4),
.tabla-safin-contenedor .tabla-safin td:nth-child(4) {
    text-align: center;
    white-space: nowrap;
}

/* Última fila sin borde inferior */
.tabla-safin-contenedor .tabla-safin tbody tr:last-child td {
    border-bottom: none;
}

/* Ajustes para pantallas pequeñas */
@media (max-width: 600px) {
    .tabla-safin-contenedor {
        margin: 20px auto;
        border-radius: 10px;
    }

    .tabla-safin-contenedor .tabla-safin {
        font-size: 13px;
    }

    .tabla-safin-contenedor .tabla-safin th,
    .tabla-safin-contenedor .tabla-safin td {
        padding: 12px;
    }
}

/* Accesibilidad: movimiento reducido */
@media (prefers-reduced-motion: reduce) {
    .tabla-safin-contenedor .tabla-safin td {
        transition: none;
    }
}