/* =====================================================
   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');




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

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

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



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

.logo {
    width: min-content;
}

/* Animações globais */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.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 {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}