.elementor-22858 .elementor-element.elementor-element-bd122f1:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22858 .elementor-element.elementor-element-bd122f1 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-22858 .elementor-element.elementor-element-bd122f1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-22858 .elementor-element.elementor-element-bd122f1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-22858 .elementor-element.elementor-element-bd122f1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22858 .elementor-element.elementor-element-8425dad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22858 .elementor-element.elementor-element-8425dad .elementor-tab-title, .elementor-22858 .elementor-element.elementor-element-8425dad .elementor-tab-title:before, .elementor-22858 .elementor-element.elementor-element-8425dad .elementor-tab-title:after, .elementor-22858 .elementor-element.elementor-element-8425dad .elementor-tab-content, .elementor-22858 .elementor-element.elementor-element-8425dad .elementor-tabs-content-wrapper{border-width:0px;}/* Start custom CSS for tabs, class: .elementor-element-8425dad *//* ======================================================
   TABS ABAJO DEL CONTENIDO
====================================================== */

.elementor-widget-tabs .elementor-tabs{
    height: 100%;
    display:flex;
    flex-direction:column-reverse;

    
}

/* ======================================================
   WRAPPER GENERAL
====================================================== */

.elementor-widget-tabs .elementor-tabs{

    position: relative;

    overflow: hidden;


}


/* ======================================================
   WRAPPER DE TABS
====================================================== */
.elementor-widget-tabs .elementor-tabs-wrapper{

    display:flex !important;

    width:80%;

    margin:0 auto;

    position:absolute;

    left:50%;

    transform:translateX(-50%);


    z-index:30;

    overflow:visible;

    background:rgba(0,7,18,.35);

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    border-radius: 24px 24px 0px 0px;

    border:1px solid rgba(255,255,255,.08);
}
/* ======================================================
   OCULTAR TABS MOBILE DUPLICADOS
====================================================== */

.elementor-widget-tabs .elementor-tab-mobile-title{
    display:none !important;
}


/* ======================================================
   TAB INDIVIDUAL
====================================================== */

.elementor-widget-tabs .elementor-tab-title.elementor-tab-desktop-title{

    flex:1;

    position:relative;

    padding:28px 30px !important;

    min-height:95px;

    border:none !important;

    color:#ffffff !important;

    background-color:transparent !important;

    opacity:.35;

    transition:all .3s ease;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

    text-align:left;

    cursor:pointer;


    /* =========================
       LINEA BASE 
    ========================== */

    background-image:
        linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)),
        linear-gradient(to right, #4EEBFF, rgba(37,74,157,.2));

    background-repeat:no-repeat;

    background-position:
        bottom left,
        bottom left;

    background-size:
        100% 4px,
        0% 4px;
}


/* ======================================================
   HOVER
====================================================== */

.elementor-widget-tabs .elementor-tab-title:hover{
    opacity:1;
}


/* ======================================================
   TAB ACTIVO
====================================================== */

.elementor-widget-tabs .elementor-tab-title.elementor-active{

    opacity:1;

    background-size:
        100% 04px,
        100% 04px;

    animation:tabProgressBg 5s linear forwards;
}


/* ======================================================
   ANIMACION BARRA
====================================================== */

@keyframes tabProgressBg{

    from{
        background-size:
            100% 4px,
            0% 4px;
    }

    to{
        background-size:
            100% 4px,
            100% 4px;
    }
}


/* ======================================================
   SUBTITULO PEQUEÑO
====================================================== */

.tab-small{

    display:block;

    font-size:12px;

    font-weight:400;

    opacity:.7;

    margin-bottom:8px;

    letter-spacing:.5px;

    line-height:1.2;
}


/* ======================================================
   TITULO PRINCIPAL
====================================================== */

.elementor-widget-tabs .elementor-tab-title strong{

    font-size:18px;

    font-weight:700;

    line-height:1.3;

    color:#ffffff;
}

.elementor-widget-tabs .elementor-tab-content{

    background:#000f1f;

    color:#ffffff;

    border:none !important;

    box-shadow:none !important;

    outline:none !important;

    margin:0,0,0,0 !important;
    padding: 0px;
   
}


/* ======================================================
   ELIMINAR BORDES ELEMENTOR
====================================================== */

.elementor-widget-tabs .elementor-tabs-content-wrapper{

    border:none !important;
}


/* ======================================================
   MOBILE
====================================================== */

@media(max-width:767px){

    .elementor-widget-tabs .elementor-tabs-wrapper{

        flex-direction:column;
    }

    .elementor-widget-tabs .elementor-tab-title.elementor-tab-desktop-title{


        min-height:auto;
    }

    .elementor-widget-tabs .elementor-tab-mobile-title{
        display:none !important;
    }

}

/* ======================================================
   NUMERACION AUTOMATICA
====================================================== */

.elementor-widget-tabs .elementor-tabs-wrapper{

    counter-reset:tab-counter;
}


/* ======================================================
   TAB
====================================================== */

.elementor-widget-tabs 
.elementor-tab-title.elementor-tab-desktop-title{

    counter-increment:tab-counter;

    padding-left:90px !important;
}


/* ======================================================
   NUMERO
====================================================== */

.elementor-widget-tabs 
.elementor-tab-title.elementor-tab-desktop-title::before{

    content:counter(tab-counter, decimal-leading-zero);

    position:absolute;

    left:28px;

    top:40%;

    transform:translateY(-00%);

    font-size:32px;

    font-weight:300;

    line-height:1;

    color:rgba(255,255,255,.7);

    transition:all .3s ease;
}


/* ======================================================
   TAB ACTIVO
====================================================== */

.elementor-widget-tabs 
.elementor-tab-title.elementor-active::before{

    color:#ffffff;
    
}


/* ======================================================
   CONTENEDOR TEXTO
====================================================== */

.tab-small{

    display:block;

    font-size:12px;

    font-weight:400;

    letter-spacing:.6px;

    margin-bottom:6px;

    opacity:.7;
}


/* ======================================================
   TITULO PRINCIPAL
====================================================== */

.elementor-widget-tabs 
.elementor-tab-title strong{

    display:block;

    font-size:18px;

    font-weight:700;

    line-height:1.3;

    color:#ffffff;
}/* End custom CSS */