/* Fonte mais limpa e moderna */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

:root {
    --cor-principal: #008611;
    --cor-principal-hover: #00660d; /* Um tom um pouco mais escuro para efeitos */
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
}

/* Ajustes na Barra de Navegação */
.navbar-brand {
    font-size: 1.5rem;
    color: var(--cor-principal) !important;
}

.nav-link.active, .nav-link:hover {
    color: var(--cor-principal) !important;
}

/* Botão de Área Interna (Menu) */
.btn-outline-primary {
    color: var(--cor-principal);
    border-color: var(--cor-principal);
}

.btn-outline-primary:hover {
    background-color: var(--cor-principal);
    border-color: var(--cor-principal);
    color: #fff;
}

/* Hero Section (Cabeçalho) */
.hero-section {
    /* Gradiente usando o Verde da casa */
    /* Se quiser usar uma foto de fundo, descomente a linha abaixo e coloque o nome do arquivo */
    /* background: linear-gradient(rgba(0,134,17,0.8), rgba(0,50,5,0.8)), url('sua-foto.jpg'); */
    
    background: linear-gradient(135deg, #008611 0%, #004d09 100%);
    height: 80vh; /* Ocupa 80% da altura da tela */
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
}

/* Títulos principais com a cor da casa */
.text-primary {
    color: var(--cor-principal) !important;
}

/* Cards de Giras */
.hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #eee;
}

.hover-effect:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 134, 17, 0.15) !important; /* Sombra esverdeada suave */
    border-color: var(--cor-principal);
}

/* Emblema da data */
.date-badge {
    display: inline-block;
    background-color: #f0fdf4; /* Fundo verde bem clarinho */
    color: var(--cor-principal);
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 0.9rem;
    border: 1px solid var(--cor-principal);
}

/* Ícones de Contato */
.fa-location-dot, .fa-whatsapp, .fa-envelope {
    color: var(--cor-principal);
}

/* Mapa */
iframe {
    width: 100%;
    border-radius: 10px;
}

/* Rodapé */
footer {
    background-color: #1a1a1a;
    color: #fff;
}