/* Nuestro Impacto: Bootstrap y paleta del sitio Cuenteros Chile. */
.impacto-page { --impacto-morado: #713d8e; --impacto-turquesa: #56b7bc; }
.impacto-section { padding: 72px 0; }
.impacto-hero { padding: 64px 0; background: #56b7bc; }
.impacto-eyebrow { color: #502667; text-transform: uppercase; letter-spacing: .12em; font-size: .85rem; font-weight: 700; margin-bottom: 16px; }
.impacto-lema { font-family: 'Orelega One', cursive; font-size: clamp(1.65rem, 2.6vw, 2.3rem); line-height: 1.2; color: #502667; margin: 20px 0; }
.impacto-hero-photo { display: block; width: 100%; height: auto; border-radius: 0 28px 28px 28px; }
.impacto-cifras h2 { font-size: clamp(2rem, 3.5vw, 3rem); }
.impacto-stat { border-radius: 0 25px 25px 25px; background: #fff; color: #713d8e; text-align: center; padding: 28px 18px; height: 100%; }
.impacto-number { display: block; font-family: 'Orelega One', cursive; font-size: clamp(2rem, 3vw, 2.75rem); line-height: 1.1; margin-bottom: 18px; }
.impacto-stat p { margin: 0; line-height: 1.55; }
.impacto-comunidad { background: #f4fbfb; scroll-margin-top: 24px; }
.impacto-mapa { display: block; width: 100%; max-width: 520px; height: auto; margin: auto; border-radius: 20px; }
.impacto-small-title { font-size: 1.75rem; }
.impacto-list { list-style: none; margin: 20px 0 0; padding: 0; }
.impacto-list li { display: flex; gap: 16px; align-items: flex-start; margin: 0 0 20px; font-size: 1.1rem; }
.impacto-list li span { display: flex; flex: 0 0 38px; height: 38px; align-items: center; justify-content: center; background: #d2f9fb; color: #502667; border-radius: 50%; font-size: .85rem; font-weight: 700; }
.impacto-section-intro { max-width: 760px; margin: 18px auto 0; }
.impacto-action { margin: 0; display: flex; flex-direction: column; border-bottom: 3px solid #56b7bc; }
.impacto-action-photo { width: 100%; aspect-ratio: 4 / 3; height: auto; border-radius: 0 22px 22px 22px; }
.impacto-photo-complete { object-fit: contain; background: #f4fbfb; }
.impacto-action figcaption { padding: 24px 4px; }
.impacto-action h3 { font-size: 1.8rem; color: #713d8e; }
.impacto-action a { color: #713d8e; text-underline-offset: .2em; }
.impacto-alianzas { background: #d2f9fb; scroll-margin-top: 24px; }
.impacto-alianza-photo { display: block; width: 100%; height: auto; border-radius: 0 28px 28px 28px; }
.impacto-cta h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
.impacto-page a:focus-visible { outline: 3px solid #ffb600; outline-offset: 4px; }
@media (max-width: 767px) {
  .impacto-section { padding: 48px 0; }
  .impacto-hero { padding: 40px 0; }
  .impacto-stat { padding: 24px 12px; }
  .impacto-stat p { font-size: .95rem; }
  .impacto-mapa { max-width: 480px; }
  .impacto-action-photo { aspect-ratio: auto; }
}