/* === VIDEO: que se vea completo en móvil === */
.zpvideo-bg-container {
  position: relative !important;
  min-height: 300px !important;
}
.zpsection-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  min-height: 300px !important;
}

/* === ESPACIADORES: reducir huecos exagerados en móvil === */
@media screen and (max-width: 768px) {
  .zpelement.zpelem-spacer .zpspacer {
    height: 30px !important;
  }

  /* Video: altura fija razonable en pantallas chicas */
  .zpvideo-section {
    min-height: 280px !important;
  }
  .zpvideo-bg-container,
  .zpsection-video {
    min-height: 280px !important;
    max-height: 280px !important;
  }

  /* Títulos que se desbordan */
  h1, h2 {
    font-size: 1.6rem !important;
    line-height: 1.3 !important;
  }
  h3 {
    font-size: 1.2rem !important;
  }

  /* Menos padding lateral en secciones */
  .zpsection {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}