/* --- Estilos para la selección de candidatas --- */

.candidata-card {
    cursor: pointer;
    border: 3px solid transparent; /* Borde transparente por defecto */
    transition: all 0.2s ease-in-out;
    height: 100%; /* Asegura que todas las tarjetas en la misma fila tengan la misma altura */
}

/* Estilo cuando la tarjeta está seleccionada */
.candidata-card.selected {
    border-color: #0d6efd; /* Azul de Bootstrap */
    box-shadow: 0 0 15px rgba(13, 110, 253, 0.5);
    transform: scale(1.03);
}

/* Opcional: opacidad a las no seleccionadas cuando se activa el modo selección */
.candidata-card:not(.selected) {
    opacity: 0.8;
}

.candidata-card.selected:not(:hover) {
    opacity: 1.0;
}

/* * --- AJUSTE DE IMAGEN (Opción 1) ---
 * Aquí está el cambio principal.
 */
.candidata-card img {
    width: 100%; /* La imagen ocupará todo el ancho disponible */
    height: auto; /* La altura se ajustará proporcionalmente para evitar el recorte */
    display: block; /* Elimina espacio extra debajo de la imagen */
    /* Se elimina 'object-fit: cover;' y la altura fija */
}

/* Clases de ayuda para ocultar elementos */
.d-none {
    display: none !important;
}

/* Ajuste para el logo en la barra de navegación */
.navbar-brand img {
    height: 40px; /* Ajusta esta altura (ej. 30px, 40px, 50px) según tu logo */
    width: auto;
}