/* =========================================================
   Ajustes de tipografía para pantallas pequeñas (móvil)
   Este archivo se carga DESPUÉS de style.css, así que sus
   reglas tienen prioridad automáticamente sin necesitar !important.
   ========================================================= */

@media (max-width: 576px) {

  /* Títulos generales de sección: un poco más compactos */
  h2.tp-section-title {
    font-size: 1.65rem !important;
    line-height: 1.25 !important;
  }
  h3.tp-section-title,
  .nosotros__equipo h3,
  .ayudar__donacion h3,
  .donacion__bloque h3 {
    font-size: 1.35rem !important;
  }

  /* Párrafos de introducción de sección */
  .section__header p,
  .faq__intro p,
  .ayudar__intro p,
  .donacion__intro p,
  .nosotros__historia p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  /* Preguntas frecuentes: acordeón más compacto */
  .accordion-button {
    font-size: 13.5px !important;
    padding: 14px 40px 14px 16px !important;
  }
  .accordion-body {
    font-size: 13px !important;
    padding: 0 16px 16px !important;
  }
  .accordion-body p {
    font-size: 13px !important;
  }

  /* Fichas de niños (carrusel de apadrinamiento) */
  .guardian__item .content .top h6 {
    font-size: 15px !important;
  }
  .guardian__item .content .top ul li p {
    font-size: 12.5px !important;
  }
  .guardian__item .content .top > p {
    font-size: 11.5px !important;
  }
  .guardian__item .content .bottom .guardian__btn > a {
    font-size: 12.5px !important;
  }

  /* Tarjetas de obreros locales (Nosotros) */
  .equipo__info h4 { font-size: 14.5px !important; }
  .equipo__info p { font-size: 12px !important; }

  /* Tarjetas de donación (Proyectos / Obreros locales) */
  .donacion__card h4 { font-size: 14px !important; }
  .donacion__card a { font-size: 12.5px !important; }

  /* Ubicaciones: contenido de cada pestaña */
  .appeals__content h2 { font-size: 1.5rem !important; }
  .appeals__content p { font-size: 14px !important; line-height: 1.65 !important; }

  /* Botones de pestañas de ubicación, más compactos */
  .nav-pills .nav-link {
    font-size: 13px !important;
    padding: 8px 14px !important;
  }
}

@media (max-width: 380px) {
  h2.tp-section-title { font-size: 1.45rem !important; }
  .guardian__item .content .top h6 { font-size: 14px !important; }
}