/* ===== AJUSTES PARA MÓVILES — HERO SECTION ===== */
@media (max-width: 768px) {
  /* Título principal: más chico y con mejor espaciado */
  .gradient-text {
    font-size: 1.5rem !important;      /* text-xl ≈ 24px */
    line-height: 1.4 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 0.75rem !important; /* mb-3 */
  }

  /* Línea decorativa: un poco más angosta y menos alta */
  .w-24.h-1 {
    width: 1.5rem !important;          /* w-6 */
    height: 0.125rem !important;       /* h-0.5 */
    margin-bottom: 0.75rem !important; /* mb-3 */
  }

  /* Subtítulo: más chico y con mejor legibilidad */
  .text-lg.md\:text-xl.text-white.font-light {
    font-size: 0.95rem !important;     /* text-sm/medium */
    line-height: 1.6 !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Contenedor del texto: bajado y con más aire arriba */
  .relative.z-10.text-center.px-4.max-w-6xl.mx-auto {
    padding-top: 2.5rem !important;    /* pt-10 */
    margin-top: 1.5rem !important;     /* mt-6 */
    padding-left: 1rem !important;     /* px-4 */
    padding-right: 1rem !important;
  }
}