/* Guia do vídeo: seção "Um anúncio pronto". Arquivo próprio porque a CSP bloqueia <style> na página. */
.ex-videos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 3vw, 34px); margin: 26px 0 18px; }
.ex-video { margin: 0; }
.ex-video video { display: block; width: 100%; max-width: 360px; aspect-ratio: 9 / 16; background: var(--ink); border: 1.5px solid var(--ink); border-radius: var(--radius-md); box-shadow: 5px 5px 0 var(--ink); }
.ex-video figcaption, .ex-mapa figcaption { margin-top: 14px; font-size: .98rem; color: var(--ink-soft); }
.ex-mapas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 3vw, 34px); margin: 26px 0 18px; }
.ex-mapa { margin: 0; }
.ex-mapa img { display: block; width: 100%; max-width: 520px; height: auto; border: 1.5px solid var(--ink); border-radius: var(--radius-md); box-shadow: 5px 5px 0 var(--ink); }
@media (max-width: 1020px) { .ex-videos, .ex-mapas { grid-template-columns: 1fr; } }