/**
 * Módulo Accesos Rápidos - Devoto
 * Estilos específicos para los accesos rápidos de Devoto
 * Barras horizontales de colores como en el legacy
 * 
 * @version 1.0.0
 * @date 2026-05-11
 */

/* ========== ACCESOS RÁPIDOS DEVOTO ========== */

.modulo-accesos-rapidos {
    padding: 0;
    background-color: transparent;
}

.modulos-acceso-container {
    display: flex;
    width: 100%;
}

.modulo-acceso {
    flex: 1;
    padding: 2rem 0;
    color: var(--color-blanco);
    text-align: center;
    text-decoration: none;
    font-size: 1.6rem;
    transition: opacity 0.3s ease;
}

.modulo-acceso:hover {
    opacity: 0.9;
    color: var(--color-blanco);
}

/* Colores específicos por módulo (del legacy) */
.modulo-tramites {
    background-color: var(--color-red);
}

.modulo-boletin {
    background-color: var(--color-pink);
}

.modulo-estudios {
    background-color: var(--color-yellow);
}

.modulo-agenda {
    background-color: var(--color-blue);
}

.modulo-noticias {
    background-color: var(--color-cyan);
}

/* ========== RESPONSIVE ========== */

@media (max-width: 480px) {
    .modulo-acceso {
        font-size: 1.3rem;
        padding: 1.5rem 0;
    }
}