/* ARQUIVO: css/style.css Aqui você pode adicionar estilos CSS customizados que não são facilmente alcançados com as classes do Tailwind CSS. */ /* Importa as fontes definidas no do HTML */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@700&family=Poppins:wght@400;600&display=swap'); /* Define as fontes base para o projeto. Mesmo que a gente configure no tailwind.config, é uma boa prática ter um fallback aqui. */ body { font-family: 'Poppins', sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Lora', serif; } /* Efeito de sombra sutil no texto do Hero Section para melhorar a legibilidade sobre o vídeo/imagem de fundo. */ .text-shadow { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } .text-shadow-sm { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } /* Estilos para o player de vídeo do YouTube, se for usar. Isso garante que ele cubra toda a área da Hero Section. */ .video-background { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); z-index: -1; } /* Animação suave para o scroll */ html { scroll-behavior: smooth; }