/* ---------- Mobile fullscreen navigation (< lg breakpoint, matches navbar-expand-lg) ---------- */
@media (max-width: 991.98px) {
  .navbar-collapse {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-nav) - 1);
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100vh !important;
    background: var(--color-bg);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--dur-medium) var(--ease-out);
  }

  .navbar-collapse.show,
  .navbar-collapse.collapsing {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .navbar-collapse.collapsing {
    transition: opacity var(--dur-medium) var(--ease-out);
  }

  .nav-links {
    flex-direction: column;
    gap: var(--space-lg);
    text-align: center;
  }

  .nav-links .nav-link {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
    font-family: var(--font-display);
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
}

@media (max-width: 767.98px) {
  .hero__content--izquierda,
  .hero__content--derecha {
    place-items: center;
    padding-left: var(--space-md);
    padding-right: var(--space-md);
  }

  .hero__content--izquierda .hero__wordmark,
  .hero__content--izquierda .hero__tagline,
  .hero__content--derecha .hero__wordmark,
  .hero__content--derecha .hero__tagline {
    text-align: center;
  }

  .hero__bar-item {
    text-align: center !important;
  }

  .hero__bar-item--center {
    order: -1;
    margin-bottom: var(--space-2xs);
  }
}

@media (max-width: 575.98px) {
  .hero__wordmark {
    letter-spacing: 0;
  }

  .brand-mark {
    font-size: 0.92rem;
  }

  .social-rail {
    top: auto;
    right: var(--space-2xs);
    bottom: var(--space-2xs);
    flex-direction: row;
    gap: var(--space-xs);
    transform: none;
  }

  .social-rail__icon {
    width: 34px;
    height: 34px;
  }

  .social-rail__icon svg {
    width: 15px;
    height: 15px;
  }
}