*{
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;

}

a{
    text-decoration: none;
}



.nosotros-wrapper{
    width: 1000px;
    margin: 40px auto 40px;
    display: flex;
}
.margin-nav{
    margin-top: 100px;
}

.nosotros-portada{
    max-width: 50%;
    display: flex;
    border-radius: 10px;
}
.nosotros-content-wrapper{
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-right: 20px;
}
.nosotros-title{
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 10px;
}



.divider-wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100px;
    margin: 10px auto;
}
.divider-title{
    font-size: 1.5em;
    padding: 10px;
    position: absolute;
    background: #ffffff;
}

.flex-grow {flex-grow: 1;}







/*-----------------------BARRA DE PROGRESO------------------------*/


.progress-wrapper{
    display: flex;
    width: 800px;
    margin: auto;
    position: relative;
    justify-content: center;
    cursor: pointer;
}

.bar{
    width: 100%;
    height: 6px;
    background: #bfbfbf;
    position: absolute;
    top: 65%;
    border-radius: 100px;
}

.progress-bullet-wrapper{
    height: 100px;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 11;
    
}

.progress-bullet-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.progress-bullet{
    width: 30px;
    height: 30px;
    background: gray;
    border-radius: 100px;
    transition: .5s;
}

.fecha-bullet{
    margin-bottom: 10px;
}

.progress-bullet:hover{
    width: 30px;
    height: 30px;
    background: #ff003c;
    border-radius: 100px;
}

.purple{
    background: #5D5FEF;
}

.purple-font{
    color: #5D5FEF;
}


/*-----------------------BARRA DE PROGRESO------------------------*/



/*------------------CARRUSEL----------------*/

.splide{
margin: auto;
margin-bottom: 50px;
}
.splide__slide{
    display: flex;
    margin: 20px!important;
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 3em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3em;
    z-index: 1;
}

.splide__arrow svg {
    fill: #4344ec;
    height: 1.2em;
    width: 1.2em;
}

.card-progress-wrapper{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.progress-title{
    font-size: 1.2em;
}

.progress-bar{
    width: 100%;
    background: #eaeaea;
    height: 15px;
    margin-bottom: 20px;
    margin-top: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.progress-blue{
background: #4344ec;
background: linear-gradient(90deg, #4344ec 0%, #00c3ff 100%);
height: 15px;
}

.progress-img{
    border-radius: 10px;
}

.etapa-name{
    font-size: 1.1em;
    color: #004BA0;
    margin-top: 5px;
}

.etapa-title{
    color: #004BA0;
    font-size: .9em;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 5px;
}

.etapa-description{
    font-size: .8em;
    text-align: justify;
    color:black;
}

.w-0{width: 0%;}
.w-2y5{width: 1.5%;}
.w-10{width: 10%;}
.w-16{width: 16.6%;}
.w-25{width: 25%;}
.w-20{width: 20%;}
.w-30{width: 30%;}
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-60{width: 60%;}
.w-70{width: 70%;}
.w-75{width: 75%;}
.w-80{width: 80%;}
.w-90{width: 90%;}
.w-100{width: 100%;}

/*------------------CARRUSEL END----------------*/



/*---------------------------tabla-------------------------*/
.container-tabla-cr{
    width: 1000px;
    margin: auto;
}

.container-table{
    width: 100%
    border: 1px solid #dbdbdb;
    position: relative;

}
.redondo{margin-top: 100px; margin-bottom: 100px; padding-bottom: 10px;}



.row-titulos,.row-sucursal{
    display: flex;
    justify-content: center;
    margin: auto;
    position: relative;
}





.column-titulo,.column-sucursal{
    width: 20%;
    font-family: 'Poppins', sans-serif;
    padding: 6px 0px;
    font-size:  13px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin:0px;
    padding-left: 10px;
    border: 1px solid #9a9a9a;
    padding: 10px;
  
}
.column-titulo-doble{
    width: 40%;
}



.column-titulo{
    padding: 12px 0px;
    padding-left: 10px;
    line-height: 15px;
}

.column-sucursal{background: white;}
.first-column{width: 300px; background: #2659c7; color:white;}
.first-column-normal{width: 300px; height: 20px; background: #f6f6f6;}
.third-column{width: 32%;}
.nombre-sucursal{display: flex;}

.contenido-dinamico-titulos{
    background-color: #2659c7;
    font-family: poppins;
    display: flex;
}
.contenido-dinamico{
    font-family: poppins;
    display: flex;
    height: 44px;
}

.una-col-title,.una-col-title-normal{
    width: 200px; 
    border: 1px solid white; 
    color:white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.una-col-title-normal{
    border: 1px solid #e0e0e0;
    color:#000000;
    height: 100%;
}
.dos-col-title{
    width: 400px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.doble-col{
    display: flex;
    width: 100%;
    height: 44px;
    color:white;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.budget-col{
    width: 200px;
    border: 1px solid white;
    color:white;
}

.budget-col-normal{
    width: 200px;
    border: 1px solid #e0e0e0;
    color:#000000;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    
}

.first-column{position:sticky; top:0px; left: 0px; margin-left: -1px;}
.first-column-normal{ position:sticky; top:0px; left: 0px; margin-left: -1px;}

.container-table{  
    overflow: scroll;
    overflow-y:hidden;
    width: 100%;
    border-radius: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}




/*---------------------------tabla-------------------------*/


















@media only screen and (max-width: 1000px) {




}/*1000PX*/



/*Tablet*/
@media only screen and (max-width: 768px) {


    .nosotros-portada {
        max-width: 100%;
        display: flex;
        border-radius: 0px;
    }

   


    .nosotros-wrapper{
        width: 100%;
        margin: 100px auto 40px;
        flex-direction: column;
    }

    .nosotros-wrapper-reverse{
        flex-direction: column-reverse;
    }


    .container-tabla-cr{
        width: 100%;
        margin: auto;
    }






}/*fin tablet*/