/* ============================================================
   VSL DIRECTA COMPACTA (Emilio, audio 16-oct-2026 14:19)
   «Que el video suba mas arriba y el boton tambien, que este visible mientras
   se reproduce la VSL»: menos aire entre cabecera, titulo, video y boton
   para que los tres entren en la primera pantalla de un movil.
   ============================================================ */
/* La onda blanca (.hero::after) ocupa los 42 px de abajo del hero: el padding
   inferior tiene que superarla con margen o el boton «toca» la parte blanca
   (Emilio, audio 14:43). */
.hero.hero-center { padding: 30px 0 104px !important; }
.hero h1 { margin-bottom: 20px; }
.video-shell + div { margin-top: 22px !important; }
/* Funnel 1 (VSL tras la pre-landing): el bloque «Esta clase es para ti si» se
   queda, pero mas pequeno (Emilio, audio 14:41) */
.hero .para-ti { margin: 10px auto 16px !important; }
.hero .para-ti .sub { font-size: .9rem; line-height: 1.35; margin-bottom: 5px !important; }
@media (max-width: 640px) {
  .hero.hero-center { padding: 14px 0 88px !important; }
  .hero h1 { font-size: 1.18rem !important; line-height: 1.25; margin-bottom: 12px; }
  .hero .para-ti { margin: 6px auto 12px !important; }
  .hero .para-ti .sub { font-size: .78rem; line-height: 1.3; margin-bottom: 3px !important; }
  .video-shell + div { margin-top: 14px !important; }
  .btn.big { font-size: 1rem; padding: 14px 30px; }
}