@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');

*{
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 20px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;

}

body{  
    background: #f5f4f4df;
    max-width: 1920px;
    width: 100%;
}

/*NAVBAR RESPONSIVE---------------*/
.header{
    margin-top: 20px;
    width: 100%;
    padding: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.logo_navbar{
    margin-top: 8px;
    margin-left: 7em;
    width: 70px;
    height: 70px;
}

.svg_navbar{
    width: 2em;
    height: 2em;
    border: none;
    fill: black;
}

.header .boton_menu_navbar{
    display: none;
}
.header .menu-box{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.menu-box .li-nav{
    font-weight: 700;
    margin: 0 .3em;
    padding: .4rem .3rem;
    text-transform: uppercase;
    border-radius: 20px;
    transition: all cubic-bezier(0.215, 0.610, 0.355, 1) .3s;
}
.menu-box .li-nav:hover{
    transform: translateY(7px);
}
.menu-box .li-nav a:hover{
    color: #6e7070;
}
.menu-box .li-nav a{
    color: rgb(28, 27, 27);
}
.menu-box .li_ubicar a{
    color: #eae8eb;
    font-weight: 700;
}
.menu-box .li_ubicar a:hover{
    color: #151414;
}
.menu-box .li_ubicar:hover{
    background-color: #4fdb80c8; 
}

.menu-box spam{
    margin-right: 10px;
    font-size: 20px;

}

.menu-box .li_ubicar{
    padding: 10px 25px;
    font-weight: 600;
    font-size: 19px;
    background-color: #191c19;
    transition: all cubic-bezier(0.215, 0.610, 0.355, 1) .4s;
    outline: 0;
}

.menu-box .li_ubicar:hover{
    cursor: pointer;
    transform: translateY(7px);
}


/*FIN DE CSS NAVBAR--------------------------------------*/


/*seccion 2 objetivo----------------------------------------*/
main{
    width: 100%;
    padding: 10px 10px;
    margin: 10px 0;
}
.seccion__cover{
    width: 100%; 
    height: 70vh;
    display: grid;
    grid-template-columns:30% 70%;
}

.div__caja1__cover{
    width: 120%;
    padding: 20px;
    margin: 10px 10px;
    text-align: center;
    margin-top: 2em;
    margin-left: 3em;
}

.div__caja2__cover video{
    width:100%;
    height: 80vh;
}

.div__caja1__cover h1{
    margin-top: 25px;
    font-size: 25px;
    text-align: center;
}
.div__caja1__cover h2{
    margin-top: 25px;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
}
.div__caja1__cover p{
    margin-top: 1em;
    text-align: center;
    font-size: 20px;
    line-height: 35px;
}
.botones__cover{
    margin-top: 30px;
    justify-content: space-between;
}
.boton__cotizacion__cover{
    padding: 10px 10px;
    font-weight: 500;
    font-size: 20px;
    background-color: #191c19;
    transition: all cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
    border-radius: 20px;
    cursor: pointer;
    color: #e4e4e4;
    border: none;
}
.boton__cotizacion__cover:hover{
    cursor: pointer;
    transform: translateY(7px);
    background: #4fdb80c8; 
    color: #030202;
}
.boton__video__cover{
    border: none;
    transition: all cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}
.boton__video__cover:hover{
    transform: translateY(7px);   
}
.boton__video__cover a{
    padding: 10px 8px;
    font-weight: 500;
    font-size: 20px;
    background-color: #bcbfbc;
    
    border-radius: 20px;
    cursor: pointer;
    color: #0b0a0a;
    border: none;
}
.boton__video__cover a:hover{
    cursor: pointer;
    color: #030202;
    background: #b68484c8; 
    
}
/*FINALIACION SECCION ------------------------------*/

/*VENTANA MODAL-----------------------------------*/
.modal__form{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #111111db;
    display: grid;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s 1.5s;
    --transform: translateY(-100vh);
    --transition: transform .8s .8s;
}

.modal--show{
    opacity: 1;
    pointer-events: unset;
    transition: opacity .6s;
    --transform: translateY(0);
}
.modal__container{
    margin: auto;
    width: 50%;
    height: 90vh;
    background-color: #f8f6f6;
    border-radius: 30px;
    padding: 1em 1.5em;
    display: grid;
    place-items: center;
    grid-auto-columns: 90%;
    transform: var(--transform);
    transition: var(--transition);
}
.modal__close{
    margin-left: 110%;
    position: relative;
}
.modal_close{
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;

}
.modal__div{
    margin-left: 50px;
    padding-top: 9px;
}
.select-field-2{
    display: block;
    width: 100%;
    height: 38px;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    border: none;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.modal__div p{
    line-height: 15px;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
}
.modal__div .w-input{
    height: 80%;
    border: none;
    width: 50vh;
    background-color: #eae8eb;
    color: #2c2c2c;
    border-radius: 20px;
    padding: 5px 10px;
}

.modal__div .textarea-2{
    padding-top: 30px;
}

.submit-button-2{
    margin-top: -3px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 17px;
    background: #111111db;
    color: #dfe7df;
    transition: all cubic-bezier(0.215, 0.610, 0.355, 1) .7s;
    outline: 0;
    border-radius: 30px;
    border: none;
}
.submit-button-2:hover{
    background: #4fdb80c8;
    color: #2c2c2c;
    transform: translateY(7px);
    cursor: pointer;
}

/*FIN VENTANA MODAL----------------------------------

/*INICIO SECCION 3*/

.seccion3{
    width: 100%;  
}
.seccion3 h1{
    font-size: 25px;
    text-align: center;
    font-weight: 600;
}
.div__main__seccion3{
    padding: 20px 5px;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-around;
    margin: 0 auto;
}

.div__icon__seccion3{
    width: 100%;
    padding: 10px;
    margin: 10px;
    width: 100%;
    display: flex;
    align-items: center;   
}

.div__icon__seccion3 img{
    width: 70px;
    margin-right: 10px;
    transition: all cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}
.div__icon__seccion3 img:hover{
    cursor: pointer;
    transform: translateY(9px);
}
.div__icon__seccion3 label{
    margin-left: 10px;
}
.div__icon1__seccion3__panico{
    margin-right: 5em;
}
/*finaliza seccion 3--------------------------------------*/

/*INICIA SECCION 4 COLUMNA DE PORUQE ELEGIRNOS*/
.seccion4{
    max-width: 100%; 
}
.titulo__principal__seccion4{
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}
.div__main__seccion4{
    padding: 20px 20px;
    width: 95%;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-around;
    margin: 0 auto;
}
.div__cajas__seccion4{
    padding: 10px 20px;
}
.div__seccion4__titulo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.div__seccion4__titulo img{
    width: 80px;
    transition: all cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}
.div__seccion4__titulo img:hover{
    cursor: pointer;
    transform: translateY(9px);
}
.div__seccion4__titulo h1{
    margin-left: 9px;
    transition: all cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}
.div__seccion4__titulo h1:hover{
    cursor: pointer;
    transform: translateY(5px);
}
.div__seccion4__texto{
    font-weight: 300;
    text-align: center;
    margin-top: 20px;
}
.div__seccion4__texto p{
    font-size: 18px;
}









 /*inicio seccion 5 formulario cotizacion navbar*/

.fomulario__cotizacion{
    width: 100%;
    display: grid;
    grid-template-columns: 70% 30%;
    height: 100vh;
    
}
.formulario__cotizacion__informacion{
    margin: 10px 40px;
    padding: 10px 10px;
    height: 90vh;
    border-radius: 40px;
    width: 94%;
    height: 100vh;
    display: block;
    border: 2px solid #a0a0a0;
    border-radius: 40px;
}
.formulario__cotizacion__informacion h1{
    font-size: 25px;
    text-align: center;
    line-height: 60px;
    font-weight: 600;
}
.form__cotizacion__navbar{
    padding: 40px;
    height: 85vh;
    border: 2px solid #a0a0a0;
    border-radius: 40px;
    box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 24%);
}
.w-input__form__cotizacion{
    margin-bottom: 15px;
    display: block;
    width: 90%;
    height: 30px;
    padding: 8px 12px;
    font-size: 20px;
    color: #333;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.w-select__form__cotizacion{
    width: 90%;
    height: 30px;
    padding: 0 12px;
    margin-bottom: 10px;
    font-size: 17px;
    color: #333;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.field-label{
    padding: 8px 12px;
}
.w-button__form__cotizacion{
    width: 30%;
    margin-left: 30%;
    padding: 8px 10px;
    font-weight: 500;
    font-size: 20px;
    background-color: #191c19;
    transition: all cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
    border-radius: 20px;
    cursor: pointer;
    color: #e4e4e4;
    border: none;
    
}
.w-button__form__cotizacion:hover{
    background: #4fdb80c8;
    color: #2c2c2c;
    transform: translateY(7px);
}
.parrafo__form__cotizacion p{
    margin-top: 10px;
    font-size: 15px;
    width: 90%;
}
.formulario__cotizacion__texto{
    padding: 20px 10px;
    width: 100%;
    display: grid;
    height: 70vh;
    margin-top: 5rem;
    border: 2px solid #a0a0a0;
    border-radius: 40px;
    box-shadow: 0px 10px 10px 5px rgb(0 0 0 / 24%);
}
.formulario__cotizacion__texto p{
    margin: 10px ;
    font-size: 15px;
    width: 100%;
}
 /*fin de seccion 5 formulario de cotizacion que esta en navba*/

/*INICIO DEL FOOTER-------------------------------------------------------*/

/*CAJA 1 DEL FOOTER SERVICIOS DE RASTREO*/
.div1__main__caja1__footer{
    width: 100%;
}
.creative{
    display: grid;
    grid-template-columns: auto auto auto auto;
    justify-content: space-around;
}
.div1__main__caja1__footer__rastreo{
    width: 100%;
    display: flex;
    align-items: center;
}
.div1__main__caja1__footer__rastreo label{
    margin-left: 10px;
}
.div1__main__caja1__footer__rastreo img{
    width: 90px;
}
.div1__main__caja1__footer__rastreo label a{
    font-size: 18px;
    color: #030202;
}
/*FINALIZA CAJA 1 DEL FOOTER DIVISIONES DE SERVICIOS*/



/*INICIA CAJA 2 DEL FOOTER  IMG DE REDES SOCIALES*/
.div__cajas2__footer{
    width: 100%;
}
.div__caja2__footer__titulo{
    font-size: 15px;
    text-align: center;
}
.div-1__cajas2__footer_img{
    display: grid;
    grid-template-columns: auto auto auto auto;
    margin-top: 15px;
    padding: 10px 10px;
    justify-content: space-around;
}
.div-1__cajas2__footer_img__redes-sociales{
    display: flex;
    text-align: center;
}
.div-1__cajas2__footer_img__redes-sociales label{
    padding: 10px 10px;
    margin-top: 10px;
    color: #2c2c2c
}
.div-1__cajas2__footer_img__redes-sociales label a{
    color: #030202;
}
.div-1__cajas2__footer_img__redes-sociales img{
    width: 40px;
    height: 50px;
    transition: all cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}
.div-1__cajas2__footer_img__redes-sociales img:hover{
    cursor: pointer;
    transform: translateY(8px);
}
.div__cajas2__footer_texto{
    padding: 25px;
    text-align: center;
}
.div__cajas2__footer_texto h1{
    font-size: 15px;
    font-weight: 400;
}

/*FINALIZA CAJA 2 DEL FOOTER DONDE ESTABAN LAS IMG DE REDES SOCIALES*/

/*caja 4 footer donde ubicarnos------------------------*/

.div__main__caja4__footer__inicio img{
    width: 80px;
}
/*INICIO PIE DE PAGINA FINAL DEL FOOTER*/

.div__cajas3__footer{
    grid-column: 1/4;
    margin: 10px 20px;
    text-align: center;
    margin-top: 10px;
    width: 100%;
}
.div__cajas3__footer ul li{
    font-size: 20px;
    margin-top: 10px;
}

/*inicia caja 4 del footer-----------------*/

.div__cajas4__footer{
    width: 100%;   
}
.div__main__cajas4__footer4{
    display:  grid;
    grid-template-columns: auto auto auto auto auto;
    justify-content: space-around;
    align-items: center;
}
.div__main__caja4__footer__inicio{
    display: inline-flex;
    padding: 5px 5px;
}
.div__main__caja4__footer__inicio img{
    width: 50px;
}
.div__main__caja4__footer__inicio label{
    margin: auto 0;
    padding-left: 10px;
}
.div__main__caja4__footer__inicio label a{
    color: #030202;
    font-size: 14px;
}
/*TERMINA LA CAJA4 SECCION DE CONTACTENOS DEL FOOTER--------*/

.body__terminos__y__condiciones{
    font-family: 'Inter',sans-serif;
    font-weight: 300;
    line-height: 1;
    height: 100%;
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: baseline;
}
.terminos__y__condiciones__generales{
    padding-top: 120px;
    padding-bottom: 80px;
    background: #122844;
    overflow: hidden;
    position: relative;
    text-align: left;
    color: rgb(219, 214, 214);
    height: 78vh;
}
.terminos__y__condiciones__generales__titulo{
    width: 100%;
    height: 20vh;
}
.terminos__y__condiciones__generales__titulo h1{
    box-sizing: border-box;
    text-align: center;
    font-size: 50px;
}
.terminos__y__condiciones__generales__titulo h2{
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    margin-top: 40px;
}

.terminos__y__condiciones__container{
    text-align: center;
    padding: 20px 20px;
    height: 30vh;
}
.tipos__de__politicas{
    height: 30vh;
    margin: 20px 20px;
    padding: 20px 20px;
}
.ul__terminos__y__condiciones{
    line-height: 7vh;
    height: 25vh;
}
.a__terminosycondiciones__politicas__software{
    color: rgb(219, 214, 214);
    font-size: 20px;
}
/*fin de edicion de terminos y condiciones generales*/ 


/*TERMINOS Y CONDICIONES EDICION*/
.body__privacidad__ctk{
    font-family: 'Inter',sans-serif;
    font-weight: 300;
    line-height: 1;
    height: 100%;
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: baseline;
}

.politicas__de__privacidad{
    padding-top: 120px;
    padding-bottom: 80px;
    background: #122844;
    overflow: hidden;
    position: relative;
    text-align: left;
    color: rgb(219, 214, 214);
}

.politicas__ctk__titulo{
    width: 100%;
    height: 20vh;
}
.politicas__ctk__titulo h1{
    box-sizing: border-box;
    text-align: center;
    font-size: 66px;
}

.politicas__ctk__container{
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1140px;
}

.politicas__ctk__container h1{
    margin-top: 70px;
    font-size: 40px;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 20px;
 }
.parrafo__politicas__ctk{
    color: #fff;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 1.4;
    opacity: 0.7;
    font-weight: 300;
    margin-top: 10px;
}   
.h3__politicas__ctk{
    margin-top: 70px;
    font-size: 30px;
    color: #fbf9f9;
    line-height: 1.2; 
    margin-bottom: 25px;
    width: 100%;
}
.h4__politicas__ctk{
    margin-top: 40px;
    font-size: 25px;
    color: #fbf9f9;
    line-height: 1.2; 
    margin-bottom: 15px;
    width: 100%;
}
.li__politicas__ctk{
    margin-top: 21px;
    font-size: 18px;
    color: #e4e4e4;
    line-height: .7; 
    margin-bottom: 4px;
    width: 100%;
}
.requerimientos__legales{
    margin-top: 10px;
    font-size: 20px;
    color: #fbf9f9;
    margin-bottom: 4px;
    width: 100%;
}
.a__politicas__ctk{
    color: #f8f6f6;
    margin-top: 10px;
    font-size: 20px;
}
.p__politicas__ctk{
    color: #d0a4fe;
    font-size: 23px;
}

/* POLITICAS DE PRIVACIDAD DE control-------------------*/

/*politicas de privacidad software de rastreo*/

.body__politicas__de__software{
    font-family: 'Inter',sans-serif;
    font-weight: 300;
    line-height: 1;
    height: 100%;
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: baseline;
}
.politica__de__software{
    padding-top: 120px;
    padding-bottom: 80px;
    background: #122844;
    overflow: hidden;
    position: relative;
    text-align: left;
    color: rgb(219, 214, 214);
}
.politica__de__software__container{
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1140px;
    background: #122844;
}

.politica__de__software__titulo{
    width: 100%;
    height: 20vh;
}
.politica__de__software__titulo h1{
    box-sizing: border-box;
    text-align: center;
    font-size: 56px;
    font-weight: 400;
}

.h4__politicas__software{
    text-align: center;
    font-size: 26px;
    font-weight: 400;
}
.h1__politicas__software{
    margin-top: 40px;
    font-size: 30px;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 20px;
}
.h2__politicas__software{
    margin-top: 40px;
    font-size: 20px;
    color: #fbf9f9;
    line-height: 1; 
    margin-bottom: 25px;
    width: 100%;
}
.p__politicas__software{
    color: #fff;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.2;
    opacity: 0.8;
    font-weight: 300;
    margin-top: 8px;
}
/* fin politicas de privacidad software de rastreo----------*/

/*FIN DE TERMINOS Y CONDICIONES*/






























/*FINALIZA SECTION 4 POR QUE ELEGIRNOS--------------------------*/
@media screen and (max-width:1280px) {

    /*MODAL SE ENCOGE A ESTA MEDIDA*/
    .modal__div p{
        font-size: 15px;
        margin-top: -5px;
    }
    .w-input{
        width: -20vw;
    }
    .modal__container{
        width: 45%;
    }
    /*FIN DE MODAL RESPONSIVE*/


    /* seccion 2 cover posicionado*/
    .seccion2{
        height: 70vh;
    }
    .div__caja1__seccion2__informacion{
        width: 50%;
        margin-top: -45%;
    }
    .div__caja1__seccion2__buttons__cover{
        margin-right: 60%;
    }
    .seccion3{
        margin-top: 10px;
    }
/*cover modificado
    /*inicia caja 4 del footer-----------------*/

.div__cajas4__footer{
    width: 100%;   
}
.div__caja2__footer__titulo{
    margin-top: 10px;
}
.div__main__cajas4__footer4{
    display:  grid;
    grid-template-columns: auto auto auto;
    justify-content: space-around;
    align-items: center;
}
.div__main__caja4__footer__inicio{
    display: inline-flex;
    padding: 5px 5px;
}
.div__main__caja4__footer__inicio img{
    width: 70px;
}
.div__main__caja4__footer__inicio label{
    margin: auto 0;
    padding-left: 10px;
}
.div__cajas2__footer_texto h1{
    font-size: 17px;
}
/*TERMINA LA CAJA4 SECCION DE CONTACTENOS DEL FOOTER--------*/

}

























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

        /*INICIO NAVBAR*/
        .logo_navbar{
            margin-left: 47%;
            width: 80px;
            height: 80px;
            margin-top: 10px;
        }
        .header .boton_menu_navbar{
            display: block;
            cursor: pointer;
        }
        .header .navbar{
            width: 100%;
            display: none;
            margin-top: 0px;
            height: 0;
            overflow: hidden;
            transition: all 1s ease;
            pointer-events: none;
            display: flex;
            flex-flow: column nowrap;
            justify-content: center;
            align-items: center;
        }
        .header .navbar.activo{
           /*display: block;*/
           height: 50vh;
           pointer-events: auto;
        }
        .header .menu-box{
            flex-direction: column;
        }
        .header .li-nav{
            margin: 1rem 0;  
        }
        /*FIN DE NAVBAR------------------------*/
    
    /*seccion 2 edicion cover---------*/
        .div__caja1__seccion2 {
            margin-top: -3em;
        }
        .div__caja1__seccion2__informacion h1{
            font-size: 19px;
        }
        .div__caja1__seccion2__informacion h2{
            font-size: 23px;
            margin-top: 8px;
        }
        .div__caja1__seccion2__informacion p{
            font-size: 17px;
            margin-top: 7px;
        }
        .div__caja1__seccion2__buttons__cover{
            margin-top: 10px;
        }
        .div__caja1__seccion2__boton-contacto-cover{
            padding: 8px 15px;
            font-size: 13px;
        }
        .div__caja1__seccion2__boton-video-cover{
            padding: 8px 15px;
            font-size: 13px;
        }
        /*MODAL SE ENCOGE A ESTA MEDIDA*/
        .modal__div p{
            font-size: 15px;
            margin-top: 6px;
        }
        .modal__container{
            width: 50%;
        } 
        /*FIN DE MODAL RESPONSIVE*/
    
    
    /*MODAL SE ENCOGE A ESTA MEDIDA*/
    .modal__div p{
        font-size: 14px;
        margin-top: -5px;
    }
    .w-input{
        width: -20vw;
    }
    .modal__container{
        width: 60%;
    }
    /*FIN DE MODAL RESPONSIVe*/

/*fin de la edicion de secion 2 covewr----------*/

    .div1__main__caja1__footer{
        display: grid;
        padding: 5px 5px;
        grid-template-columns: auto auto auto;
        justify-content: space-around;
    }
    .div1__main__caja1__footer__rastreo{
        padding: 10px 10px;
        align-items: center;
    }
    .div__cajas2__footer_texto h1{
        font-size: 18px;
    }
 }



































@media screen and (max-width:500px){
/*NAVBARR RESPONSIVE REDUCION DE TEXTO
/*INICIO NAVBAR*/

/*seccion 2 coverrr*/
.seccion2{
    width: 100%;
    display: grid;
    grid-template-columns: auto ;
}
.div__caja2__seccion2{
    position: relative;
    right: 5.7em;
    height: 60vh;
}
.div__caja2__seccion2 video{
    height: 60vh;
    margin-top: -20px;
}
.div__caja1__seccion2__informacion{
    padding: 10px 10px;
    margin: 5px 5px;
    height: 30vh;
    margin-top: -50px;
    width: 100%;
}
.div__caja1__seccion2__informacion p{
    font-size: 15px;
}
.div__caja1__seccion2__buttons__cover{
    width: 100%;
    margin-top: 23px;
}
.div__main__seccion3{
    width: 100%;
    margin: 0 auto;
    margin-top: 5em;
}


/*finaliza seccion2 del cover---------------------------*/

/*modal*/

.modal__form{
    width: 100%;
}
.modal__container{
    width: 65vw;
    height: 85vh;
    
}
.w-select{
    width: 60vw;
    font-size: 13px;
    align-items: center;
}
.modal__div .w-input{
    width: 60vw;
    font-size: 13px;
}
.modal__div strong{
    font-size: 10px;
}
.modal__div input{
    width: 30%;
    grid-auto-columns: 50%;
}
.w-input{
    height: 60%;
    border: none;
    width: 40%;
    background-color: #eae8eb;
    color: #2c2c2c;
    border-radius: 20px;
    padding: 5px 10px;
}
.modal__div .submit-button-2{
    width: 100%;
    padding: 5px 7px;
}
.modal_close{
    width: 20px;
    height: 20px;
}
.modal__div p{
    font-size: 10px;
}






/*incia seccion 3-----------*/
.seccion3{
    width: 100%;
    margin-top: 7em;
}
.seccion3 h1{
    font-size: 18px;
}
.div__main__seccion3{
    display: grid;
    grid-template-columns: auto;
    margin-top: -10px;
}
.div__icon__seccion3{
    margin-top: -10px;
}
/*finaliza seccion 3--------*/

/*inicia seccion 4-------------*/
.seccion4{
    width: 100%;
}
.titulo__principal__seccion4{
    margin-top: 10px;
    font-size: 15px;
}
.div__main__seccion4{
    margin: 3px 3px;
}
.div__cajas__seccion4{
    display: grid;
    grid-template-columns: auto;
    grid-column: 1/4;
}

.div1__main__caja1__footer{
    width: 100%;
    margin: 4px 4px;  
}
.creative{
    display: grid;
    grid-template-columns: auto;
    grid-column: span 4;
    justify-content: space-around;
    margin-top: 10px;
}
.div1__main__caja1__footer__rastreo{
    display: flex;
    padding: 20px 10px;
}

/*finaliza seccion 4 --------------*/

/*INICIA SECCION 4 MOTIVOS PORQUE ELEGIRNOSS-----------*/

.seccion4{
    width: 100%;
}
.titulo__principal__seccion4{
    font-size: 15px;
}
.div__main__seccion4{
    display: grid;
    grid-template-columns: auto auto;
}


/*FINALIZA SECCION 4 MOTIVOS PORQUE ELEGIRNOSS-----------*/


/*FOOTER personaliza iMG*/

    /*FOTTER CAJA 1 SERVICOS DE  RASTREO------------*/
.footer{
    width: 100%;
}
.div1__main__caja1__footer{
    display: grid;
    grid-template-columns: auto auto;
}
.div1__main__caja1__footer__rastreo{
    padding-left: 30px;
    margin-top: -20px;
}
.div1__main__caja1__footer__rastreo label a{
    font-size: 15px;
}
    /*FOTTER CAJA 1 SERVICOS DE  RASTREO---------------*/

/* FOOTER CAJA 2 REDES SOCIALES CON IMG*/

.div__cajas2__footer{
    width: 100%;
}
.div-1__cajas2__footer_img{
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-around;
    margin-top: -10px;
}
.div-1__cajas2__footer_img__redes-sociales{
    padding: 5px 5px;
    margin: 5px 5px;
}
.div__cajas2__footer_texto{
    margin-top: -30px;
}
.div__cajas2__footer_texto h1{
    font-size:13px;
}
.div-1__cajas2__footer_img__redes-sociales img{
    width: 45px;
    height:40px;
}
/*finaliza caja 2 del footer-------------*/

/*inicia caja 4 del footer-----------------*/

.div__cajas4__footer{
    width: 100%;   
}
.div__main__cajas4__footer4{
    display:  grid;
    grid-template-columns: auto auto;
    justify-content: space-around;
    align-items: center;
}
.div__main__caja4__footer__inicio{
    display: inline-flex;
    padding: 5px 5px;
}
.div__main__caja4__footer__inicio img{
    width: 50px;
}
.div__main__caja4__footer__inicio label{
    margin: auto 0;
    padding-left: 10px;
}
.div__main__caja4__footer__inicio label a{
    color: #030202;
    font-size: 14px;
}
/*TERMINA LA CAJA4 SECCION DE CONTACTENOS DEL FOOTER--------*/



/*incia pie de pagina del footer-------------*/
.div__cajas3__footer{
    width: 100%;
}
.div__cajas3__footer h1{
    font-size: 13px;
}
.div__cajas3__footer ul li{
    font-size: 10px;
}

}