/* Define a fonte Inter para todo o corpo da página */
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #f8fafc; /* Cor de fundo clara */
    color: #334155; /* Cor de texto padrão */
}

/* Estilos para animação de fade-in ao rolar */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in.appear {
    opacity: 1;
    transform: translateY(0);
}

/* Estilos para listas (sem bolinhas padrão, se usadas fora de um contexto específico) */
ul {
    list-style: none; /* Remove as bolinhas padrão da lista */
    padding: 0;
}

/* Estilos específicos para o iframe de vídeo para manter a proporção */
.relative.pt-\[56\.25\%\] {
    position: relative;
    padding-top: 56.25%; /* Proporção 16:9 */
}

.relative.pt-\[56\.25\%\] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}