/* "O que é a GABA3?" no alto da portada, só para quem chega sem conta (pedido do dono, 2026-10-16:
   "en letras grandes, en la portada tiene que estar"). Quem já tem conta não vê. */
.gaba3-o-que-e{margin:10px 12px 14px;padding:18px 18px 16px;border-radius:18px;border:1px solid rgba(85,201,0,.45);
  background-color:#1b0f06;background-image:linear-gradient(150deg,rgba(10,5,2,.30),rgba(6,3,1,.45)),url("../../assets/brand/fondo-madera-oscura-gaba3.webp");
  background-size:cover;box-shadow:0 12px 32px rgba(0,0,0,.45);color:#f0dfbd}
.gaba3-o-que-e[hidden]{display:none}
.gaba3-o-que-e h2{margin:0 0 8px;font:800 clamp(1.45rem,5.6vw,2rem)/1.15 Inter,system-ui,sans-serif;color:#fff3dc;letter-spacing:.01em}
.gaba3-o-que-e p{margin:0 0 6px;font:500 1rem/1.45 Inter,system-ui,sans-serif}
.gaba3-o-que-e p b{color:#7be22a}
.gaba3-o-que-e-botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.gaba3-o-que-e-botoes a{flex:1 1 140px;display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border-radius:12px;
  font:700 .98rem/1 Inter,system-ui,sans-serif;text-decoration:none}
.gaba3-o-que-e-botoes .principal{background:#55c900;color:#0b1a00}
.gaba3-o-que-e-botoes .secundario{border:1px solid #55c900;color:#7be22a}
@media (min-width:900px){.gaba3-o-que-e{max-width:980px;margin:14px auto 18px;padding:22px 26px}.gaba3-o-que-e p{max-width:760px}}