/**
 * MisparBit — Landing Responsive (separado para landing.css)
 */

/* Reutiliza responsive.css global — aquí solo overrides específicos de landing */

/* Asegurar que el nav no solapa el hero en iOS Safari */
@supports (-webkit-touch-callout: none) {
  .mb-hero {
    padding-bottom: max(var(--mb-space-10), env(safe-area-inset-bottom));
  }
}

/* Header Responsivo */
@media (max-width: 768px) {
  .mb-nav__inner {
    justify-content: space-between !important;
  }
  .mb-nav__links {
    display: none !important;
  }
  .mb-nav__cta {
    display: none !important;
  }
  .mb-nav__hamburger {
    display: flex !important;
  }
  /* Ajustes de layout principal en móviles */
  .mb-section__inner, .mb-hero__inner {
    width: 100% !important;
    padding-left: var(--mb-space-3);
    padding-right: var(--mb-space-3);
    overflow: hidden;
  }
}

@media (max-width: 480px) {
  .mb-hero { padding-top: calc(var(--mb-space-10) + 12px); padding-bottom: var(--mb-space-6); min-height: auto; }
  .mb-hero__desc { font-size: 0.9rem; line-height: 1.5; margin-bottom: 24px; max-width: 90%; }
  .mb-hero__title { font-size: clamp(2rem, 8vw, 2.5rem); }
  .mb-hero__hebrew { font-size: 1.5rem; margin-bottom: 12px; }
}

/* Esconder ReCaptcha Badge en Movil para no tapar contenido */
@media (max-width: 768px) {
  .grecaptcha-badge {
    visibility: hidden !important;
  }
}