/* Suavização de fontes para um look mais premium */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Scrollbar personalizada (dourada e elegante) */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #F7F2EA; /* Cor champagne */
}

::-webkit-scrollbar-thumb {
    background: #C9A35D; /* Cor dourada */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #A9833A; /* Dourado escuro */
}

/* Animação inicial do Hero (Fade In Up) */
.fade-in-up {
    opacity: 0;
    animation: fadeInUp 1.5s ease-out 0.5s forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================================
   Animação das Ondas do Mar (Sea Effect)
   ========================================= */
.parallax-waves > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}

.parallax-waves > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax-waves > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax-waves > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax-waves > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}