.elementor .e-31059d8{display:inline-flex;flex-direction:column;/* =====================================================================
 CORRECCIÓN FINAL: EDIFICIO ANCLADO AL PISO (TELÓN SÓLIDO)
 ===================================================================== */

@media (max-width: 1024px) {

/* 1. LOGOS Y MENÚ (Más pequeños para que no choquen con el texto) */
#bmc-root #pl-logo { height: auto !important; width: 100% !important; max-width: 220px !important; }
#bmc-root #nav-logo img { height: 40px !important; width: auto !important; } /* Reducido de 60px a 40px */
#bmc-root #nav { padding: 20px 24px !important; align-items: center !important; }
#bmc-root #nav-toggle { margin: 0 !important; transform: scale(1) !important; }

/* 2. TEXTO PRINCIPAL (Empujado más abajo para dejar respirar al logo) */
#bmc-root .hero-text-block { 
  padding-top: 18vh !important; /* Más espacio arriba */
}
#bmc-root .hero-extraordinary { 
  font-size: 11vw !important; 
  white-space: nowrap !important; 
  padding: 0 16px !important; 
}
#bmc-root .hero-subtitle-bottom { 
  font-size: 16px !important; 
  margin-top: 15px !important; 
  max-width: 90vw !important; 
}

/* 3. TEXTO "ABOUT BMC" (Escondido en la "panza" del edificio) */
#bmc-root .hero-about-block {
  bottom: 25vh !important; /* Posicionado detrás de la parte más ancha del edificio */
  padding: 0 20px !important;
  z-index: 10 !important; /* Prioridad baja para quedar oculto */
}
#bmc-root .hero-about-title { font-size: clamp(20px, 6vw, 34px) !important; line-height: 1.3 !important; }
#bmc-root .hero-about-eyebrow { font-size: 13px !important; margin-bottom: 12px !important; }

/* 4. EL EDIFICIO: ANCLADO AL SUELO (CERO HUECOS) */
#bmc-root #buildingWrap { 
  width: 100vw !important; 
  min-width: 100vw !important; 
  z-index: 22 !important; /* Prioridad alta para actuar de telón */
}
#bmc-root #buildingMedia {
  width: 220vw !important; /* Crece lo suficiente para que el techo roce el texto principal */
  margin: 0 !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important; /* ELIMINADO EL TRANSLATE-Y PARA QUE NO FLOTE */
}

/* 5. ALTURA DE LA PISTA DE SCROLL Y GALERÍA */
#bmc-root #darkOuter { height: 65vh !important; min-height: 65vh !important; }
#bmc-root .s2-section { height: 65vh !important; min-height: 65vh !important; }
#bmc-root .s3-gallery-section { margin-top: -65vh !important; }

/* 6. ESTADÍSTICAS EN COLUMNA */
#bmc-root .s2-stats-row { flex-direction: column !important; align-items: center !important; gap: 30px !important; }
#bmc-root .s2-stat.has-border { border-left: none !important; border-top: 1px solid rgba(255,255,255,0.15) !important; padding-left: 0 !important; padding-top: 20px !important; }
}/* =====================================================================
 MAPA OPTIMIZADO: FLUIDO Y FUNCIONAL (ANIMACIONES ACTIVAS)
 ===================================================================== */

@media (max-width: 1024px) {

/* 1. ELIMINAR FILTROS PESADOS PERO MANTENER LA INTERACCIÓN */
#bmc-root .map-base,
#bmc-root .map-region {
  filter: none !important; /* Quita el ruido fractal que causa lag */
}

/* 2. OPTIMIZAR LA ANIMACIÓN DE LOS PUNTOS (PULSE) */
/* Reemplazamos la animación compleja por una simplificada que no satura el CPU */
#bmc-root .cov-pin .halo {
  animation: pinPulseOptimized 2s ease-out infinite !important;
}

/* 3. CAPA DE RENDIMIENTO PARA EL SVG */
#bmc-root .cov-svg {
  will-change: transform !important; /* Prepara al navegador para mover el elemento */
  pointer-events: auto !important;   /* Mantiene los puntos clicables */
}

/* 4. ASEGURAR QUE LAS REGIONES REACCIONEN AL TOQUE */
#bmc-root .map-region {
  transition: opacity 0.3s ease !important; /* Animación más rápida para ahorrar recursos */
}
}/* =====================================================================
 BLOQUE DEFINITIVO: BLOQUEO DE TAMAÑO (NO TOCA POSICIÓN)
 ===================================================================== */

#bmc-root #nav-logo img {
/* Forzamos que el tamaño sea constante usando !important */
height: 340px !important;
width: auto !important;
min-height: 0px !important;
max-height: 0px !important;
/* Eliminamos cualquier posibilidad de que se estire */
flex: none !important;
object-fit: contain !important;
}

#bmc-root #nav-logo {
/* Solo le decimos al contenedor que no se estire */
flex: 0 0 auto !important;
}\n}.elementor .e-aeffe28{flex-direction:column;}.elementor .e-176113f{flex-direction:column;}.elementor .e-87cf176{flex-direction:column;}