.elementor-929 .elementor-element.elementor-element-9978f67{--display:flex;--min-height:900px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--overlay-opacity:0.2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-929 .elementor-element.elementor-element-9978f67::before, .elementor-929 .elementor-element.elementor-element-9978f67 > .elementor-background-video-container::before, .elementor-929 .elementor-element.elementor-element-9978f67 > .e-con-inner > .elementor-background-video-container::before, .elementor-929 .elementor-element.elementor-element-9978f67 > .elementor-background-slideshow::before, .elementor-929 .elementor-element.elementor-element-9978f67 > .e-con-inner > .elementor-background-slideshow::before, .elementor-929 .elementor-element.elementor-element-9978f67 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-929 .elementor-element.elementor-element-9978f67:not(.elementor-motion-effects-element-type-background), .elementor-929 .elementor-element.elementor-element-9978f67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://bc-technologies.com/wp-content/uploads/2026/05/unsplash_OzfD79w8ptA.jpg") 50% 50%;background-size:cover;}.elementor-929 .elementor-element.elementor-element-5af00457{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-929 .elementor-element.elementor-element-5af00457:not(.elementor-motion-effects-element-type-background), .elementor-929 .elementor-element.elementor-element-5af00457 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E8;}.elementor-929 .elementor-element.elementor-element-13003ef6{--display:flex;--min-height:900px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-929 .elementor-element.elementor-element-13003ef6:not(.elementor-motion-effects-element-type-background), .elementor-929 .elementor-element.elementor-element-13003ef6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E8;}.elementor-929 .elementor-element.elementor-element-160ebc4{--display:flex;--min-height:900px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--z-index:2;}.elementor-929 .elementor-element.elementor-element-160ebc4:not(.elementor-motion-effects-element-type-background), .elementor-929 .elementor-element.elementor-element-160ebc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E8;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-929 .elementor-element.elementor-element-6f6817fb{width:var( --container-widget-width, 1440px );max-width:1440px;--container-widget-width:1440px;--container-widget-flex-grow:0;text-align:center;}.elementor-929 .elementor-element.elementor-element-6f6817fb .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:64px;font-weight:300;line-height:0.9em;letter-spacing:0.04em;color:#0A0A0A;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-929 .elementor-element.elementor-element-2003d0e8.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:50px;}.elementor-929 .elementor-element.elementor-element-2003d0e8 .swiper-pagination-bullet-active, .elementor-929 .elementor-element.elementor-element-2003d0e8 .swiper-pagination-progressbar-fill{background-color:#0A0A0A;}.elementor-929 .elementor-element.elementor-element-2003d0e8 .swiper-pagination-fraction{color:#0A0A0A;}.elementor-929 .elementor-element.elementor-element-2003d0e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-929 .elementor-element.elementor-element-2003d0e8 .elementor-main-swiper{height:126px;width:1140px;}.elementor-929 .elementor-element.elementor-element-2003d0e8 .elementor-swiper-button{font-size:16px;color:#0A0A0A;}.elementor-929 .elementor-element.elementor-element-2003d0e8 .elementor-swiper-button svg{fill:#0A0A0A;}.elementor-929 .elementor-element.elementor-element-2003d0e8 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#BEBEBE;opacity:1;}.elementor-929 .elementor-element.elementor-element-2003d0e8 .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}.elementor-929 .elementor-element.elementor-element-25d60b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-929 .elementor-element.elementor-element-d5b8b8d{--display:flex;--min-height:900px;--z-index:1;}.elementor-929 .elementor-element.elementor-element-d5b8b8d:not(.elementor-motion-effects-element-type-background), .elementor-929 .elementor-element.elementor-element-d5b8b8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bc-technologies.com/wp-content/uploads/2026/05/b42fb4208edf03bb96603fa6030d701b5578f3c5-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-929 .elementor-element.elementor-element-609d7e2{--display:flex;--z-index:2;}.elementor-929 .elementor-element.elementor-element-609d7e2:not(.elementor-motion-effects-element-type-background), .elementor-929 .elementor-element.elementor-element-609d7e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#33A6FD;}.elementor-929 .elementor-element.elementor-element-98d2e27{--display:flex;}.elementor-929 .elementor-element.elementor-element-36a91d7e{--display:flex;--min-height:900px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-929 .elementor-element.elementor-element-36a91d7e:not(.elementor-motion-effects-element-type-background), .elementor-929 .elementor-element.elementor-element-36a91d7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E8;}.elementor-929 .elementor-element.elementor-element-43d6afa{--display:flex;--min-height:900px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-929 .elementor-element.elementor-element-43d6afa:not(.elementor-motion-effects-element-type-background), .elementor-929 .elementor-element.elementor-element-43d6afa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E8;}.elementor-929 .elementor-element.elementor-element-641f1cbe{--display:flex;--min-height:900px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--overlay-opacity:0.5;--overlay-mix-blend-mode:color;--z-index:5;}.elementor-929 .elementor-element.elementor-element-641f1cbe:not(.elementor-motion-effects-element-type-background), .elementor-929 .elementor-element.elementor-element-641f1cbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bc-technologies.com/wp-content/uploads/2026/05/imagenruido-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-929 .elementor-element.elementor-element-641f1cbe::before, .elementor-929 .elementor-element.elementor-element-641f1cbe > .elementor-background-video-container::before, .elementor-929 .elementor-element.elementor-element-641f1cbe > .e-con-inner > .elementor-background-video-container::before, .elementor-929 .elementor-element.elementor-element-641f1cbe > .elementor-background-slideshow::before, .elementor-929 .elementor-element.elementor-element-641f1cbe > .e-con-inner > .elementor-background-slideshow::before, .elementor-929 .elementor-element.elementor-element-641f1cbe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0079FF;--background-overlay:'';}@media(max-width:1024px){.elementor-929 .elementor-element.elementor-element-2003d0e8.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(min-width:768px){.elementor-929 .elementor-element.elementor-element-9978f67{--content-width:1440px;}.elementor-929 .elementor-element.elementor-element-5af00457{--content-width:1440px;}.elementor-929 .elementor-element.elementor-element-13003ef6{--content-width:1440px;}.elementor-929 .elementor-element.elementor-element-160ebc4{--content-width:1440px;}.elementor-929 .elementor-element.elementor-element-609d7e2{--content-width:1440px;}.elementor-929 .elementor-element.elementor-element-36a91d7e{--content-width:1440px;}.elementor-929 .elementor-element.elementor-element-43d6afa{--content-width:1440px;}.elementor-929 .elementor-element.elementor-element-641f1cbe{--content-width:1440px;}}@media(max-width:767px){.elementor-929 .elementor-element.elementor-element-6f6817fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-929 .elementor-element.elementor-element-6f6817fb .elementor-heading-title{font-size:36px;}.elementor-929 .elementor-element.elementor-element-2003d0e8.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-929 .elementor-element.elementor-element-2003d0e8 .elementor-main-swiper{height:259px;width:194px;}.elementor-929 .elementor-element.elementor-element-641f1cbe{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for html, class: .elementor-element-9839796 */<style>
/* ==========================================================================
   CONTENEDOR GLOBAL 
   ========================================================================== */
.bc-hero-section {
    width: 100% !important;
    height: 900px !important;
    position: relative !important;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 20;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background-color: #000000;
}

/* --- VÍDEO COMPLETO --- */
.bc-hero-video-bg {
    position: absolute;
    top: 0;
    left: 50% !important;
    width: 100vw !important; 
    transform: translateX(-50%);
    height: 100%;
    z-index: 1;
}
.bc-hero-video-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); 
    z-index: 2;
}
.bc-hero-video-bg video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
}

/* --- ENVOLTURA INTERIOR  --- */
.bc-hero-wrapper {
    width: 100%;
    max-width: 1440px; 
    height: 100%;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    padding: 0 16px; 
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto !important; 
}

/* ==========================================================================
   LADO IZQUIERDO (Eslogan)
   ========================================================================== */
.bc-hero-left {
    width: 577px;
    margin-top: 438px; 
    flex-shrink: 0;
}
.bc-hero-slogan {
    font-size: 36px;
    font-weight: 380;
    line-height: 41px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    color: #FDFDFD;
    margin: 0;
}

/* ==========================================================================
   LADO DERECHO 
   ========================================================================== */
.bc-hero-right {
    width: 815px;
    height: auto;
    margin-top: 386px; 
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    flex-shrink: 0;
}

.bc-hero-brand-group {
    position: relative;
    width: 100%;
    height: 101.29px; 
    display: flex;
    align-items: center;
}

.bc-hero-giant-logo {
    width: 670.16px;
    height: 101.29px;
    object-fit: contain;
    display: block;
    user-select: none;
    pointer-events: none;
}

.bc-hero-keyword {
    position: absolute;
    font-size: 12px;
    font-weight: 500;
    font-family: 'DM Mono', Consolas, monospace;
    line-height: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FDFDFD;
    z-index: 15;
}
.bc-kw-fast     { left: 102px; top: 20px; }  
.bc-kw-accurate { left: 266px; top: 20px; }  
.bc-kw-scalable { left: 452px; top: 21px; }  
.bc-kw-reliable { left: 746px; top: 21px; }  

.bc-hero-btn-talk {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 12px;
    gap: 8px;
    width: 115px;
    height: 24px;
    background: #33A6FD; 
    border-radius: 4px;
    text-decoration: none;
    box-sizing: border-box;
    margin-top: 67px; 
    margin-left: 358px;
    transition: background 0.2s ease, transform 0.2s ease;
}
.bc-hero-btn-talk:hover {
    background: #1B95F2;
    transform: scale(1.02);
}
.bc-talk-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
.bc-talk-text {
    font-size: 12px;
    font-weight: 500;
    font-family: 'DM Mono', Consolas, monospace;
    line-height: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FDFDFD;
    white-space: nowrap;
}

/* ==========================================================================
   GUÍA INFERIOR (Scroll Down)
   ========================================================================== */
.bc-hero-scroll-down {
    position: absolute;
    left: calc(50% - 124px / 2); 
    top: 828px; 
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 124px;
    height: 24px;
}
.bc-scroll-text {
    font-size: 12px;
    font-weight: 500;
    font-family: 'DM Mono', Consolas, monospace;
    line-height: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FDFDFD;
}
.bc-scroll-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1300px) {
    .bc-hero-right {
        transform: scale(0.9);
        transform-origin: top right;
    }
}

@media (max-width: 1200px) {
    .bc-hero-section {
        height: 100vh !important; 
        min-height: 650px;
    }
    .bc-hero-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
        padding: 40px 20px;
        margin: 0 !important;
    }
    .bc-hero-left, .bc-hero-right {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        align-items: center;
        text-align: center;
    }
    .bc-hero-right {
        transform: none;
    }
    .bc-hero-slogan {
        font-size: 28px;
        line-height: 34px;
        text-align: center;
    }
    .bc-hero-brand-group {
        display: flex;
        justify-content: center;
        height: auto;
    }
    .bc-hero-giant-logo {
        width: 100%;
        max-width: 320px; 
        height: auto;
    }
    .bc-hero-keyword {
        display: none; 
    }
    .bc-hero-btn-talk {
        margin-left: 0;
        margin-top: 20px;
    }
    .bc-hero-scroll-down {
        top: auto;
        bottom: 30px;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9978f67 *//* Forzamos al reproductor de YouTube a rellenar la pantalla */
.elementor-929 .elementor-element.elementor-element-9978f67 .elementor-background-video-embed {
    width: 115% !important;
    height: 115% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;
}

/* Ocultamos cualquier desborde de las franjas negras ocultas */
.elementor-929 .elementor-element.elementor-element-9978f67 {
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2773d7d8 */<style>
/* Contenedor global de la sección*/
.bc-section-container {
    width: 100%;
    background-color: #E8E8E8; 
    display: flex;
    justify-content: center; 
    align-items: flex-start;
    position: relative;
    z-index: 30; 
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
}

/* Envoltura principal*/
.bc-main-wrapper {
    width: 100%;
    max-width: 1440px;
    height: 900px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row; 
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 16px;
    position: relative;
}

/* --- COLUMNA IZQUIERDA --- */
.bc-left-column {
    width: 696px;
    max-width: 49%;
    margin-top: 290px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
}

.bc-frame-caption {
    width: 119px;
    height: 83px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 16px !important; 
    box-sizing: border-box;
    flex-shrink: 0;
}

.bc-text-caption {
    font-size: 12px;
    font-weight: 570;
    line-height: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #535353;
    display: block;
    font-family: 'DM Mono', Consolas, monospace;
}

.bc-image-container {
    width: 100%;
    height: 469.3px; 
    border-radius: 0 !important;
    overflow: hidden;
    flex-shrink: 0;
}

.bc-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 !important;
}

/* --- COLUMNA DERECHA  --- */
.bc-right-column {
    width: 696px;
    max-width: 49%;
    height: 100%; 
    display: flex;
    flex-direction: column;
    justify-content: flex-start; 
    flex-shrink: 0;
    position: relative;
}

/* Título H1 */
.bc-main-title {
    width: 100%;
    margin-top: 133px; 
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: clamp(42px, 4.4vw, 64px); /* Escala armónica en portátiles */
    font-weight: 300;
    line-height: 90%;
    letter-spacing: 0.04em;
    color: #0A0A0A;
    font-family: 'Inter', sans-serif;
}

/* Contenedor del Párrafo Inferior */
.bc-paragraph-container {
    width: 100%;
    display: flex;
    justify-content: flex-end; 
    margin-top: 282px; 
}

.bc-tech-text {
    width: 100%;
    max-width: 459px; 
    font-size: 16px;
    font-weight: 570;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-transform: uppercase; 
    font-family: 'DM Mono', Consolas, monospace;
    color: #535353;
    margin: 0;
}

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
    .bc-section-container {
        min-height: auto;
        padding: 40px 16px;
    }
    .bc-main-wrapper {
        flex-direction: column; 
        height: auto;
        gap: 40px;
        padding-bottom: 40px;
    }
    .bc-left-column, .bc-right-column {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        height: auto;
    }
    .bc-right-column {
        order: -1; 
    }
    .bc-main-title {
        margin-top: 0;
        font-size: 38px;
    }
    .bc-paragraph-container {
        margin-top: 24px;
        justify-content: flex-start;
    }
    .bc-image-container {
        height: 340px;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45a3da6d */<style>
/* Contenedor global de la sección (Fondo infinito gris) */
.bc-grid-section {
    width: 100%;
    min-height: 900px;
    background-color: #E8E8E8; 
    display: flex;
    justify-content: center; 
    align-items: flex-start;
    position: relative;
    z-index: 30;
    box-sizing: border-box;
font-family: 'Inter', sans-serif !important;
    margin: 0;
    padding: 0;
}

/* Envoltura principal: */
.bc-grid-wrapper {
    width: 100%;
    max-width: 1440px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 0 16px; 
}

/* --- BLOQUE SUPERIOR: Título H1 --- */
.bc-grid-header {
    width: 100%;
    margin-top: 165px;
    margin-bottom: 214px; 
    box-sizing: border-box;
}

.bc-grid-title {
    width: 100%;
    font-size: clamp(40px, 4.4vw, 64px); 
    font-weight: 300;
    line-height: 90%;
    letter-spacing: 0.04em;
    color: #0A0A0A;
    font-family: 'Inter', sans-serif !important;
    margin: 0;
}

/* --- REJILLA DE LAS 4 COLUMNAS --- */
.bc-grid-columns-container {
    width: 100%;
    display: grid;
    
    grid-template-columns: repeat(4, minmax(0, 340px));
    justify-content: space-between; 
    position: relative;
    padding-bottom: 50px; 
}

/* Cada una de las 4 columnas individuales */
.bc-grid-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 367px; 
    position: relative;
    box-sizing: border-box;
}


.bc-grid-col::before {
    content: "";
    position: absolute;
    left: calc(-12.5% - 8px);
    top: 0;
    width: 1px;
    height: 367px; 
    background-color: #535353; 
}


@media (min-width: 1400px) {
    .bc-grid-col::before {
        left: -11px; 
    }
}

/* Cabeceras de columna (Frame 5) */
.bc-col-header {
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 99px;
    box-sizing: border-box;
    font-family: 'DM Mono', Consolas, monospace;
}

.bc-col-caption {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0A0A0A;
    font-weight: 570 !important;
}

/* Cuerpo del texto (Frame 4) */
.bc-col-body {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}

.bc-col-text {
    width: 100%;
    max-width: 308px; 
    font-family: 'DM Mono', Consolas, monospace;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #535353 !important; 
    margin: 0;
    font-weight: 570 !important;
}

/* --- RESPONSIVE  --- */
@media (max-width: 1024px) {
    .bc-grid-section {
        min-height: auto;
        padding: 60px 16px;
    }
    .bc-grid-header {
        margin-top: 0;
        margin-bottom: 50px;
    }
    .bc-grid-title {
        font-size: 36px;
    }
    .bc-grid-columns-container {
        grid-template-columns: 1fr; /* Pasa a una sola columna en móviles */
        gap: 50px;
    }
    .bc-grid-col {
        min-height: auto;
    }
   
    .bc-grid-col::before {
        display: none;
    }
    .bc-col-header {
        margin-bottom: 16px;
        height: auto;
    }
    .bc-col-text {
        max-width: 100%;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b63644 */<style>
/* ==========================================================================
   CONTENEDOR GLOBAL
   ========================================================================== */
.bc-tech-section {
    width: 100%;
    height: auto; 
    background-color: #33A6FD; 
    display: flex;
    justify-content: center; 
    align-items: flex-start;
    position: relative; 
    z-index: 30;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Envoltura principal */
.bc-tech-wrapper {
    width: 100%;
    max-width: 1440px;
    height: auto; 
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 16px; 
    position: relative;
}

/* ==========================================================================
   POSICIONAMIENTO DE LAS CRUCES (ESCRITORIO)
   ========================================================================== */
.bc-corner-svg {
    position: absolute;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 35;
}
.bc-corner-svg svg {
    width: 100%;
    height: 100%;
    display: block;
}

.bc-top-left      { left: calc(50% - 1440px/2 + 16px);   top: 145px; }
.bc-top-right     { left: calc(50% - 1440px/2 + 1400px); top: 145px; }

.bc-bottom-left   { left: calc(50% - 1440px/2 + 16px);   top: 828px !important; }
.bc-bottom-right  { left: calc(50% - 1440px/2 + 1400px); top: 828px !important; }

/* ==========================================================================
   BLOQUE IZQUIERDO (Títulos)
   ========================================================================== */
.bc-tech-left-block {
    width: 459px;
    margin-top: 185px; 
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px; 
    flex-shrink: 0;
    box-sizing: border-box;
}

.bc-tech-main-title {
    width: 100%;
    font-size: 36px;
    font-weight: 380;
    line-height: 41px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FDFDFD;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.bc-tech-subtitle {
    width: 100%;
    font-size: 32px;
    font-weight: 380;
    line-height: 120%;
    letter-spacing: 0.04em;
    color: #C0E3FE;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

/* ==========================================================================
   BLOQUE DERECHO (Servicios)
   ========================================================================== */
.bc-tech-right-list {
    width: 933px;
    margin-top: 185px; 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0; 
    flex-shrink: 1;
    padding-bottom: 87px; 
    box-sizing: border-box;
}

/* Fila de servicio individual */
.bc-service-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    padding-top: 24px;     
    padding-bottom: 64px; 
    font-family: 'DM Mono', Consolas, monospace;
}

.bc-service-title-box {
    width: 214px; 
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    box-sizing: border-box;
}

.bc-service-caption {
    font-size: 16px;
    font-weight: 570;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FDFDFD;
}

/* Caja de la descripción */
.bc-service-desc-box {
    width: 458px; 
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    box-sizing: border-box;
}

.bc-service-text {
    width: 100%;
    max-width: 426px; 
    font-size: 16px;
    font-weight: 570;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FDFDFD;
    margin: 0;
}

/* ==========================================================================
   RESPONSIVE (MÁRGENES DE 16PX MEDIDOS Y AJUSTADOS)
   ========================================================================== */
@media (max-width: 1440px) {
    .bc-top-left     { left: 16px; }
    .bc-top-right    { right: 16px; left: auto; }
    .bc-bottom-left  { left: 16px; }
    .bc-bottom-right { right: 16px; left: auto; }
}

@media (max-width: 1200px) {
    .bc-tech-section {
        min-height: auto;
        padding: 60px 0; /* Dejamos el padding lateral a 0 aquí */
    }
    
    .bc-tech-wrapper {
        flex-direction: column;
        height: auto;
        gap: 60px;
        padding: 0 16px !important; /* Forzamos los 16px exactos en el contenedor */
        box-sizing: border-box;
    }
    
    .bc-tech-left-block, 
    .bc-tech-right-list {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        padding-left: 0 !important; /* Limpia cualquier sangría residual */
    }
    
    .bc-service-row {
        flex-direction: column;
        gap: 12px;
        padding-top: 0;
        padding-bottom: 32px;
        width: 100%;
    }
    
    .bc-service-title-box, 
    .bc-service-desc-box {
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
    }

    .bc-service-text {
        max-width: 100% !important;
    }
    
    .bc-corner-svg {
        display: none; 
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ace51aa */<style>


/* Contenedor global de la sección */
.bc-track-section {
    width: 100%;
    min-height: 900px;
    background-color: #E8E8E8; 
    display: flex;
    justify-content: center; 
    align-items: flex-start;
    position: relative;
    z-index: 30;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.bc-track-wrapper {
    width: 100%;
    max-width: 1440px;
    height: 900px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 16px;
    position: relative;
}

/* --- LADO IZQUIERDO (BLOQUE DE TEXTO E INTRO) --- */
.bc-track-left-block {
    width: 459px; /* Ancho estructural base */
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    box-sizing: border-box;
}

.bc-track-intro {
    margin-top: 196px; 
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px; 
    width: 100%;
}

.bc-track-main-title {
    width: 443px; 
    font-size: 64px;
    font-weight: 300;
    line-height: 90%;
    letter-spacing: 0.04em;
    color: #535353;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

/* Botón azul */
.bc-track-blue-btn {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;
    width: auto;
    min-width: 139px;
    height: 24px;
    background: #33A6FD;
    border-radius: 4px;
    text-decoration: none;
    box-sizing: border-box;
    transition: background 0.2s ease;
}

.bc-track-blue-btn:hover {
    background: #1B95F2;
}

.bc-track-btn-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.bc-track-btn-text {
    font-size: 12px;
    font-weight: 500;
    font-family: 'DM Mono', Consolas, monospace;
    line-height: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FDFDFD; 
    white-space: nowrap;
}

/* Texto guía inferior (Scroll this way) */
.bc-track-scroll-guide {
    position: absolute;
    left: 291px;  
    top: 828px;   
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: 152px;
    height: 24px;
    box-sizing: border-box;
}

.bc-guide-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #B2B2B2; 
    white-space: nowrap;
    font-family: 'DM Mono', Consolas, monospace;
}

.bc-guide-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}


/* --- LADO DERECHO: CARRUSEL DE MÉTRICAS DESLIZABLE --- */
.bc-track-right-scrollable {
    width: 941px;
    height: 666px;
    margin-top: 184px; 
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    overflow-x: auto; 
    overflow-y: hidden;
    gap: 0; 
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.bc-track-right-scrollable::-webkit-scrollbar {
    height: 4px;
}
.bc-track-right-scrollable::-webkit-scrollbar-track {
    background: transparent;
}
.bc-track-right-scrollable::-webkit-scrollbar-thumb {
    background: rgba(83, 83, 83, 0.2);
    border-radius: 10px;
}

/* Cada tarjeta/columna individual */
.bc-metric-card {
    width: 338px;
    min-width: 338px;
    height: 666px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    padding: 24px 0px 64px 24px; 
    box-sizing: border-box;
    position: relative;
    border-left: 1px solid #535353; 
}

/* Caja del texto superior de la columna */
.bc-metric-header {
    width: 100%;
    max-width: 306px;
    height: auto;
    display: flex;
    align-items: center;
}

.bc-metric-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0A0A0A;
    margin: 0;
    font-family: 'DM Mono', Consolas, monospace;
}

/* Caja de las etiquetas numéricas inferiores */
.bc-metric-body {
    width: 100%;
    max-width: 306px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px; 
}

.bc-metric-label {
    font-size: 32px;
    font-weight: 380;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #0A0A0A;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.bc-metric-number {
    font-size: 96px;
    font-weight: 300;
    line-height: 90%;
    letter-spacing: 0.04em;
    color: #0A0A0A;
    display: block;
    font-family: 'Inter', sans-serif;
}


/* --- SECCIÓN RESPONSIVE --- */
@media (max-width: 1024px) {
    .bc-track-section {
        min-height: auto;
        padding: 60px 16px;
    }
    .bc-track-wrapper {
        flex-direction: column;
        height: auto;
        gap: 50px;
    }
    .bc-track-left-block {
        width: 100%;
        height: auto;
    }
    .bc-track-intro {
        margin-top: 0;
        gap: 30px;
    }
    .bc-track-main-title {
        width: 100%;
        font-size: 44px;
    }
    .bc-track-scroll-guide {
        display: none; 
    }
    .bc-track-right-scrollable {
        width: 100%;
        height: auto;
        margin-top: 0;
        overflow-x: visible; 
        flex-direction: column;
        gap: 40px;
    }
    .bc-metric-card {
        width: 100%;
        min-width: 100%;
        height: auto;
        border-left: none;
        border-top: 1px solid #535353; 
        padding: 24px 0 0 0;
    }
    .bc-metric-body {
        margin-top: 30px;
        gap: 16px;
    }
    .bc-metric-number {
        font-size: 72px;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8676f2c */<style>
/* ==========================================================================
   Contenedor global - Versión con separación (Nueva)
   ========================================================================== */
.bc-gap-section {
    width: 100%;
    min-height: 900px;
    background-color: #E8E8E8; 
    display: flex;
    justify-content: center; 
    align-items: flex-start;
    position: relative;
    z-index: 30;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.bc-gap-wrapper {
    width: 100%;
    max-width: 1440px;
    height: 900px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 16px;
    position: relative;
}

/* --- LADO IZQUIERDO --- */
.bc-gap-left-block {
    width: 459px; 
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    box-sizing: border-box;
}

.bc-gap-intro {
    margin-top: 196px; 
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px; 
    width: 100%;
}

.bc-gap-main-title {
    width: 443px; 
    font-size: 64px;
    font-weight: 300;
    line-height: 90%;
    letter-spacing: 0.04em;
    color: #535353;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

/* ==========================================================================
   LADO DERECHO: 2X2 CON LÍNEAS DISCONTINUAS (ESCRITORIO)
   ========================================================================== */
.bc-gap-right-container {
    width: 941px;
    height: 666px;
    margin-top: 184px; 
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: auto auto !important; /* Ajuste automático para heredar las alturas controladas */
    gap: 0px !important; 
    overflow: hidden !important;
    box-sizing: border-box;
}

/* Propiedades de todas las tarjetas */
.bc-gap-metric-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 313px !important; /* Reducido para dejar margen al espacio intermedio */
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    padding: 16px 32px 24px 24px !important; /* Optimizado para la nueva altura */
    box-sizing: border-box;
    position: relative;
    border-left: 1px solid #535353 !important; /* Línea de la izquierda */
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
}

/* TRUCO: Aplicamos la separación únicamente a las dos tarjetas de ARRIBA */
.bc-gap-metric-card:nth-child(1),
.bc-gap-metric-card:nth-child(2) {
    margin-bottom: 40px !important; /* Este es el hueco físico que corta la línea vertical */
}

.bc-gap-metric-header {
    width: 100%;
    max-width: 380px;
    height: auto;
    display: flex;
    align-items: center;
}

.bc-gap-metric-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0A0A0A;
    margin: 0;
    font-family: 'DM Mono', Consolas, monospace;
}

.bc-gap-metric-body {
    width: 100%;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
}

.bc-gap-metric-label {
    font-size: 32px;
    font-weight: 380;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #0A0A0A;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.bc-gap-metric-number {
    font-size: 96px;
    font-weight: 300;
    line-height: 90%;
    letter-spacing: 0.04em;
    color: #0A0A0A;
    display: block;
    font-family: 'Inter', sans-serif;
}

/* ==========================================================================
   SECCIÓN RESPONSIVE - Tu diseño móvil original intacto e inmune al gap
   ========================================================================== */
@media (max-width: 1024px) {
    .bc-gap-section {
        min-height: auto;
        padding: 60px 16px;
    }
    .bc-gap-wrapper {
        flex-direction: column;
        height: auto;
        gap: 50px;
    }
    .bc-gap-left-block {
        width: 100%;
        height: auto;
    }
    .bc-gap-intro {
        margin-top: 0;
        gap: 30px;
    }
    .bc-gap-main-title {
        width: 100%;
        font-size: 44px;
    }
    .bc-gap-right-container {
        display: flex !important;
        width: 100%;
        height: auto;
        margin-top: 0;
        overflow-x: visible !important; 
        flex-direction: column;
        gap: 40px;
    }
    .bc-gap-metric-card {
        width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        border-left: none !important;
        border-top: 1px solid #535353 !important; 
        padding: 24px 0 0 0 !important;
    }
    /* Eliminamos el margen inferior de escritorio en móvil para que no descuadre tus distancias nativas */
    .bc-gap-metric-card:nth-child(1),
    .bc-gap-metric-card:nth-child(2) {
        margin-bottom: 0px !important; 
    }
    .bc-gap-metric-body {
        margin-top: 30px;
        gap: 16px;
    }
    .bc-gap-metric-number {
        font-size: 72px;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1136a1f8 */<style>
/* Contenedor global: Sirve como la ventana elástica de visualización */
.bc-cta-section {
    width: 100%;
    min-height: 900px;
    display: flex;
    justify-content: center; /* Centrado perfecto horizontal en 27" */
    align-items: center;     /* Centrado perfecto vertical */
    position: relative;
    z-index: 30;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Envoltura máxima equivalente a los 1440px de tu lienzo */
.bc-cta-wrapper {
    width: 100%;
    max-width: 1440px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 16px;
}

/* Frame 84: Contenedor del grupo central (Textos + Botón) */
.bc-cta-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 64px; /* Separación de Figma entre el bloque de texto y el botón */
    width: 100%;
    max-width: 1408px;
    box-sizing: border-box;
}

/* Frame 4: Grupo de los dos títulos */
.bc-cta-text-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px; /* Distancia de Figma entre ambas líneas de texto */
    width: 100%;
    font-family: 'Inter', sans-serif;
}

/* Estilo para los H2 (Built on legacy. / Designed for...) */
.bc-cta-title {
    width: 100%;
    font-size: clamp(24px, 2.5vw, 36px); /* Escala sutilmente para portátiles */
    font-weight: 380;
    line-height: 110%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FDFDFD; /* Foundation /White/Light */
    text-align: center;
    margin: 0;
    display: block;
    font-family: 'Inter', sans-serif;
}

/* Botón: Button/Primary */
.bc-cta-button {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px; /* ⚠️ Ampliado el margen lateral para proteger el texto */
    gap: 8px;
    width: auto !important; /* ⚠️ CORREGIDO: Deja de ser rígido para que no rompa el texto */
    min-width: 130px;      /* Garantiza un tamaño base premium */
    height: 24px;
    background: #FCFCFC; /* Foundation /White/Light :hover */
    border-radius: 4px;
    text-decoration: none;
    box-sizing: border-box;
    transition: background 0.2s ease-in-out, transform 0.2s ease-in-out;
    
}

.bc-cta-button:hover {
    background: #E8E8E8;
    transform: scale(1.02);
}

/* Icono SVG interior */
.bc-cta-icon {
    width: 16px;
    height: 16px;
    transform: none !important; /* ⚠️ CORREGIDO: Flecha recta sin rotación hacia la derecha */
    flex-shrink: 0;
}

/* Texto del botón (contact us) */
.bc-cta-btn-text {
    font-size: 12px;
   font-family: 'DM Mono', Consolas, monospace;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0A0A0A; /* Foundation /Grey/Darker */
    display:  inline-block;
    white-space: nowrap; /*
    
}

/* --- RESPONSIVE PARA TABLETS Y MÓVILES --- */
@media (max-width: 1024px) {
    .bc-cta-section {
        min-height: 600px;
    }
    .bc-cta-content {
        gap: 40px;
    }
    .bc-cta-title {
        font-size: 24px;
    }
}
</style>/* End custom CSS */