/* ============================================================================
 * tighten-spacing.css — Reduce el espacio vertical vacío ENTRE secciones de la
 * home www.jdmrservices.com, SIN tocar el bundle React compilado.
 *
 * La home es Tailwind v4: cada sección usa .py-20 (padding-block 5rem = 80px
 * arriba + 80px abajo). Dos secciones seguidas dejaban ~160px de aire. Aquí
 * recortamos ese padding de sección (y el .py-16 puntual) a la mitad aprox.,
 * y afinamos las bandas premium inyectadas (app-promo y contador de visitas)
 * para que el ritmo vertical sea más compacto y parejo.
 *
 * Se carga como <link> al FINAL del <body> (después del CSS del bundle) → gana
 * por orden; además usamos !important para asegurar el override. Reversible:
 * basta quitar el <link> de index.html.
 * ==========================================================================*/

/* Padding vertical de las secciones de la home (antes 5rem / 4rem). */
.py-20 { padding-block: 2.5rem !important; }
.py-16 { padding-block: 2.25rem !important; }

/* En pantallas chicas, aún un poco más compacto. */
@media (max-width: 640px) {
  .py-20 { padding-block: 1.9rem !important; }
  .py-16 { padding-block: 1.6rem !important; }
}

/* Bandas premium inyectadas por nuestros scripts estáticos: mismo ritmo. */
.jdmr-app { padding-block: 1.6rem !important; }
.jdmr-vis { padding-block: 1.2rem !important; }