.elementor .e-6ad2edb{flex-direction:column;/* =======================================================
 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; }
}\n}