/* Guias: ajustes de capa por página (nov/2026) */
@media (min-width: 821px) {
  .hero-vis .hero-full-bg { aspect-ratio: auto; width: 66%; height: 100%; left: auto; right: 0; object-fit: cover; object-position: 0% center; }
  .hero-vis::before { background: linear-gradient(90deg, rgba(18,18,18,.94) 0%, rgba(18,18,18,.86) 34%, rgba(18,18,18,.55) 50%, rgba(18,18,18,.12) 66%, rgba(18,18,18,0) 78%); }
}
.hero-vis h1, .hero-vis .lead, .hero-vis .eyebrow, .hero-vis .crumbs { text-shadow: 0 2px 14px rgba(0,0,0,.65), 0 1px 3px rgba(0,0,0,.5); }

@media (min-width: 821px) {
  .hero-and::before { background: linear-gradient(90deg, rgba(18,18,18,.94) 0%, rgba(18,18,18,.86) 34%, rgba(18,18,18,.55) 50%, rgba(18,18,18,.12) 66%, rgba(18,18,18,0) 78%); }
}
.hero-and h1, .hero-and .lead, .hero-and .eyebrow, .hero-and .crumbs { text-shadow: 0 2px 14px rgba(0,0,0,.65), 0 1px 3px rgba(0,0,0,.5); }

@media (min-width: 821px) {
  .hero-aud .hero-full-bg { left: 38%; right: auto; top: 14%; width: 78%; height: auto; aspect-ratio: 1132 / 460; object-fit: cover; object-position: center; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 100%), linear-gradient(180deg, transparent 0%, #000 14%, #000 70%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 100%), linear-gradient(180deg, transparent 0%, #000 14%, #000 70%, transparent 100%); -webkit-mask-composite: source-in; mask-composite: intersect; }
  .hero-aud::before { background: linear-gradient(90deg, rgba(18,18,18,.94) 0%, rgba(18,18,18,.86) 34%, rgba(18,18,18,.55) 50%, rgba(18,18,18,.12) 66%, rgba(18,18,18,0) 78%); }
}
@media (max-width: 820px) {
  .hero-aud .hero-full-bg { object-position: 50% center; }
}
.hero-aud h1, .hero-aud .lead, .hero-aud .eyebrow, .hero-aud .crumbs { text-shadow: 0 2px 14px rgba(0,0,0,.65), 0 1px 3px rgba(0,0,0,.5); }


.aud-figure { margin: 24px 0; }
.aud-figure svg { width: 100%; height: auto; display: block; border-radius: 12px; }
.aud-figure .t1 { fill: #FFFFFF; font: 600 14px Inter, system-ui, sans-serif; }
.aud-figure .t2 { fill: #A9A39A; font: 400 12px Inter, system-ui, sans-serif; }
.aud-figure figcaption { font-size: 0.9rem; color: var(--muted); margin-top: 10px; }

.prose h3{margin-top:28px;}