/**
 * Estilos para a seção "Escolas e Legislação" no template de Educação Especial/Inclusiva
 * 
 * @package E1DP
 * @since 1.0.0
 */

/* Container principal para os cards */
#escolas-legislacao .escolas-card,
#escolas-legislacao .legislacao-card {
    transition: all 0.3s ease-in-out;
    border: 1px solid transparent;
}

/* Cards sem efeitos de hover na borda ou sombra */
#escolas-legislacao .escolas-card:hover,
#escolas-legislacao .legislacao-card:hover {
    /* Removidos efeitos de sombra e borda no hover */
}

/* Efeito de hover para os botões - padronizado com cards-paginas.php */
#escolas-legislacao .escolas-legislacao__button:hover {
    opacity: 0.9;
}

/* Estilização para dispositivos móveis */
@media (max-width: 768px) {
    #escolas-legislacao .flex-col {
        gap: 1.5rem;
    }
    
    #escolas-legislacao .escolas-card,
    #escolas-legislacao .legislacao-card {
        width: 100%;
        max-width: 100%;
        align-items: center;
    }

    #escolas-legislacao .escolas-card > div:last-child,
    #escolas-legislacao .legislacao-card > div:last-child {
        width: 140px !important;
        height: 140px !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-left: auto;
    }

    #escolas-legislacao .legislacao-card > div:last-child {
        width: min(176px, 42vw) !important;
        height: 119px !important;
    }

    #escolas-legislacao .escolas-card img,
    #escolas-legislacao .legislacao-card img {
        width: 100% !important;
        height: 100% !important;
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }
}

/* Estilização para tela escura */
.dark #escolas-legislacao .escolas-card,
.dark #escolas-legislacao .legislacao-card {
    background-color: rgba(255, 255, 255, 0.03);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}

.dark #escolas-legislacao .escolas-card:hover,
.dark #escolas-legislacao .legislacao-card:hover {
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.15);
}

/* Ajustes para tamanhos de texto */
#escolas-legislacao .font-bold {
    font-size: 1.125rem;
}

#escolas-legislacao p {
    font-size: 0.875rem;
    line-height: 1.5;
}