/*
  IMPORTANTE: Este arquivo contém apenas os estilos
  customizados. A maior parte do estilo da página
  é fornecida pelo framework Tailwind CSS,
  que está sendo carregado no arquivo HTML.
*/

body {
    font-family: 'Inter', sans-serif;
    background-color: #f7f7f7;
    overflow-x: hidden;
}
.header-bg {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
}
.cta-button {
    background: linear-gradient(90deg, #f59e0b 0%, #ef4444 100%);
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);
    transition: transform 0.2s, box-shadow 0.2s;
    display: inline-block; /* Garante que o link se comporte como botão */
    text-decoration: none; /* Remove o sublinhado padrão do link */
}
.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.6);
}
/* Estilo para título de seção com linha inferior */
.section-title::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #ef4444;
    margin: 10px auto 0;
    border-radius: 9999px;
}