/* Portal Mato Rico - Estilo Global Final 
   CORREÇÃO CRÍTICA: Contraste do Menu (Texto Branco -> Hover Amarelo)
*/

:root {
    --verde-mato: #198754;
    --verde-escuro: #146c43;
    --amarelo-destaque: #ffc107;
    --cinza-fundo: #f8f9fa;
    --texto-dark: #212529;
    --branco: #ffffff;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: var(--cinza-fundo);
    color: var(--texto-dark);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* --- NAVEGAÇÃO (NAVBAR) --- */
.navbar {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-bottom: 3px solid var(--verde-escuro);
}

/* Força o texto a ser sempre branco em estado normal */
.navbar-dark .navbar-nav .nav-link {
    color: var(--branco) !important;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

/* CORREÇÃO DEFINITIVA DO HOVER: Texto fica AMARELO ao passar o mouse */
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link.anunciar-hover:hover {
    color: var(--amarelo-destaque) !important; /* Amarelo sobre o fundo verde */
    background-color: rgba(255, 255, 255, 0.1); /* Sutil brilho de fundo */
    border-radius: 4px;
}

/* Estilo específico para o item "+Anunciar" */
.nav-link.anunciar-hover {
    position: relative;
    padding: 8px 16px;
    margin: 0 4px;
}

/* Indicador visual de destaque para "+Anunciar" */
.nav-link.anunciar-hover::before {
    content: '';
    margin-right: 4px;
    font-weight: 700;
    font-size: 1.1em;
}

/* Botão de Anunciar (Destaque Amarelo) */
.btn-warning {
    background-color: var(--amarelo-destaque) !important;
    border: none !important;
    color: #000 !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

.btn-warning:hover {
    background-color: var(--branco) !important;
    color: var(--verde-mato) !important;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* --- BANNER HOME (HERO) --- */
.hero-section {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--branco);
    text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}

.hero-overlay {
    background: rgba(0, 0, 0, 0.4);
    width: 100%; height: 100%;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    padding: 20px;
}

/* --- CARDS --- */
.card {
    border: none;
    border-radius: 12px;
    transition: transform 0.3s ease;
}

.hover-up:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.1) !important;
}

/* --- TIPOGRAFIA --- */
h1, h2, h3, h4 { font-weight: 700; letter-spacing: -0.5px; }
.text-success { color: var(--verde-mato) !important; }

/* --- FOOTER --- */
footer { background-color: #1a1d20; }
.footer-link:hover { color: var(--amarelo-destaque) !important; }

/* Animações */
.animate-in { animation: fadeIn 0.8s ease-in-out; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Cores específicas da identidade visual de Mato Rico */
.text-matorico {
    color: var(--verde-mato) !important;
}

.bg-matorico {
    background-color: var(--verde-mato) !important;
}

/* Animações de hover para todos os links do menu */
.navbar-nav .nav-link {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}