body { background-color: #FDF8F0; scroll-behavior: smooth; overflow-x: hidden; }
        .font-cinzel { font-family: 'Cinzel', serif; }
        .font-lora { font-family: 'Lora', serif; }
        .bg-olive { background-color: #4A572B; }
        .text-olive { color: #4A572B; }
        .bg-accent-red { background-color: #A13D37; }
        .text-accent-red { color: #A13D37; }
        .border-accent-red { border-color: #A13D37; }
        .text-dark-gray { color: #3d3d3d; }
        .bg-dark-gray { background-color: #3d3d3d; }
        .hero-overlay { background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.2)); }
        .nav-link { position: relative; transition: color 0.3s; }
        .nav-link:hover { color: #A13D37; }
        .nav-link::after { content: ''; position: absolute; left: 0; bottom: -5px; width: 0; height: 2px; background-color: #A13D37; transition: width 0.3s; }
        .nav-link:hover::after { width: 100%; }
        
        #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #FDF8F0; z-index: 1000; display: flex; justify-content: center; align-items: center; transition: opacity 0.75s ease, visibility 0.75s ease; }
        #preloader.hidden { opacity: 0; visibility: hidden; }
        #preloader img { animation: pulse 1.5s infinite ease-in-out; }
        @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.8; } }

        .hero-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.5s ease-in-out; animation: zoom 20s infinite; }
        .hero-slide.active { opacity: 1; }
        @keyframes zoom { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
        
        .section-divider { height: 4px; background-image: linear-gradient(to right, #009246 33%, #FDF8F0 33%, #FDF8F0 66%, #CE2B37 66%); }
        .section-divider-white { height: 4px; background-image: linear-gradient(to right, #009246 33%, #FFFFFF 33%, #FFFFFF 66%, #CE2B37 66%); }
        
        .animated-text { transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; }
        .animated-text.hide { opacity: 0; transform: translateY(10px); }
        .animated-text.show { opacity: 1; transform: translateY(0); }

        .experience-filter-btn { transition: all 0.3s ease; }
        .experience-filter-btn.active { background-color: #A13D37; color: white; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
        .experience-filter-btn:not(.active) { background-color: #e2e8f0; color: #4A572B; }

        .menu-tab-btn { transition: all 0.3s ease; }
        .menu-tab-btn.active { background-color: #4A572B; color: white; }
        .menu-tab-btn:not(.active) { background-color: transparent; color: #4A572B; border: 1px solid #4A572B; }

        /* [REMOVIDO] Regras de scroll do #menu-tabs-container */
        
        /* [REMOVIDO] Regras do .scroll-arrow */

        /* [NOVO] Regra de base do Header para transição limpa */
        header#inicio {
            background-color: rgba(74, 87, 43, 0.9); /* bg-olive/90 */
            backdrop-filter: blur(4px); /* backdrop-blur-sm */
            -webkit-backdrop-filter: blur(4px); /* Suporte para Safari */
            transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
        }

        /* [CORRIGIDO] Estilo do Header ao rolar (sem !important) */
        header#inicio.header-scrolled {
            background-color: #4A572B; /* bg-olive solid */
            backdrop-filter: none; /* Remove o blur */
            -webkit-backdrop-filter: none; /* Remove o blur no Safari */
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /* Adiciona sombra */
        }

        /* [ATUALIZADO] Destaque para o menu mobile com gradiente e sombra */
        #mobile-menu {
            /* Remove a cor sólida 'bg-olive' do Tailwind */
            background-color: transparent; 
            /* Adiciona o gradiente solicitado */
            background-image: linear-gradient(to bottom, #4A572B, #3a4722); /* De verde-oliva para um tom mais escuro */
            
            /* Adiciona a borda e uma sombra para destacar */
            border-left: 2px solid rgba(255, 255, 255, 0.2); 
            box-shadow: -5px 0 15px rgba(0,0,0,0.3); /* Sombra para profundidade */
        }