html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
h1, h2, h3, h4, .font-oswald {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.05em;
}
.text-gradient {
    background: linear-gradient(90deg, #FFD700, #F0B90B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.cta-button {
    background: linear-gradient(90deg, #FFD700, #F0B90B);
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px 0 rgba(255, 215, 0, 0.4);
}
.cta-button:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px 0 rgba(255, 215, 0, 0.5);
}
.mentor-section {
    background-image: url('https://empirions.com/wp-content/uploads/2025/09/Design-sem-nome-58-scaled.png');
    background-size: cover;
    background-position: right center;
}

@media (max-width: 768px) {
    .mentor-section {
        background-position: 80% center; /* Ajusta a imagem em telas menores */
    }
     .mentor-section .text-content {
        background-color: rgba(0,0,0,0.7); /* Adiciona um fundo escuro para legibilidade */
        padding: 1.5rem;
        border-radius: 8px;
    }
}

/* Animação do Carrossel Infinito */
.carousel-track {
    display: flex;
    width: calc(350px * 6); /* Largura da imagem * numero de imagens (incluindo duplicatas) */
    animation: scroll 30s linear infinite;
}
.carousel-slide {
    width: 350px; /* Largura de cada imagem */
    padding: 0 12px;
}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-350px * 3)); } /* Metade da largura total para loop */
}

/* Garante que o menu overlay do Alpine funcione corretamente */
[x-cloak] { display: none !important; }