:root {
  --amarelo: #f4c515;
  --amarelo-claro: #fff1a8;
  --amarelo-hover: #ffd52c;
  --branco: #ffffff;
  --cinza: #555;
  --cinza-claro: #777;
  --cinza-escuro: #eee;
  --creme: #f7f7f5;
  --quase-preto: #171717;
  --preto: #000000;
  --vermelho: #c9151e;
  --vermelho-escuro: #9d0e15;
  --vermelho-claro: #e32930;

  --font-title: "Barlow Condensed", sans-serif;
  --font-body: "Inter", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: "Inter", sans-serif; color: var(--preto); background: var(--preto); min-width: 360px; }
h1, h2, h3 { font-family: "Barlow Condensed", sans-serif; font-weight: 700; }
p { line-height: 1.75; color: #444; }
a { text-decoration: none; }
header { position: relative; background: var(--creme); }
.logo { width: 90px; height: 90px; object-fit: contain; }
.navbar { min-height: 92px; z-index: 99;}
.nav-link { font-size: 13px; font-weight: 600; color: var(--preto) !important; padding: 35px 15px !important; position: relative; }
.nav-link::after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 20px; height: 3px; background: var(--vermelho); transform: scaleX(0); transition: .25s; }
.nav-link:hover::after, .nav-link.active::after { transform: scaleX(1); }
.main-menu .dropdown-menu { border: 0; border-top: 3px solid #c3171d; border-radius: 0; padding: 10px 0; box-shadow: 0 12px 30px rgba(0,0,0,.12); }
.main-menu .dropdown-item { padding: 10px 22px; font-size: 14px; font-weight: 500; }
.main-menu .dropdown-item:hover { background: #f7f7f7; color: var(--vermelho-escuro); }

footer { padding: 35px 0 0; color: #eee; background: radial-gradient(rgba(255,255,255,.025) 1px, transparent 1px); background-size: 5px 5px; background-color: var(--quase-preto); }
.footer h4 { margin: 15px 0 0 0; color: var(--branco); text-align: center; }
.footer p { color: rgba(255,255,255,.8); }
.footer ul { list-style: none; padding: 0; margin: 0; }
.footer li { margin-bottom: 0px; font-size: 13px; color: rgba(255,255,255,.8); text-align: center; }
.footer li a { color: rgba(255,255,255,.8); transition: .2s; }
.footer li a:hover { color: white; padding-left: 4px; }
.footer .grid {display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px;}
.footer .card { background: none; border: none; }
.footer-logo { display: flex; align-items: center; gap: 15px; }
.footer-logo img { width: 72px; height: 72px; object-fit: contain;  }
.footer-titulo { display: block; margin-bottom: 7px; color: var(--vermelho); font-family: Georgia, serif; font-size: 26px;}
.footer-titulo span { display: block; color: var(--cinza-claro); font-size: 12px; line-height: 1.5; }
.footer-link-social { display: flex; gap: 10px; margin-top: 20px; justify-content: center;}
.footer-link-social a { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: var(--branco); border: 1px solid var(--branco); border-radius: 50%; transition: .2s ease; }
.footer-link-social a:hover { color: var(--amarelo); border-color: var(--amarelo); }
.footer-contato li { display: flex; align-items: flex-start; gap: 12px; justify-content: center; }
.footer-contato i { flex: 0 0 18px; color: var(--amarelo); font-size: 17px; }
.footer-bottom { margin-top: 50px; padding: 20px 0; text-align: center; font-size: 11px; color: var(--cinza-claro); border-top: 1px solid rgba(255,255,255,.15); }
    


.apresentacao-interna { position: relative; padding: 25px 0; background: var(--creme); overflow: hidden; }
.apresentacao-interna h1 { font-size: clamp(48px, 5vw, 72px); line-height: .95; letter-spacing: -1px; margin: 0; }
.apresentacao-interna h1 span { color: var(--vermelho); }
.apresentacao-interna .linha-vermelha { width: 45px; height: 4px; background: var(--vermelho); margin: 15px 0; }
.apresentacao-descricao { max-width: 520px; font-size: 16px; }
.apresentacao-imagem {}

.section-associese { padding: 25px 0px; background: var(--vermelho); overflow: hidden;}
.section-associese .inner { position: relative; display: inline; text-align: center; color: var(--branco); }
.section-associese .titulo { font-size: 20px; line-height: 1.5; font-weight: 900; }
.section-associese .titulo strong { color: var(--amarelo); }
.section-associese .div { display: none; }
.section-associese .texto p { font-size: 12px; line-height: 1.2; color: var(--branco); }

.section-aviso { padding: 20px 0; background: var(--branco); }
.section-aviso h2 { margin: 0 0 25px; font-size: clamp(2.2rem, 4vw, 3.5rem); line-height: .95; font-weight: 900; color: var(--vermelho); }
.section-aviso p { margin: 0; color: var(--cinza); line-height: 1.7; }
.section-aviso p > span { display: block; }


.botao-amarelo { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 0px; background: var(--amarelo); color: #191919; font-size: 13px; font-weight: 800; transition: .2s ease; }
.botao-amarelo:hover { transform: translateX(3px); background: var(--amarelo-hover); }
.botao-vermelho { color: #fff; background: var(--vermelho); display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 13px 24px; border: 0; border-radius: 0; font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; transition: transform .2s ease, background-color .2s ease, color .2s ease; }
.botao-vermelho:hover { color: #fff; background: var(--vermelho-escuro); transform: translateY(-2px); }
.botao-vermelho i { font-size: 1rem; }

@media (min-width: 576px) {
}

@media (min-width: 768px) {
.footer h4 { text-align: left; }
.footer li { text-align: left; }
.footer .grid { grid-template-columns: repeat(2, 1fr); }
.footer-link-social { justify-content: left; }
.footer-contato li { justify-content: left; }
.section-associese .inner { display: flex; align-items: center; text-align: left; }
.section-associese .titulo { min-width: 250px; font-size: 30px; line-height: .95; }
.section-associese .titulo span, .sessao-associese .titulo strong { display: block; }
.section-associese .div { display: block; width: 1px; height: 100px; margin: 0 40px; background: rgba(255,255,255,.5); }
.section-associese .texto { position: relative; z-index: 3; }
.section-associese .texto p { font-size: 15px; line-height: 1.5; }
}

@media (min-width: 992px) {
.section-associese .texto { max-width: 400px; }
}

@media (min-width: 1200px) {
.footer .grid { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 1400px) {
}