.elementor-537 .elementor-element.elementor-element-e39679f{--display:flex;}.elementor-537 .elementor-element.elementor-element-526175e{margin:-79px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for html, class: .elementor-element-526175e *//* =======================================================
   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;
  }
  /* =======================================================
   PARCHE DE RENDIMIENTO EXTREMO MÓVIL (ABOUT US)
   ======================================================= */
@media (max-width: 767px) {
  
  /* 1. FORZAR LA DESAPARICIÓN DEL PRELOADER A LOS 3 SEGUNDOS */
  #bmcab-pre {
    animation: forceKillPreloader 0.8s ease-in forwards 3s !important;
    pointer-events: none !important;
  }
  @keyframes forceKillPreloader {
    100% { 
      opacity: 0 !important; 
      transform: translateY(-100%) !important; 
      visibility: hidden !important; 
      z-index: -1 !important; 
    }
  }

  /* 2. DESTRUIR DEVORADORES DE MEMORIA (Blurs y Sombras) */
  #bmcab, #bmcab * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
  }

  /* Fondo sólido de respaldo para los elementos que usaban cristal */
  #svc-modal, .cov-left, #independent-logo {
    background-color: rgba(13, 26, 58, 0.95) !important; 
  }

  /* 3. APAGAR FILTROS PESADOS DEL CARRUSEL */
  .bfc-img-wrap img {
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }

  /* 4. LIBERAR MEMORIA RAM (Quitar pre-cálculos de GPU) */
  .vbg, .vp, .wy-anim, .svc-slide-wrap {
    will-change: auto !important; 
  }
  
  /* Reducir la sobrecarga de transiciones de las letras */
  #bmcab-wlist li {
    transition: font-size 0.2s ease, color 0.2s ease !important;
  }
  /* =======================================================
   PARCHE ANTICOLAPSO DE MEMORIA MÓVIL (ABOUT US)
   ======================================================= */
@media (max-width: 767px) {
  
  /* 1. DESTRUIR EL CUELLO DE BOTELLA DE RAM (El verdadero culpable) */
  /* Elimina el guardado en caché gráfico que congela el celular al regresar a la página */
  #bmcab *, 
  #bmcab-values-wrap, 
  #bmcab-why-wrap, 
  #bmcab-footer-wrap, 
  .vbg, .wy-anim {
    will-change: auto !important;
    -webkit-transform-style: flat !important;
    transform-style: flat !important;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
  }

  /* 2. MUERTE SÚBITA AL PRELOADER (Botón de pánico) */
  /* Si el celular se traba, esto fuerza la desaparición del telón azul a los 2.5 segundos */
  #bmcab-pre {
    animation: forceKillPreloader 0.5s forwards 2.5s !important;
  }
  @keyframes forceKillPreloader {
    99% { opacity: 0; transform: translateY(-100%); }
    100% { 
      opacity: 0; 
      transform: translateY(-100%); 
      visibility: hidden !important; 
      pointer-events: none !important; 
      z-index: -9999 !important; 
      display: none !important;
    }
  }

  /* 3. APAGAR EFECTOS DE TARJETA GRÁFICA PESADOS */
  /* Quita los desenfoques de cristal que consumen el 80% del procesador */
  #bmcab * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
  }
  
  /* Pone un color sólido oscuro para reemplazar el efecto de cristal borroso */
  #bmcab-values::after {
    background-color: rgba(8, 16, 40, 0.98) !important;
  }

  /* 4. ACELERAR TRANSICIONES AL HACER SCROLL */
  /* Evita que el celular haga cálculos matemáticos largos al bajar por la página */
  #bmcab-wlist li, .vp, .vn {
    transition: opacity 0.2s ease, transform 0.2s ease, font-size 0.2s ease, color 0.2s ease !important;
  }

  .bfc-img-wrap img {
    filter: none !important;
    -webkit-filter: none !important;
  }
  /* =======================================================
   CSS PURO: PANTALLA 100% AZUL INMEDIATA (SIN FRANJAS)
========================================================== */

/* 1. Mientras el preloader no tenga 'display: none', teñimos TODO el fondo del sitio web de azul.
   Esto elimina cualquier franja vacía porque el fondo detrás será del mismo color. */
html:has(#svc-pre:not([style*="display: none"])),
html:has(#svc-pre:not([style*="display: none"])) body,
html:has(#svc-pre:not([style*="display: none"])) .elementor,
html:has(#svc-pre:not([style*="display: none"])) .elementor-section-wrap {
    background-color: #0D1A3A !important;
}

/* 2. Anclamos el preloader a las 4 esquinas de la pantalla */
#svc-pre {
    position: fixed !important;
    inset: 0 !important; /* Top, Right, Bottom, Left a 0 simultáneamente */
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important; /* Soporte dinámico para asegurar el alto total */
    background-color: #0D1A3A !important;
    z-index: 2147483647 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}/* End custom CSS */