.elementor-391 .elementor-element.elementor-element-3e43c84{--display:flex;--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-391 .elementor-element.elementor-element-74a4134{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-74a4134 *//* =======================================================
   CSS ADICIONAL - RESPONSIVE (MÓVILES Y TABLETS)
========================================================== */

@media (max-width: 860px) {
  
  /* 1. SECCIÓN VALUES: Evitar que las palabras y los párrafos choquen */
  #bmcab-wlist {
    top: 25% !important; 
    left: 24px !important;
    transform: translateY(0) !important;
  }
  #bmcab-wlist li { font-size: 26px !important; }
  #bmcab-wlist li.on { font-size: 38px !important; }

  #bmcab-vpanel {
    top: 55% !important;
    right: 24px !important;
    left: 24px !important;
    width: auto !important;
    transform: translateY(0) !important;
  }
  .vp h3 { font-size: 42px !important; margin-bottom: 12px !important; }
  .vp p { font-size: 16px !important; line-height: 1.5 !important; }

  /* 2. SECCIÓN WHY BMC: Convertir de 2 columnas a 1 columna */
  #bmcab-why {
    grid-template-columns: 1fr !important;
    padding: 0 24px !important;
    gap: 30px !important;
    align-content: center !important;
  }
  .wy-ti { font-size: 42px !important; margin-bottom: 16px !important; }
  .wy-su { font-size: 16px !important; }
  .wy-vid { transform: translateY(0) !important; }

  /* 3. SECCIÓN FOOTER: Redimensionar y ajustar espacios en móviles */
  .bfc-cta {
    padding: 0 20px !important;
  }
  .bfc-cta h2 {
    font-size: 46px !important; /* Texto más pequeño pero imponente */
    margin: 0 0 40px 0 !important; /* Reducimos la distancia gigante de escritorio */
  }
  .bfc-cta a {
    font-size: 18px !important; /* Botón adaptable */
    padding-bottom: 6px !important;
  }

  /* Reducimos el margen masivo del carrusel para móviles para que no quede media pantalla vacía */
  .bfc-carousel {
    margin-bottom: 40px !important; 
    padding-top: 20px !important;
  }
  
  /* Achicamos las imágenes del carrusel para que se vean más de una en móviles */
  .bfc-img-wrap {
    width: 200px !important;
    height: 200px !important;
  }
  .bfc-track {
    gap: 20px !important;
  }

  /* Footer final (Links y Copyright apilados al centro) */
  .bfc-foot {
    flex-direction: column !important;
    text-align: center !important;
    gap: 16px !important;
    padding: 24px !important;
  }
  .bfc-foot-links {
    justify-content: center !important;
    gap: 20px !important;
  }
}

/* Fix para alturas en navegadores móviles (Safari/Chrome) */
@media (max-width: 860px) and (orientation: portrait) {
  #bmcab {
    height: 100vh !important; /* Fallback */
    height: 100dvh !important; /* Dynamic viewport height */
  }
}
/* =======================================================
   TAMAÑO GIGANTE Y PROPORCIONAL PARA "ABOUT US"
========================================================== */

#bmcab-abutlabel {
  /* Mínimo 30px (móviles), escala a 8% del ancho de la pantalla (8vw), Máximo 140px (monitores grandes) */
  font-size: clamp(30px, 8vw, 140px) !important; 
  
  /* Posicionamiento dinámico para que acompañe el tamaño de la letra */
  top: clamp(80px, 12vh, 150px) !important; 
  left: clamp(16px, 5vw, 80px) !important; 
  
  /* Seguro de vida para que NUNCA se divida en dos renglones */
  white-space: nowrap !important; 
}
/* =======================================================
   REPARACIÓN PROPORCIONAL PARA EL LOGO DEL PRELOADER
========================================================== */

#bmcab-pre img {
  /* Quitamos los 800px fijos. Ahora el alto será el 30% de la pantalla (30vh), 
     sin bajar de 100px ni pasarse de 800px */
  height: clamp(100px, 30vh, 800px) !important; 
  
  width: auto !important;
  
  /* Garantiza que nunca se desborde hacia los lados (máximo 80% del ancho de la pantalla) */
  max-width: 80vw !important; 
  
  /* Mantiene la proporción perfecta del logo para que no se achate ni se estire */
  object-fit: contain !important; 
}
/* =======================================================
   REPARACIÓN EXCLUSIVA PARA LAPTOPS Y MONITORES MEDIOS
   (Pantallas entre 861px y 1600px)
========================================================== */

@media (min-width: 861px) and (max-width: 1600px) {
  
  /* 1. La palabra gigante de fondo se ajusta a la pantalla */
  #bmcab-abutlabel {
    font-size: 9vw !important;
    top: 12vh !important;
    left: 6vw !important;
  }

  /* 2. La columna de la izquierda (Integrity, Excellence...) no se cruza */
  #bmcab-wlist {
    left: 6vw !important;
  }
  #bmcab-wlist li {
    font-size: 3.5vw !important;
  }
  #bmcab-wlist li.on {
    font-size: 5vw !important;
  }

  /* 3. El panel de la derecha (Texto largo) se mantiene anclado pero se hace más angosto */
  #bmcab-vpanel {
    right: 6vw !important; 
    width: 42vw !important; /* Ocupa solo el 42% de la pantalla para dar respiro */
  }

  /* 4. Títulos y párrafos se escalan dinámicamente */
  .vp h3 { 
    font-size: 4.2vw !important; 
    margin-bottom: 20px !important;
  }
  .vp p { 
    font-size: 1.4vw !important; 
    line-height: 1.5 !important;
  }/* =======================================================
   CSS CUSTOM: ABOUT US - DISEÑO INTACTO + GPU BOOST
========================================================== */

/* 1. REPARACIÓN EXCLUSIVA PARA LAPTOPS Y MONITORES MEDIOS */
@media (min-width: 861px) and (max-width: 1600px) {
  #bmcab-abutlabel { font-size: 9vw !important; top: 12vh !important; left: 6vw !important; }
  #bmcab-wlist { left: 6vw !important; }
  #bmcab-wlist li { font-size: 3.5vw !important; }
  #bmcab-wlist li.on { font-size: 5vw !important; }
  #bmcab-vpanel { right: 6vw !important; width: 42vw !important; }
  .vp h3 { font-size: 4.2vw !important; margin-bottom: 20px !important; }
  .vp p { font-size: 1.4vw !important; line-height: 1.5 !important; }
}

/* 2. RESPONSIVE MÓVIL Y TABLET (TU DISEÑO EXACTO) */
@media (max-width: 860px) {
  
  /* --- A. TU DISEÑO (Intocable) --- */
  #bmcab-abutlabel { font-size: clamp(30px, 8vw, 140px) !important; top: clamp(80px, 12vh, 150px) !important; left: clamp(16px, 5vw, 80px) !important; white-space: nowrap !important; }
  #bmcab-wlist { top: 25% !important; left: 24px !important; transform: translateY(0) !important; }
  #bmcab-wlist li { font-size: 26px !important; }
  #bmcab-wlist li.on { font-size: 38px !important; }
  #bmcab-vpanel { top: 55% !important; right: 24px !important; left: 24px !important; width: auto !important; transform: translateY(0) !important; }
  .vp h3 { font-size: 42px !important; margin-bottom: 12px !important; }
  .vp p { font-size: 16px !important; line-height: 1.5 !important; }
  
  #bmcab-why { grid-template-columns: 1fr !important; padding: 0 24px !important; gap: 30px !important; align-content: center !important; }
  .wy-ti { font-size: 42px !important; margin-bottom: 16px !important; }
  .wy-su { font-size: 16px !important; }
  .wy-vid { transform: translateY(0) !important; }
  
  .bfc-cta { padding: 0 20px !important; }
  .bfc-cta h2 { font-size: 46px !important; margin: 0 0 40px 0 !important; }
  .bfc-cta a { font-size: 18px !important; padding-bottom: 6px !important; }
  .bfc-carousel { margin-bottom: 40px !important; padding-top: 20px !important; }
  .bfc-img-wrap { width: 200px !important; height: 200px !important; }
  .bfc-track { gap: 20px !important; }
  .bfc-foot { flex-direction: column !important; text-align: center !important; gap: 16px !important; padding: 24px !important; }
  .bfc-foot-links { justify-content: center !important; gap: 20px !important; }
  
  /* Ajuste del Preloader Móvil */
  #bmcab-pre img { height: clamp(100px, 30vh, 800px) !important; width: auto !important; max-width: 80vw !important; object-fit: contain !important; }

  /* --- B. MODO RENDIMIENTO CSS EXTREMO --- */
  
  /* 1. Apagamos el renderizado de las secciones inferiores hasta que hagas scroll */
  #bmcab-why-wrap, #bmcab-footer-wrap {
    content-visibility: auto !important;
    contain-intrinsic-size: 1000px !important;
  }

  /* 2. Forzamos aceleración por hardware (GPU) para liberar al procesador de las animaciones JS */
  .vbg, .vp, .vn, #bmcab-wlist li, .wy-ey, .wy-ti, .wy-su, .wy-vid, .bfc-reveal, #bmcab-pre {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
  }
}

/* Fix altura móvil */
@media (max-width: 860px) and (orientation: portrait) {
  #bmcab { height: 100vh !important; height: 100dvh !important; }
}
/* =======================================================
   CSS CUSTOM: ABOUT US - CARGA INSTANTÁNEA Y ANTI-LAG
========================================================== */

/* 1. REPARACIÓN EXCLUSIVA PARA LAPTOPS Y MONITORES MEDIOS */
@media (min-width: 861px) and (max-width: 1600px) {
  #bmcab-abutlabel { font-size: 9vw !important; top: 12vh !important; left: 6vw !important; }
  #bmcab-wlist { left: 6vw !important; }
  #bmcab-wlist li { font-size: 3.5vw !important; }
  #bmcab-wlist li.on { font-size: 5vw !important; }
  #bmcab-vpanel { right: 6vw !important; width: 42vw !important; }
  .vp h3 { font-size: 4.2vw !important; margin-bottom: 20px !important; }
  .vp p { font-size: 1.4vw !important; line-height: 1.5 !important; }
}

/* 2. MODO RENDIMIENTO ABSOLUTO (CELULARES Y TABLETS) */
@media (max-width: 860px) {
  
  /* --- A. ANTI-LAG Y LIMPIEZA DE MEMORIA RAM --- */
  
  /* Destruir la reserva de memoria (will-change) que congela el celular al volver a la página */
  #bmcab * {
    will-change: auto !important; 
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
  }

  /* Aislar las secciones para que el celular no recalcule toda la página al hacer scroll */
  #bmcab-values-wrap, #bmcab-why-wrap, #bmcab-footer-wrap {
    contain: paint layout !important; 
  }

  /* Reemplazo sólido para el cristal borroso (que consume demasiada GPU) */
  #bmcab-values::after { background-color: rgba(8, 16, 40, 0.98) !important; }

  /* Apagar filtros pesados del carrusel */
  .bfc-img-wrap img { filter: none !important; -webkit-filter: none !important; transition: none !important; }

  /* Ocultar el video pesado en móvil para no ahogar el procesador al volver a la sección */
  .wy-vid { display: none !important; }


  /* --- B. TU DISEÑO (Proporciones y posiciones intocables) --- */
  
  @media (orientation: portrait) {
    #bmcab { height: 100vh !important; height: 100dvh !important; }
  }

  #bmcab-abutlabel { font-size: clamp(30px, 12vw, 80px) !important; top: 100px !important; left: 24px !important; white-space: nowrap !important; }
  
  #bmcab-wlist { top: 25% !important; left: 24px !important; transform: translateY(0) !important; }
  #bmcab-wlist li { font-size: 26px !important; }
  #bmcab-wlist li.on { font-size: 38px !important; }

  #bmcab-vpanel { top: 55% !important; right: 24px !important; left: 24px !important; width: auto !important; transform: translateY(0) !important; }
  .vp h3 { font-size: 42px !important; margin-bottom: 12px !important; }
  .vp p { font-size: 16px !important; line-height: 1.5 !important; }

  #bmcab-why { grid-template-columns: 1fr !important; padding: 0 24px !important; gap: 30px !important; align-content: center !important; }
  .wy-ti { font-size: 42px !important; margin-bottom: 16px !important; }
  .wy-su { font-size: 16px !important; }

  .bfc-cta { padding: 0 20px !important; }
  .bfc-cta h2 { font-size: 46px !important; margin: 0 0 40px 0 !important; }
  .bfc-cta a { font-size: 18px !important; padding-bottom: 6px !important; }
  
  .bfc-carousel { margin-bottom: 40px !important; padding-top: 20px !important; }
  .bfc-img-wrap { width: 200px !important; height: 200px !important; }
  .bfc-track { gap: 20px !important; }
  
  .bfc-foot { flex-direction: column !important; text-align: center !important; gap: 16px !important; padding: 24px !important; }
  .bfc-foot-links { justify-content: center !important; gap: 20px !important; }
  
  /* Ajuste del Preloader Móvil */
  #bmcab-pre img { height: clamp(100px, 30vh, 800px) !important; width: auto !important; max-width: 80vw !important; object-fit: contain !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e43c84 *//* =======================================================
   CSS CUSTOM: ABOUT US - DISEÑO INTACTO + GPU BOOST
========================================================== */

/* 1. REPARACIÓN EXCLUSIVA PARA LAPTOPS Y MONITORES MEDIOS */
@media (min-width: 861px) and (max-width: 1600px) {
  #bmcab-abutlabel { font-size: 9vw !important; top: 12vh !important; left: 6vw !important; }
  #bmcab-wlist { left: 6vw !important; }
  #bmcab-wlist li { font-size: 3.5vw !important; }
  #bmcab-wlist li.on { font-size: 5vw !important; }
  #bmcab-vpanel { right: 6vw !important; width: 42vw !important; }
  .vp h3 { font-size: 4.2vw !important; margin-bottom: 20px !important; }
  .vp p { font-size: 1.4vw !important; line-height: 1.5 !important; }
}

/* 2. RESPONSIVE MÓVIL Y TABLET (TU DISEÑO EXACTO) */
@media (max-width: 860px) {
  
  /* --- A. TU DISEÑO (Intocable) --- */
  #bmcab-abutlabel { font-size: clamp(30px, 8vw, 140px) !important; top: clamp(80px, 12vh, 150px) !important; left: clamp(16px, 5vw, 80px) !important; white-space: nowrap !important; }
  #bmcab-wlist { top: 25% !important; left: 24px !important; transform: translateY(0) !important; }
  #bmcab-wlist li { font-size: 26px !important; }
  #bmcab-wlist li.on { font-size: 38px !important; }
  #bmcab-vpanel { top: 55% !important; right: 24px !important; left: 24px !important; width: auto !important; transform: translateY(0) !important; }
  .vp h3 { font-size: 42px !important; margin-bottom: 12px !important; }
  .vp p { font-size: 16px !important; line-height: 1.5 !important; }
  
  #bmcab-why { grid-template-columns: 1fr !important; padding: 0 24px !important; gap: 30px !important; align-content: center !important; }
  .wy-ti { font-size: 42px !important; margin-bottom: 16px !important; }
  .wy-su { font-size: 16px !important; }
  .wy-vid { transform: translateY(0) !important; }
  
  .bfc-cta { padding: 0 20px !important; }
  .bfc-cta h2 { font-size: 46px !important; margin: 0 0 40px 0 !important; }
  .bfc-cta a { font-size: 18px !important; padding-bottom: 6px !important; }
  .bfc-carousel { margin-bottom: 40px !important; padding-top: 20px !important; }
  .bfc-img-wrap { width: 200px !important; height: 200px !important; }
  .bfc-track { gap: 20px !important; }
  .bfc-foot { flex-direction: column !important; text-align: center !important; gap: 16px !important; padding: 24px !important; }
  .bfc-foot-links { justify-content: center !important; gap: 20px !important; }
  
  /* Ajuste del Preloader Móvil */
  #bmcab-pre img { height: clamp(100px, 30vh, 800px) !important; width: auto !important; max-width: 80vw !important; object-fit: contain !important; }

  /* --- B. MODO RENDIMIENTO CSS EXTREMO --- */
  
  /* 1. Apagamos el renderizado de las secciones inferiores hasta que hagas scroll */
  #bmcab-why-wrap, #bmcab-footer-wrap {
    content-visibility: auto !important;
    contain-intrinsic-size: 1000px !important;
  }

  /* 2. Forzamos aceleración por hardware (GPU) para liberar al procesador de las animaciones JS */
  .vbg, .vp, .vn, #bmcab-wlist li, .wy-ey, .wy-ti, .wy-su, .wy-vid, .bfc-reveal, #bmcab-pre {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
  }
}

/* Fix altura móvil */
@media (max-width: 860px) and (orientation: portrait) {
  #bmcab { height: 100vh !important; height: 100dvh !important; }
}
/* =======================================================
   CSS CUSTOM: ABOUT US - CARGA INSTANTÁNEA Y ANTI-LAG
========================================================== */

/* 1. REPARACIÓN EXCLUSIVA PARA LAPTOPS Y MONITORES MEDIOS */
@media (min-width: 861px) and (max-width: 1600px) {
  #bmcab-abutlabel { font-size: 9vw !important; top: 12vh !important; left: 6vw !important; }
  #bmcab-wlist { left: 6vw !important; }
  #bmcab-wlist li { font-size: 3.5vw !important; }
  #bmcab-wlist li.on { font-size: 5vw !important; }
  #bmcab-vpanel { right: 6vw !important; width: 42vw !important; }
  .vp h3 { font-size: 4.2vw !important; margin-bottom: 20px !important; }
  .vp p { font-size: 1.4vw !important; line-height: 1.5 !important; }
}

/* 2. MODO RENDIMIENTO ABSOLUTO (CELULARES Y TABLETS) */
@media (max-width: 860px) {
  
  /* --- A. ANTI-LAG Y LIMPIEZA DE MEMORIA RAM --- */
  
  /* Destruir la reserva de memoria (will-change) que congela el celular al volver a la página */
  #bmcab * {
    will-change: auto !important; 
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
  }

  /* Aislar las secciones para que el celular no recalcule toda la página al hacer scroll */
  #bmcab-values-wrap, #bmcab-why-wrap, #bmcab-footer-wrap {
    contain: paint layout !important; 
  }

  /* Reemplazo sólido para el cristal borroso (que consume demasiada GPU) */
  #bmcab-values::after { background-color: rgba(8, 16, 40, 0.98) !important; }

  /* Apagar filtros pesados del carrusel */
  .bfc-img-wrap img { filter: none !important; -webkit-filter: none !important; transition: none !important; }

  /* Ocultar el video pesado en móvil para no ahogar el procesador al volver a la sección */
  .wy-vid { display: none !important; }


  /* --- B. TU DISEÑO (Proporciones y posiciones intocables) --- */
  
  @media (orientation: portrait) {
    #bmcab { height: 100vh !important; height: 100dvh !important; }
  }

  #bmcab-abutlabel { font-size: clamp(30px, 12vw, 80px) !important; top: 100px !important; left: 24px !important; white-space: nowrap !important; }
  
  #bmcab-wlist { top: 25% !important; left: 24px !important; transform: translateY(0) !important; }
  #bmcab-wlist li { font-size: 26px !important; }
  #bmcab-wlist li.on { font-size: 38px !important; }

  #bmcab-vpanel { top: 55% !important; right: 24px !important; left: 24px !important; width: auto !important; transform: translateY(0) !important; }
  .vp h3 { font-size: 42px !important; margin-bottom: 12px !important; }
  .vp p { font-size: 16px !important; line-height: 1.5 !important; }

  #bmcab-why { grid-template-columns: 1fr !important; padding: 0 24px !important; gap: 30px !important; align-content: center !important; }
  .wy-ti { font-size: 42px !important; margin-bottom: 16px !important; }
  .wy-su { font-size: 16px !important; }

  .bfc-cta { padding: 0 20px !important; }
  .bfc-cta h2 { font-size: 46px !important; margin: 0 0 40px 0 !important; }
  .bfc-cta a { font-size: 18px !important; padding-bottom: 6px !important; }
  
  .bfc-carousel { margin-bottom: 40px !important; padding-top: 20px !important; }
  .bfc-img-wrap { width: 200px !important; height: 200px !important; }
  .bfc-track { gap: 20px !important; }
  
  .bfc-foot { flex-direction: column !important; text-align: center !important; gap: 16px !important; padding: 24px !important; }
  .bfc-foot-links { justify-content: center !important; gap: 20px !important; }
  
  /* Ajuste del Preloader Móvil */
  #bmcab-pre img { height: clamp(100px, 30vh, 800px) !important; width: auto !important; max-width: 80vw !important; object-fit: contain !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4ffa73 *//* =======================================================
   CSS CUSTOM: ABOUT US - DISEÑO INTACTO + GPU BOOST
========================================================== */

/* 1. REPARACIÓN EXCLUSIVA PARA LAPTOPS Y MONITORES MEDIOS */
@media (min-width: 861px) and (max-width: 1600px) {
  #bmcab-abutlabel { font-size: 9vw !important; top: 12vh !important; left: 6vw !important; }
  #bmcab-wlist { left: 6vw !important; }
  #bmcab-wlist li { font-size: 3.5vw !important; }
  #bmcab-wlist li.on { font-size: 5vw !important; }
  #bmcab-vpanel { right: 6vw !important; width: 42vw !important; }
  .vp h3 { font-size: 4.2vw !important; margin-bottom: 20px !important; }
  .vp p { font-size: 1.4vw !important; line-height: 1.5 !important; }
}

/* 2. RESPONSIVE MÓVIL Y TABLET (TU DISEÑO EXACTO) */
@media (max-width: 860px) {
  
  /* --- A. TU DISEÑO (Intocable) --- */
  #bmcab-abutlabel { font-size: clamp(30px, 8vw, 140px) !important; top: clamp(80px, 12vh, 150px) !important; left: clamp(16px, 5vw, 80px) !important; white-space: nowrap !important; }
  #bmcab-wlist { top: 25% !important; left: 24px !important; transform: translateY(0) !important; }
  #bmcab-wlist li { font-size: 26px !important; }
  #bmcab-wlist li.on { font-size: 38px !important; }
  #bmcab-vpanel { top: 55% !important; right: 24px !important; left: 24px !important; width: auto !important; transform: translateY(0) !important; }
  .vp h3 { font-size: 42px !important; margin-bottom: 12px !important; }
  .vp p { font-size: 16px !important; line-height: 1.5 !important; }
  
  #bmcab-why { grid-template-columns: 1fr !important; padding: 0 24px !important; gap: 30px !important; align-content: center !important; }
  .wy-ti { font-size: 42px !important; margin-bottom: 16px !important; }
  .wy-su { font-size: 16px !important; }
  .wy-vid { transform: translateY(0) !important; }
  
  .bfc-cta { padding: 0 20px !important; }
  .bfc-cta h2 { font-size: 46px !important; margin: 0 0 40px 0 !important; }
  .bfc-cta a { font-size: 18px !important; padding-bottom: 6px !important; }
  .bfc-carousel { margin-bottom: 40px !important; padding-top: 20px !important; }
  .bfc-img-wrap { width: 200px !important; height: 200px !important; }
  .bfc-track { gap: 20px !important; }
  .bfc-foot { flex-direction: column !important; text-align: center !important; gap: 16px !important; padding: 24px !important; }
  .bfc-foot-links { justify-content: center !important; gap: 20px !important; }
  
  /* Ajuste del Preloader Móvil */
  #bmcab-pre img { height: clamp(100px, 30vh, 800px) !important; width: auto !important; max-width: 80vw !important; object-fit: contain !important; }

  /* --- B. MODO RENDIMIENTO CSS EXTREMO --- */
  
  /* 1. Apagamos el renderizado de las secciones inferiores hasta que hagas scroll */
  #bmcab-why-wrap, #bmcab-footer-wrap {
    content-visibility: auto !important;
    contain-intrinsic-size: 1000px !important;
  }

  /* 2. Forzamos aceleración por hardware (GPU) para liberar al procesador de las animaciones JS */
  .vbg, .vp, .vn, #bmcab-wlist li, .wy-ey, .wy-ti, .wy-su, .wy-vid, .bfc-reveal, #bmcab-pre {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
  }
}

/* Fix altura móvil */
@media (max-width: 860px) and (orientation: portrait) {
  #bmcab { height: 100vh !important; height: 100dvh !important; }
}
/* =======================================================
   CSS CUSTOM: ABOUT US - CARGA INSTANTÁNEA Y ANTI-LAG
========================================================== */

/* 1. REPARACIÓN EXCLUSIVA PARA LAPTOPS Y MONITORES MEDIOS */
@media (min-width: 861px) and (max-width: 1600px) {
  #bmcab-abutlabel { font-size: 9vw !important; top: 12vh !important; left: 6vw !important; }
  #bmcab-wlist { left: 6vw !important; }
  #bmcab-wlist li { font-size: 3.5vw !important; }
  #bmcab-wlist li.on { font-size: 5vw !important; }
  #bmcab-vpanel { right: 6vw !important; width: 42vw !important; }
  .vp h3 { font-size: 4.2vw !important; margin-bottom: 20px !important; }
  .vp p { font-size: 1.4vw !important; line-height: 1.5 !important; }
}

/* 2. MODO RENDIMIENTO ABSOLUTO (CELULARES Y TABLETS) */
@media (max-width: 860px) {
  
  /* --- A. ANTI-LAG Y LIMPIEZA DE MEMORIA RAM --- */
  
  /* Destruir la reserva de memoria (will-change) que congela el celular al volver a la página */
  #bmcab * {
    will-change: auto !important; 
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
  }

  /* Aislar las secciones para que el celular no recalcule toda la página al hacer scroll */
  #bmcab-values-wrap, #bmcab-why-wrap, #bmcab-footer-wrap {
    contain: paint layout !important; 
  }

  /* Reemplazo sólido para el cristal borroso (que consume demasiada GPU) */
  #bmcab-values::after { background-color: rgba(8, 16, 40, 0.98) !important; }

  /* Apagar filtros pesados del carrusel */
  .bfc-img-wrap img { filter: none !important; -webkit-filter: none !important; transition: none !important; }

  /* Ocultar el video pesado en móvil para no ahogar el procesador al volver a la sección */
  .wy-vid { display: none !important; }


  /* --- B. TU DISEÑO (Proporciones y posiciones intocables) --- */
  
  @media (orientation: portrait) {
    #bmcab { height: 100vh !important; height: 100dvh !important; }
  }

  #bmcab-abutlabel { font-size: clamp(30px, 12vw, 80px) !important; top: 100px !important; left: 24px !important; white-space: nowrap !important; }
  
  #bmcab-wlist { top: 25% !important; left: 24px !important; transform: translateY(0) !important; }
  #bmcab-wlist li { font-size: 26px !important; }
  #bmcab-wlist li.on { font-size: 38px !important; }

  #bmcab-vpanel { top: 55% !important; right: 24px !important; left: 24px !important; width: auto !important; transform: translateY(0) !important; }
  .vp h3 { font-size: 42px !important; margin-bottom: 12px !important; }
  .vp p { font-size: 16px !important; line-height: 1.5 !important; }

  #bmcab-why { grid-template-columns: 1fr !important; padding: 0 24px !important; gap: 30px !important; align-content: center !important; }
  .wy-ti { font-size: 42px !important; margin-bottom: 16px !important; }
  .wy-su { font-size: 16px !important; }

  .bfc-cta { padding: 0 20px !important; }
  .bfc-cta h2 { font-size: 46px !important; margin: 0 0 40px 0 !important; }
  .bfc-cta a { font-size: 18px !important; padding-bottom: 6px !important; }
  
  .bfc-carousel { margin-bottom: 40px !important; padding-top: 20px !important; }
  .bfc-img-wrap { width: 200px !important; height: 200px !important; }
  .bfc-track { gap: 20px !important; }
  
  .bfc-foot { flex-direction: column !important; text-align: center !important; gap: 16px !important; padding: 24px !important; }
  .bfc-foot-links { justify-content: center !important; gap: 20px !important; }
  
  /* Ajuste del Preloader Móvil */
  #bmcab-pre img { height: clamp(100px, 30vh, 800px) !important; width: auto !important; max-width: 80vw !important; object-fit: contain !important; }
}/* End custom CSS */