/* Base Reset & Colors */
html {
    scroll-behavior: smooth;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    background-color: #050505;
    color: #Eaeaea;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100vh;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Gold Gradient Text Utility */
.text-gold-gradient {
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #050505;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
    border: 2px solid #050505;
}
::-webkit-scrollbar-thumb:hover {
    background: #D4AF37;
}

/* Text Selection Color */
::selection {
    background: #D4AF37;
    color: #000;
}

/* Scroll Reveal Animation Classes */
.scroll-reveal {
    opacity: 1; 
    transition: all 1s ease-out;
}

.scroll-reveal.hidden-state {
    opacity: 0;
    transform: translateY(4rem);
}

.scroll-reveal.reveal-visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- GLASSMORPHISM NAVBAR (Full Width) --- */

#navbar {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 50;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; /* Garante extensão total */
    
    /* EFEITO DE VIDRO BASE */
    background: rgba(20, 20, 20, 0.2); /* Fundo inicial sutil */
    backdrop-filter: blur(10px) saturate(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Estilos Desktop: Barra Fixa Topo */
@media (min-width: 1024px) {
    #navbar {
        height: 90px;
        padding: 0;
    }

    /* Estado Hover no container do Menu */
    #navbar:hover {
        background: rgba(20, 20, 20, 0.4);
        border-color: rgba(212, 175, 55, 0.2);
    }

    /* Estado Scrollado */
    #navbar.navbar-scrolled {
        background: rgba(5, 5, 5, 0.85); /* Mais escuro para leitura */
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
        border-bottom: 1px solid rgba(212, 175, 55, 0.1);
        height: 80px; /* Reduz levemente a altura */
    }

    /* Links do menu no Desktop */
    #navbar .nav-link {
        position: relative;
        padding: 8px 16px;
        border-radius: 4px; /* Raio menor para combinar com a barra reta */
        transition: all 0.3s ease;
        text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    }

    #navbar .nav-link:hover {
        color: #D4AF37 !important;
        background: rgba(255, 255, 255, 0.05);
    }
}

/* Estilos Mobile: Barra Superior Fixa */
@media (max-width: 1023px) {
    #navbar {
        height: 80px;
        background: rgba(5, 5, 5, 0.6);
        backdrop-filter: blur(15px) saturate(180%);
        -webkit-backdrop-filter: blur(15px) saturate(180%);
    }

    #navbar.navbar-scrolled {
        background: rgba(5, 5, 5, 0.95);
        box-shadow: 0 4px 20px rgba(0,0,0,0.5);
    }
}