/* Variáveis Principais */
:root {
    --cor-marca: #7f16ea;
    --cor-marca-hover: #5d0ba3;
}

body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Utilitários */
.bg-brand { background-color: var(--cor-marca) !important; }
.text-brand { color: var(--cor-marca) !important; }
.tracking-wide { letter-spacing: 2px; }

/* Botões */
.btn-brand {
    background-color: var(--cor-marca);
    color: white;
    transition: all 0.3s ease;
}
.btn-brand:hover {
    background-color: var(--cor-marca-hover);
    color: white;
    transform: translateY(-3px);
}

.btn-login-outline {
    border: 2px solid white;
    color: white;
    background: transparent;
    font-weight: 600;
    transition: all 0.3s;
}
.btn-login-outline:hover {
    background: white;
    color: var(--cor-marca);
}

/* Navbar Dinâmica */
.transition-navbar {
    transition: all 0.4s ease;
    padding: 20px 0;
    background-color: transparent;
}
.transition-navbar.scrolled {
    background-color: var(--cor-marca);
    padding: 10px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* Hero Section */
.hero-fullscreen {
    position: relative;
    height: 100vh;
    background: url('https://images.unsplash.com/photo-1513889961551-628c1e5e2ee9?q=80&w=2070&auto=format&fit=crop') center/cover no-repeat;
    background-attachment: fixed; /* Efeito Parallax suave */
}
.hero-fullscreen .overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(135deg, rgba(127, 22, 234, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.hero-content {
    z-index: 2;
    margin-top: 50px;
}

/* Imagens das Atrações */
.atracao-img {
    transition: transform 0.5s ease;
}
.atracao-img:hover {
    transform: scale(1.03);
}

/* Animações de Scroll (Revelação) */
.reveal {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease-out;
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}