/*
  AMBIENTE DE TESTE - identidade visual real da Coabra, extraida do
  site oficial de contato (coabra-contato.web.app) a pedido do
  solicitante em 2026-07-23. Carregado DEPOIS de custom.css para
  sobrescrever a paleta antiga (#3b673d, tema generico do template
  reaproveitado).
*/
:root{
    --deep:#062316;
    --deep-2:#0d3d28;
    --brand:#107c41;
    --brand-2:#17a34a;
    --light:#8fe3ac;
    --mint:#eef8f1;
    --white:#ffffff;
    --ink:#0b1f16;
    --muted:#4b5c53;
    --border:#dcede1;
}

html {
    font-size: 18px; /* base 16px -> 18px: aumenta toda fonte em rem do site de uma vez */
}

body {
    font-family:'Inter', system-ui, Arial, sans-serif;
    color: var(--ink);
    background: var(--mint);
    font-size: 1.05rem;
}

/* ---------- layout mais largo em telas grandes (site todo) ----------
   Bootstrap trava o .container em 1140px (breakpoint xl). Em monitores
   largos isso deixa muito espaco vazio nas laterais - aqui a gente
   estica esse limite conforme a tela cresce. Vale pro site inteiro
   (menu, rodape, paginas internas como historia/noticias). */
@media (min-width: 1400px) {
    .container { max-width: 1320px; }
}
@media (min-width: 1600px) {
    .container { max-width: 1520px; }
}
@media (min-width: 1900px) {
    .container { max-width: 1720px; }
}

/* ---------- tela cheia em todas as paginas ----------
   A pedido do solicitante, o .container do site inteiro (nao so a home)
   fica 100% full-bleed - menu, rodape, home, historia, noticias etc. */
.container {
    max-width: none !important;
    width: 100% !important;
    padding-left: 120px !important;
    padding-right: 120px !important;
    box-sizing: border-box !important;
}
@media (max-width: 992px) {
    .container { padding-left: 40px !important; padding-right: 40px !important; }
}
@media (max-width: 576px) {
    .container { padding-left: 24px !important; padding-right: 24px !important; }
}

h1, h2, h3, h4, h5, h6,
.artitle, .navbar-brand, .hero-brand {
    font-family:'Poppins', sans-serif;
    font-weight: 700;
}

a { color: var(--brand); }
a:hover { color: var(--brand-2); }

/* ---------- topbar ---------- */
#topbar {
    background: var(--deep) !important;
    color: rgba(255,255,255,.75);
}
#topbar a { color: rgba(255,255,255,.85); }
#topbar a:hover { color: var(--light); }

/* ---------- header / nav ---------- */
#header-content {
    background: linear-gradient(165deg, var(--deep) 0%, var(--deep-2) 60%, #0a3323 100%) !important;
    box-shadow: 0 10px 30px -14px rgba(7,45,27,.4);
}
#header-content .navbar-nav .nav-link {
    color: #fff !important;
    font-weight: 600;
}
#header-content .navbar-nav .nav-link:hover { color: var(--light) !important; }
#header-content .dropdown-menu {
    border-top: 3px solid var(--brand-2);
    border-radius: 0 0 10px 10px;
}
#header-content .dropdown-item:hover {
    background: var(--mint);
    color: var(--brand);
}

/* ---------- botoes / destaques ---------- */
.btn-outline-success, .btnAgendar, .btnAgendarS, .btnAcesso {
    background: var(--brand) !important;
    border-color: var(--brand) !important;
    color: #fff !important;
}
.btn-outline-success:hover, .btnAgendar:hover, .btnAgendarS:hover, .btnAcesso:hover {
    background: var(--brand-2) !important;
    border-color: var(--brand-2) !important;
}

/* ---------- faixa de titulo de pagina interna (.categoria) ---------- */
.categoria h2, .categoria h5 { text-align: center; }
.container-fluid.categoria {
    background: var(--mint) !important;
    border-bottom: 1px solid var(--border);
    padding: 28px 0;
    margin-bottom: 36px;
}
.categoria h2 { color: var(--deep-2) !important; }
.categoria h5, .categoria h5 a { color: var(--brand) !important; }
.categoria h5 a:hover { color: var(--deep-2) !important; }

/* ---------- breadcrumb / artigo ---------- */
.breadmap .breadcrumb { background: var(--mint); }
.articleformat a { color: var(--brand) !important; }

/* ---------- cards de unidades ---------- */
.unidade-card {
    background: #fff;
    border-color: var(--border) !important;
}
.unidade-card h4 { color: var(--brand) !important; }

/* ---------- rodape ---------- */
footer.site-footer {
    background: var(--deep) !important;
}
footer.site-footer h4 { color: #fff; }
footer.site-footer .footer-bottom { border-top-color: rgba(255,255,255,.12); }

/*.banner-aviso-teste { background:#fff3cd; color:#7a5b00; }*/