/* Grupo Pro Personae — overrides mobile (≤767px) */
@media (max-width: 767px) {

  /* Foto a pantalla completa con el texto encima y degradado azul hacia abajo
     (la imagen sigue viéndose por detrás del texto), como el diseño. */
  .hero {
    background:
      url("../images/mobile/hero.png") top center/cover no-repeat;
    height: 55dvh !important;
    padding: 0 18px 10px !important;
    text-align: center !important;
  }
  /* El texto se ancla a la parte baja (zona con más azul). */
  .hero .row { align-items: flex-end !important; }
  .hero h1 { font-size: 1rem; line-height: 1.3; margin-bottom: 0.5rem; }
  .hero p { font-size: 0.7rem; line-height: 1.4; }
  .hero .btn-pill { margin-inline: auto; font-size: 0.9rem; }

  .info-band p { font-size: 0.8rem !important; }

  .card-testimonio { flex-direction: column !important; }
  .text-end { position: absolute; top: 10px; right: 10px; }
  .h-cappac { height: 100% !important; }

  .img-placeholder { width: 100% !important; aspect-ratio: 1/1; padding: 7px !important; }
  .img-placeholder img { width: 100%; object-fit: cover; }

  .card-border { height: 100% !important; width: 100% !important; position: relative; }
  .card-border h1 { font-size: 1.5rem !important; }
  .card-border p { font-size: 0.9rem !important; }

  .img-quote { width: 55px; }
  .card-testimonio > .card-content { padding: 7px !important; height: 220px !important; }

  .faq-question { font-size: 1.1rem; }

  .plyr { width: 100% !important; min-width: 100% !important; }
}