:root {
            --primary-black: #0a0a0a; /* Cor de fundo principal */
            --dark-gray: #1a1a1a;    /* Usado para seções e fundos de cards */
            --medium-gray: #2a2a2a; /* Tom intermediário de cinza */
            --light-gray: #e0e0e0;  /* Cor principal do texto */
            --accent-gold: #b49464; /* Cor de destaque principal */
            --accent-gold-light: #c8a774; /* Variação mais clara do dourado para hovers */
        }
        
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--primary-black);
            color: var(--light-gray);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            overflow-x: hidden; /* Previne scroll horizontal */
        }
        
        .font-playfair {
            font-family: 'Playfair Display', serif;
        }
        
        .accent-color {
            color: var(--accent-gold);
        }
        
        .bg-accent-color {
            background-color: var(--accent-gold);
        }
        
        .bg-accent-color-hover:hover {
            background-color: var(--accent-gold-light);
        }
        
        .border-accent-color {
            border-color: var(--accent-gold);
        }
        
        .text-shadow-custom {
            text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
        }
        
        .card-hover-effect {
            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
        }
        
        .card-hover-effect:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
        }
        
        /* Estilização da barra de rolagem */
        ::-webkit-scrollbar {
            width: 8px;
        }
        
        ::-webkit-scrollbar-track {
            background: var(--primary-black);
        }
        
        ::-webkit-scrollbar-thumb {
            background: var(--accent-gold);
            border-radius: 4px;
        }
        
        ::-webkit-scrollbar-thumb:hover {
            background: var(--accent-gold-light);
        }
        
        html {
            scroll-behavior: smooth; /* Rolagem suave para âncoras */
        }
        
        /* Estilo para títulos de seção */
        .section-title {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            letter-spacing: 0.5px;
            position: relative;
            display: inline-block;
            padding-bottom: 15px; /* Espaço para a linha abaixo */
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background: var(--accent-gold);
        }
        
        .section-title-center::after {
            left: 50%;
            transform: translateX(-50%); /* Centraliza a linha */
        }
        
        /* Estilo para cards com efeito de vidro */
        .glassmorphism-card {
            background: rgba(25, 25, 25, 0.85); /* --dark-gray com transparência */
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border: 1px solid rgba(180, 148, 100, 0.15); /* Borda sutil dourada */
            border-radius: 12px; /* Cantos arredondados consistentes */
            transition: all 0.3s ease;
        }
        
        .glassmorphism-card:hover {
            border-color: rgba(180, 148, 100, 0.3); /* Borda mais visível no hover */
        }

        /* Animação de entrada suave */
        .fade-in-up {
            opacity: 0;
            transform: translateY(25px);
            animation: fadeInUp 0.9s ease-out forwards;
        }
        
        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Aplicar delay para animações escalonadas */
        .delay-1 { animation-delay: 0.25s; }
        .delay-2 { animation-delay: 0.5s; }
        .delay-3 { animation-delay: 0.75s; }
        .delay-4 { animation-delay: 1s; }
        .delay-5 { animation-delay: 1.25s; }
        .delay-6 { animation-delay: 1.5s; }


        /* Botão flutuante do WhatsApp */
        .whatsapp-float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 30px;
            right: 30px;
            background-color: #25D366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            z-index: 100;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .whatsapp-float:hover {
            transform: scale(1.1);
            box-shadow: 0 8px 20px rgba(37, 211, 102, 0.4);
        }
        
        /* Efeito de luz sutil no fundo (decorativo) */
        .light-effect {
            position: absolute;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(180, 148, 100, 0.08) 0%, rgba(180, 148, 100, 0) 70%);
            z-index: 0; /* Atrás do conteúdo */
            pointer-events: none; /* Não interfere com cliques */
        }
        
        /* Header moderno com efeito de desfoque */
        header.sticky {
            background: rgba(10, 10, 10, 0.9); /* --primary-black com mais transparência para o efeito blur */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(180, 148, 100, 0.1);
        }
        
        /* Seção Hero */
        .hero-section {
            background: linear-gradient(to bottom, #050505, var(--primary-black)); /* Gradiente sutil */
            position: relative;
            overflow: hidden; /* Garante que pseudo-elementos não causem scroll */
        }
        
        .hero-section::before { /* Efeito de gradiente radial de fundo */
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(180, 148, 100, 0.04) 0%, rgba(10, 10, 10, 0) 65%);
            z-index: 0;
            animation: pulseGradient 15s infinite ease-in-out;
        }

        @keyframes pulseGradient {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.1); opacity: 0.7; }
            100% { transform: scale(1); opacity: 1; }
        }
        
        /* Rodapé */
        footer {
            background: rgba(5, 5, 5, 0.95); /* Um pouco mais escuro que o corpo */
            border-top: 1px solid rgba(180, 148, 100, 0.1);
        }
        
        /* Ajustes para telas menores */
        @media (max-width: 768px) {
            .whatsapp-float {
                width: 55px;
                height: 55px;
                bottom: 20px;
                right: 20px;
                font-size: 26px;
            }
            
            .section-title {
                font-size: 2rem; /* Ajuste de tamanho para mobile */
                padding-bottom: 12px;
            }
            
            .section-title::after {
                width: 50px;
                height: 2.5px;
            }
            
            .hero-section h1 {
                font-size: 2.5rem; /* Ajuste de tamanho para mobile */
            }
            
            .hero-section p {
                font-size: 1rem; /* Ajuste de tamanho para mobile */
            }
            
            .card-hover-effect:hover { /* Desativa o efeito de levantar em mobile para evitar problemas de toque */
                transform: none;
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1); /* Mantém uma sombra sutil */
            }
        }
        
        @media (max-width: 480px) {
            .hero-section h1 {
                font-size: 2.1rem; /* Ajuste fino para telas muito pequenas */
            }
            
            .section-title {
                font-size: 1.75rem; /* Ajuste fino para telas muito pequenas */
            }
        }