/* Estilos del Directorio del Clero */

/* 
 * 1. Estilos del Contenedor
 */
.clerigos-container {
    overflow-x: auto;
    margin-bottom: 20px;
}

#searchInput {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.clerigos-filter-type {
    margin-bottom: 20px;
}

.clerigos-filter-type select {
     width: 100%;
     padding: 10px;
     border: 1px solid #ddd;
     border-radius: 4px;
}

#clerigosTable {
    width: 100%;
    border-collapse: collapse;
    font-family: inherit;
    margin-top: 10px;
}

#clerigosTable thead {
    background-color: #8A1538;
    color: white;
}

#clerigosTable th,
#clerigosTable td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
    vertical-align: middle;
}

/* 
 * 2. Anchos de Columnas (Mínimos para evitar cortes)
 */
#clerigosTable th:nth-child(1) { width: 140px; } /* Foto */
#clerigosTable th:nth-child(2) { min-width: 160px; } /* Nombre */
#clerigosTable th:nth-child(3) { min-width: 160px; } /* Posición / Cargo */
#clerigosTable th:nth-child(4) { min-width: 130px; } /* Ubicación */
#clerigosTable th:nth-child(5) { min-width: 120px; } /* Teléfono(s) */
#clerigosTable th:nth-child(6) { min-width: 100px; } /* Fecha Ordenación */
#clerigosTable th:nth-child(7) { min-width: 130px; } /* Lugar Ordenación */

#clerigosTable tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

#clerigosTable tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

#clerigosTable tbody tr:hover {
    background-color: #f0f0f0;
}

/* El nombre está en la segunda columna ahora */
#clerigosTable td:nth-child(2) {
    font-weight: bold;
    color: #D99E6D;
}

/* Estilo para la imagen del clérigo */
.clerigos-container img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border: 1px solid #ddd;
}