/* ============================================
   AXIS Business Hub - Responsive
   Ajustes especificos por breakpoint
   ============================================ */

.axis-business-hub-page header .elementor-button-text {
  white-space: nowrap;
}

/* El header global de Xpro no es sticky; la navegación AXIS sí debe fijarse al borde superior. */
.axis-business-hub-page .axis-subnav {
  top: 0;
}

.axis-business-hub-page footer .elementor-icon-list-item,
.axis-business-hub-page footer .elementor-icon-list-text {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .axis-hero__overlay {
    background:
      linear-gradient(90deg, rgba(7, 22, 36, 0.58) 0%, rgba(7, 22, 36, 0.14) 100%),
      linear-gradient(180deg, rgba(7, 22, 36, 0.25) 0%, rgba(7, 22, 36, 0.10) 48%, rgba(7, 22, 36, 0.46) 100%);
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  .axis-business-hub-page header .elementor-widget-button a.elementor-button[href="#axis-contacto"] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    padding: 12px 8px !important;
    font-size: 12px !important;
  }
  .axis-business-hub-page header a[href="#axis-contacto"] .elementor-button-text {
    white-space: nowrap;
    font-size: inherit;
  }
}

/* Breakpoint XS - moviles pequenos (320px) */
@media (max-width: 380px) {
  .axis-page { font-size: 0.95rem; }
  .axis-hero { min-height: 78vh; padding: 64px 0 var(--axis-space-6); }
  .axis-hero__title-line { font-size: 2.25rem; }
  .axis-stats__num { font-size: 2rem; }
  .axis-concept__list li { flex-direction: column; align-items: flex-start; }
  .axis-form { padding: var(--axis-space-4); }
  .axis-btn--lg { width: 100%; }
  .axis-location__grid,
  .axis-floors__layout { grid-template-columns: minmax(0, 1fr); }
  .axis-location__content,
  .axis-location__map,
  .axis-floors__visual,
  .axis-floors__list { min-width: 0; width: 100%; }
  .axis-location__times { grid-template-columns: minmax(0, 1fr); }
  .axis-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .axis-stats__item { min-width: 0; }
  .axis-floor { flex-wrap: wrap; gap: var(--axis-space-3); padding: var(--axis-space-3); }
  .axis-floor__num { min-width: 48px; width: 48px; height: 48px; }
  .axis-floor__body { flex-basis: calc(100% - 60px); }
  .axis-floor__metric { margin-left: 60px; }
}

/* Tablet - ajustes especificos */
@media (min-width: 768px) and (max-width: 1023px) {
  .axis-floors__layout {
    grid-template-columns: 1fr;
  }
  .axis-building { max-width: 280px; margin: 0 auto; }
}

/* Laptop - 1024 a 1280 */
@media (min-width: 1024px) and (max-width: 1279px) {
  .axis-hero { min-height: 90vh; }
  .axis-stats__num { font-size: 2.75rem; }
}

/* Monitores grandes */
@media (min-width: 1440px) {
  .axis-hero { min-height: 92vh; }
}

/* Landscape phone - ajustar hero */
@media (max-height: 600px) and (orientation: landscape) {
  .axis-hero { min-height: 100vh; padding: 100px 0 var(--axis-space-5); }
  .axis-hero__title-line { font-size: 2.5rem; }
  .axis-hero__scroll { display: none; }
}

/* Print */
@media print {
  .axis-header, .axis-subnav, .axis-mobile-menu, .axis-lightbox,
  .axis-hero__scroll, .axis-form, .axis-contact__channels { display: none !important; }
  .axis-page { color: #000; background: #fff; }
  .axis-hero { min-height: 0; padding: 24px 0; }
  .axis-hero__bg { display: none; }
  .axis-hero__title-line, .axis-h2 { color: #000; }
}