/* ============================================================
   Bombou — página "A extensão" (/extensao).
   O que a extensão é, o que faz, onde funciona e como instalar.
   Usa funcionalidades.css (hero, capítulos, vitrines) e os blocos
   de analises.css (listas, passos, cartões).
   ============================================================ */
.ex-funcoes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ex-funcao { padding: 22px; }
.ex-funcao .n { font-family: var(--font-mono); font-size: 11px; color: var(--accent); display: block; margin-bottom: 14px; }
.ex-funcao h3 { margin: 0 0 6px; font-size: 16.5px; letter-spacing: -.02em; }
.ex-funcao p { margin: 0; font-size: 14px; line-height: 1.6; }
.ex-mais { margin: 22px 0 0; text-align: center; }
@media (max-width: 1024px) { .ex-funcoes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .ex-funcoes { grid-template-columns: minmax(0, 1fr); } }