/* =====================================================
   CSS PRINCIPAL - FABENE MASSAS
   ===================================================== */

/* Importando todos os arquivos CSS organizados */
@import url("base.css");
@import url("layout.css");
@import url("components.css");
@import url("modal.css");
@import url("utilities.css");

/* =====================================================
   ESTILOS ESPECÍFICOS ADICIONAIS
   ===================================================== */

.header-content .logo h1 {
    font-family: "liana", cursive;
    font-weight: 100;
    text-align: center;
    font-size: 45px;
}

/* Seção de títulos específicos */
section h2 {
    font-size: 2rem;
    margin: 20px;
    color: var(--primary-dark);
    text-transform: uppercase;
}

.container-descricao-home {
    background: #efefef;
}

.logo {
    width: min-content;
}

/* Animações globais - movidas para base.css */

.card,
.table-container,
.form-container,
.feature-item {
    animation: fadeIn 0.5s ease;
}

/* Melhorias de acessibilidade */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Foco visível para acessibilidade */
*:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* Melhorias para impressão */
@media print {
    .btn,
    .close-modal,
    header nav,
    footer {
        display: none !important;
    }

    body {
        background: white !important;
        color: black !important;
    }

    /* Container movido para base.css */
}