/* Estilos personalizados e configuração do Tailwind */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #F8F9FA;
}
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.hero-bg {
    position: relative;
    overflow: hidden;
    /* Para teste, você pode usar uma imagem de fundo caso o vídeo não carregue */
    /* background: url('https://picsum.photos/1920/1080') no-repeat center center/cover; */
}

/* 
  Para usar um vídeo de teste, altere o 'src' na sua tag <video> no HTML.
  Exemplo de vídeo de placeholder:
  <video autoplay muted loop>
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  </video>
*/
.hero-bg video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
}

.hero-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 25, 65, 0.7);
    z-index: -99;
}
.section-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background-color: #F59E0B; /* Amarelo/Laranja */
    margin: 8px auto 0;
    border-radius: 2px;
}