body {
    font-family: "Manrope", sans-serif;
    
}

.text-color-blue {
    color: #311B92;
}

.bg-violet-app {
    background: #651FFF;
}

.card-pasos{
    background: #651FFF1A;
    height: 358px;
    width: 307px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    border-radius: 12px;
    position: relative;

}


.card-pasos-numero{
    background:#651FFF;
    color: white;
    width: 56px;
    height: 56px;
    border-radius: 50px;
    position: absolute;
    top: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    font-weight: 600;
}

.whatsapp{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

.box-buscador {
    background-image: url("./images/software_para_logisticas.svg");
    /* background-size: contain; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    box-sizing: border-box;
    width: 100%;
   
}

.kit-trakkea {
    background-image: url("./images/herramientas-trakkea-software-logisticas.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    box-sizing: border-box;
    width: 100%;
}

/* quitar cover cuando la pantalla sea muy grand */

@media (min-width: 1800px) {
    .box-buscador {
        background-size: auto;
    }
    .kit-trakkea {
        background-size: cover;
    }
}


.hide-scroll-bar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.hide-scroll-bar::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera */
}

#anchor-descargar {
    background-image: url("./images/descarga-la-aplicacion-para-optimizar-rutas.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    box-sizing: border-box;
    width: 100%;
}