.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFFFFF80;--e-global-color-text:#7A7A7A;--e-global-color-accent:#D3E0FF;--e-global-color-8af3933:#D3E0FF;--e-global-color-937a0e3:#E7EEFF;--e-global-color-09a81de:#DCE1EC;--e-global-color-fd4c14f:#C7FFDF;--e-global-color-d386dc6:#F2545B;--e-global-color-a69d24a:#000000;--e-global-color-dedf530:#0000007C;--e-global-color-018d251:#000000;--e-global-color-9a62268:#FFFFFF;--e-global-color-d5df15d:#087BFF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;--e-global-typography-f5a6e9c-font-family:"Montserrat";--e-global-typography-f5a6e9c-font-weight:700;background-color:#000000;font-size:16px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-8af3933 );font-family:var( --e-global-typography-f5a6e9c-font-family ), Sans-serif;font-weight:var( --e-global-typography-f5a6e9c-font-weight );color:var( --e-global-color-a69d24a );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-size:68px;}.elementor-kit-6 h2{font-size:42px;}.elementor-kit-6 h3{font-size:36px;}.elementor-kit-6 h4{font-size:32px;}.elementor-kit-6 h5{font-size:24px;}.elementor-kit-6 h6{font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:45px;}.elementor-kit-6 h2{font-size:32px;}.elementor-kit-6 h3{font-size:24px;}.elementor-kit-6 h4{font-size:23px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */p.elementor-heading-title{
    line-height:1.4em;
}

.elementor-heading-title{
    line-height:1.15em;
}

/* body large */
.body-large{
    font-size:20px;
}

/* body small */
.body-small{
    font-size:14px;
}


@media (max-width: 1024px) {
/* tablet rules */

/* body large */
.body-large{
    font-size:18px;
}


}


@media (max-width: 767px) {
/* mobile rules */


.body-large{
    font-size:16px;
}

body.elementor-page-117 {
    background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0)),
        url("TU-URL-DE-IMAGEN");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
}




}

/* ==========================================
   FULL WIDTH LAYOUT - BLACKBIRDLABS CAREERS
   ========================================== */

/* Eliminar padding de secciones Elementor */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Todas las secciones full-width con padding interno */
.elementor-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Padding interno para contenido */
.elementor-container {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

/* Hero section ajustes */
.hero-section {
    max-width: 100% !important;
}

/* Stats y logo carousel full width */
.bblabs-stats-grid {
    gap: 3rem;
}

.clients-section,
.logo-carousel {
    width: 100%;
}

/* Why BlackbirdLabs section */
.why-section {
    padding: 120px 0;
    max-width: 100%;
}

.why-header {
    max-width: 600px;
    margin: 0 auto 80px;
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 40px;
}

/* Benefits section */
.benefits-section {
    padding: 120px 0;
    max-width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.benefits-header {
    max-width: 600px;
    margin: 0 auto 80px;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 60px;
}

/* Application form - mantener ancho razonable */
.application-section {
    padding: 120px 0;
    max-width: 100%;
}

.application-container {
    max-width: 900px;
    margin: 0 auto;
}

/* Alternar fondos sutiles para separación visual */
.benefits-section {
    background: rgba(255, 255, 255, 0.01);
}

/* ==========================================
   RESPONSIVE DESIGN
   ========================================== */

@media (max-width: 1400px) {
    .elementor-container {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    
    .benefits-grid {
        gap: 50px;
    }
}

@media (max-width: 1024px) {
    .elementor-container {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    
    .why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 30px;
    }
    
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    
    .why-section,
    .benefits-section,
    .application-section {
        padding: 80px 0;
    }
}

@media (max-width: 767px) {
    .elementor-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .why-grid,
    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .why-section,
    .benefits-section,
    .application-section {
        padding: 60px 0;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .why-header,
    .benefits-header,
    .application-header {
        margin-bottom: 50px;
    }
}

/* ==========================================
   AJUSTES FINOS DE ESPACIADO
   ========================================== */

/* Logo carousel ajustes */
.logo-track {
    gap: 3rem;
}

/* Stats cards espaciado */
.stat-card {
    min-width: 160px;
    padding: 2rem 2rem;
}

/* Form steps responsive */
.stepper-progress {
    margin-bottom: 50px;
}

.application-form {
    padding: 50px;
}

@media (max-width: 768px) {
    .application-form {
        padding: 30px 20px;
    }
    
    .stat-card {
        min-width: 140px;
        padding: 1.5rem 1.5rem;
    }
}

/* ==========================================
   SEPARADORES SUTILES ENTRE SECCIONES
   ========================================== */

.why-section {
    border-top: 1px solid rgba(255, 255, 255, 0.03);
}

.application-section {
    border-top: 1px solid rgba(255, 255, 255, 0.03);
}/* End custom CSS */