/* Estilos globais e fonte */
body {
    background-color: #f3f4f6;
    font-family: 'Inter', sans-serif;
    color: #4b5563;
}

/* Efeito de hover nos links */
a:hover {
    color: #2563eb;
    transition: color 0.3s ease;
}

/* --- ESTILOS DO VIDEO HERO --- */

/* Contêiner para o vídeo */
.video-hero-container {
    width: 100%;
    height: 100vh; /* Ocupa a altura inteira da tela */
    overflow: hidden; /* Esconde partes do vídeo que vazarem */
    background-color: #000; /* Fundo preto caso o vídeo demore */
}

/* Estilos do vídeo para cobrir a tela */
.video-hero-iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Faz o vídeo cobrir a tela sem distorcer */
    transform: translate(-50%, -50%); /* Centraliza o vídeo */
}