/* =========================================
   PÁGINA INTERIOR: ORGANIGRAMA
========================================= */
.seccion-organigrama {
    max-width: 900px;
    margin: 0 auto;
}

.bloque-escalafon {
    margin-bottom: 40px;
}

.titulo-escalafon {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--texto-oscuro);
    margin-bottom: 10px;
    text-transform: uppercase;
}

.tabla-organigrama {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    color: var(--texto-oscuro);
}

.tabla-organigrama td {
    padding: 12px 15px;
    border-bottom: 1px solid var(--blanco); /* Línea blanca fina entre filas como en la imagen */
}

.col-grado {
    width: 20%; /* Ancho para la columna de "Grado I, II..." */
    font-weight: 600;
    color: var(--gris-oscuro);
}

.col-cargo {
    width: 80%;
}

/* Efecto de filas intercaladas replicando el color de la imagen (celeste muy claro) */
.tabla-organigrama tr:nth-child(odd) {
    background-color: #eaf6f6; /* Celeste muy sutil */
}

.tabla-organigrama tr:nth-child(even) {
    background-color: var(--blanco);
}

/* Responsive: Ajustes menores para celulares */
@media (max-width: 768px) {
    .col-grado {
        width: 30%;
        font-size: 0.85rem;
    }
    .col-cargo {
        width: 70%;
        font-size: 0.9rem;
    }
}