*{
    margin:0px;
    padding: 0px;
}

  @font-face {
    font-family: 'PoppinsBlack';
    src: url('../font/Poppins/Poppins-Black.ttf');
    font-display:swap;
  }

  @font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins/Poppins-Light.ttf');
    font-display:swap;
  }


 

header{
    height: 648px;
    background-image: url(../multimedia/imagenes/BannerA_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: 1em;
}

.div1-header{
    padding-top: 3em;
    padding-left: 8em;
    padding-right: 6em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.div-logo-header{
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-principal{
    width: 100%;
}

nav{
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

nav ul {
    width: 40%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    list-style: none;
}

#sucursalonline{
    font-weight: bold;
}

.links-nav{
    text-decoration: none;
    color: black;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.links-nav:hover{
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.416);
}

.div2-header{
    margin-top: 10em;
    padding-left: 8em;
    padding-right: 6em;
    display: flex;
    flex-direction: column;
}

.titulo-banner{
    color: black;
    font-family: 'Poppins', sans-serif;
    font-size: 4rem;
    font-weight: 200;
    letter-spacing: 6px;
}

.parrafo-banner{
    width: 60%;
    padding-bottom: 3em;
    color: black;
    font-family: 'Poppins', sans-serif;
}

/*SECCION 1*/

.seccion1{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    padding-left: 8em;
    padding-right: 8em;
    padding-top: 4em;
    padding-bottom: 4em;
}


.div-contenedor-seccion1{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 2em;
}

.div-logo{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: rgba(128, 128, 128, 0.316);
    margin-bottom: 2em;
    transition: 1s; 
}

.div-logo:hover{
    transform: scale(1.1);
    background-color: rgb(191,8,17);
}

.div-logo:hover::before{
    content: "";
    position: absolute;
    padding: 0px;
    margin: 0px;
    top: calc(-10%);
    left: calc(-10%);
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 2px solid rgb(191,8,17); 
}

.hover-icono > .fa-regular ,far {
    color: white;
    transition: 0s;
    font-size: 3.5rem;
}

.hover-icono > .fa-solid ,fas{
    color: white;
    transition: 0s;
    font-size: 3.5rem;
}

.icono-normal{
    color: black;
}

.fa-solid ,fas{
    font-size: 2.5rem;
}

.fa-regular ,far{
    font-size: 2.5rem;
}

.div-contenedor-parrafos-titulos{
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-right: 1em;
    margin-left: 1em;
}

.titulos-seccion1{
    width: auto;
    color: black;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
}

.hover-titulo{
    transition: 1s;
    color: rgb(191,8,17);
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
}

.parrafos-seccion1{
    text-align: justify;
    margin-top: 1em;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
}

/*  SECCION 2*/

.seccion2{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 648px;
    background-color: rgba(128, 128, 128, 0.216);
}

.div1-seccion2{
    width: 100%;
    text-align: center;
    margin-bottom: 5em;
}

.titulo-seccion2{
    font-family: 'PoppinsBlack', sans-serif;
    font-size: 3.5rem;
    color: rgb(191,8,17);
}

.div2-seccion2{
    display: flex;
    justify-content: center;
    width: 100%;
}

.video{
    width: auto;
    height: 350px;
}

/*SECCION 3*/

.seccion3 {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    padding-left: 8em;
    padding-right: 8em;
    padding-top: 4em;
    padding-bottom: 4em;
}

.div-contenedor-seccion3{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 2em;
}

.logo-seccion3{
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
}

.img-seccion3{
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.29);
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.29);
}

.logo-letra-secundario-seccion3{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    background-color:rgb(191,8,17); ;
    border-radius:50%;
    top: calc(65%);
    right: calc(0%);



    font-family: "PoppinsBlack";
    font-size: 2rem;
    color: white;
}

.logo-letra-secundario-seccion3-hover{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    background-color:rgb(191,8,17);
    border-radius:50%;
    top: calc(0%);
    right: calc(0%);
    transition: 1s;


    color: white;
    font-family: "PoppinsBlack";
    font-size: 5rem;
}

.div-titulos-parrafos-seccion3{
    margin: 1em;
}

.titulos-seccion3{
    font-size: 1.5rem;
    font-family: "Poppins";
}

.parrafos-seccion3{
    text-align: justify;
    margin-top: 1em;
    font-family: "Poppins";
    font-size: 1rem;
}


/*SECCION 4*/


.seccion4{
    height: 648px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 10em;
    padding-right: 10em;
    background-color: rgba(0, 0, 0, 0.892);
}

.div-mapa{
    display: flex;
    align-items: center;
    justify-content: center;
}

.div2-seccion4{
    width: 50%;
    height: 550px;
    display: flex;
    flex-direction: column;
    padding-left: 2.1em;
}

.contenedor-titulo-div2-seccion4{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.titulo-div2-seccion4{
    color:white;
    font-family: 'PoppinsBlack', sans-serif;
    font-size: 2.3rem;
    letter-spacing: 3px;
}

.pie-titulo-seccion4{
    color:white;
    font-family: 'Poppins', sans-serif;
    font-size: 0.8rem;
    margin-bottom: 3em;
}

.formulario{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.contenedor-inputs{
    display: flex;
    flex-direction: column;
    width: 68%;
    margin-bottom: 2em;
}

.nombre-input{
    color:white;
    font-size: 0.9rem;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 8px;
}

.input{
    width: 100%;
    border:none;
    outline:none;
    padding: 0.2rem;
    border-radius: 3px;
}

.input-textarea{
    width: 100%;
    border:none;
    outline:none;
    padding: 0.2rem;
    border-radius: 3px;
    resize:none;
}

.contenedor-input-submit{
    display: flex;
    justify-content: center;
    width: 68%;
}

.input-submit{
    width: 40%;
    height: 30px;
    color: white;
    font-family: 'Poppins', sans-serif;
    background-color:rgb(191,8,17);
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/*SECCION 5*/


.seccion5{
    height:450px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 7em;
    padding-right: 10em;
}

.div1-seccion5{
    width: 40%;
}

.titulo-seccion5{
    color: rgb(191,8,17);
    font-family: 'PoppinsBlack', sans-serif;
    font-size: 2.5rem;
}

.parrafo-seccion5{
    font-family: 'Poppins', sans-serif;
}



/*  CAROUSEL  */

.carousel{
    width: 60%;
    margin-left: 2em;
}

.carousel__contenedor{
    position: relative;
    margin-top: 2em;
}

.carousel__lista {
    display: flex;
    overflow: hidden;
}

.carousel__anterior,
.carousel__siguiente {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	border: none;
	top: calc(50% - 15px);
	cursor: pointer;
	text-align: center;
	background: none;
	color: black;
}

.carousel__anterior:hover,
.carousel__siguiente:hover {
	background: rgba(128, 128, 128, 0.152);
}

.carousel__anterior {
	left: -30px;
}

.carousel__siguiente {
	right: -30px;
}

.carousel__elemento , .link-marcas{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; 
}


.carousel__indicadores .glider-dot{
    display: block;
    margin-top: 2em;
    width: 30px;
    height: 4px;
    background-color: black;
    opacity: .2;
    border-radius: 0;
}

.carousel__indicadores .glider-dot:hover{
    opacity: .5;
}

.carousel__indicadores .glider-dot.active{
    opacity: 1;   
}

/*BOTON WPP*/

.seccion-buttonWpp{
    position: relative;
}

.buttonWpp{
    border: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: transparent;
}

.buttonWpp:hover {
    cursor: pointer;
}


.wpp {
    padding: 10px;
    font-size: 3rem;
    color: white;
    background-color: green;
    border-radius: 5px;
}

.contenedor-whatsapp-links {
    display: flex;
    justify-content: space-around; 
    margin-top: 20px;
}
  
.whatsapp-links{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.texto-whatsapp-links{
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    margin-top: 10px;
}


.modal {
    display: none; 
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
  }
  
.modal-content {
    text-align: center;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #888;
    width: 30%;
}

.titulo-modal{
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
}
  
.close {
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
  
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/*FOOTER*/

footer{
    background-color: rgba(0, 0, 0, 0.892);
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.div1-footer{
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 8em;
    padding-right: 8em;
}

.div1-div1-footer{
    width: 33.3%;
}

.div2-div1-footer{
    width: 33.3%;
    padding-left: 2em;
    padding-right: 1em;
}

.contenido-div2-div1-footer{
    display: flex;
    flex-direction: row;
    padding-top: 1em;
}

.contenedor-titulo-contenido-div2-div1-footer{
    padding-right: 1em;
}

.titulo-contenido-div2-div1-footer{
    font-family: 'Poppins', sans-serif;
    font-size: 0.8rem;
}

.contenedor-parrafo-contenido-div2-div1-footer{
    width: 50%;
}

.parrafo-contenido-div2-div1-footer{
    font-family: 'Poppins', sans-serif;
    font-size: 0.8rem;
}

.parrafo-contenido-div2-div1-footer-email{
    font-family: 'Poppins', sans-serif;
    font-size: 0.8rem;
}

.div3-div1-footer{
    width: 33.3%;
    display: flex;
    flex-direction: column;
}

.titulo-footer1-2{
    display: inline-block;
    position: relative;
    font-family: 'PoppinsBlack', sans-serif;
}

.titulo-footer1-2::after {
    content: ' ';
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: white;
    top: 0.8em;
    right: -110px;
}

.titulo-footer3{
    display: inline-block;
    position: relative;
    font-family: 'PoppinsBlack', sans-serif;
}

.titulo-footer3::after{
    content: ' ';
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: white;
    top: 0.8em;
    left: 115px;
}

.parrafo-footer{
    font-family: 'Poppins', sans-serif;
}

.div-contenedor-redes-footer{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1em;
}

.link-redes{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    margin-left: 5px;
    color: white;
    background-color:rgb(191,8,17);
    text-decoration: none;
    border-radius: 50%;
}

.div-abajo-footer{
    background-color:rgb(191,8,17);
    height: 50px;
}

/*  SUCCESS  */


.seccion-success{
    width: 100%;
    height: 1000px;
    background-image: url(../multimedia/imagenes/BannerA_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
    justify-content: center;
}

.cartel-success{
    margin-top: 12em;
    color: black;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.196);
    padding: 2em;
    width: 50%;
    height: 200px;
}

.titulo-cartel-success{
    font-family: "PoppinsBlack";
}

.parrafo-cartel-success{
    text-align: center;
    margin-top: 2em;
    font-family: "Poppins";
}

.contenedor-boton-regresar{
    margin-top: 3em;
}

.link-cartel-success{
    background-color: rgba(255, 254, 254, 0.583);
    text-decoration: none;
    color: black;
    font-family: "Poppins";
    padding: 0.3em;
    border-radius: 5px;
}




/*   MEDIA QUERYS    */


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


    nav ul {
        width: 60%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        list-style: none;
    }

    /* SECCION 1*/
    

    .seccion1{
        padding-left: 3em;
        padding-right: 3em;
    }

    /*SECCION 3*/

    .seccion3 {
        padding-left: 3em;
        padding-right: 3em;
    }
    

    /*SECCION 4*/

    .seccion4{
        padding-left: 5em;
        padding-right: 5em;
    }

    .mapa{
        width:450px;
    }

    .titulo-div2-seccion4{
        font-size: 1.9rem;
    }
    
    /* SECCION 5*/
    
    .seccion5{
        padding-left: 7em;
        padding-right: 5em;
    }
    
    .div1-seccion5{
        width: 45%;
    }
    
    /*  CAROUSEL  */
    .carousel{
        width: 55%;
    }
    /*FOOTER*/


    .div2-div1-footer{
        padding-left: 1em;
    }
}


@media screen and (max-width:1090px) {
    
    header{
        background-position: 62% 50%;
    }

    .div1-header{
        padding-top: 5em;
        padding-left: 6em;
        padding-right: 4em;
    }

    .div-logo-header{
        width: 15%;
    }
    
    nav{
        width: 100%;
    }
    
    nav ul {
        width: 80%;
    }
     
    .div2-header{
        margin-top: 9em;
        padding-left: 6em;
        padding-right: 4em;
    }

    .parrafo-banner{
        width: 65%;
        margin-top: 1.6em;
        font-weight: 600;
    }
    
    /*SECCION 1*/
    
    .seccion1{
        padding-left: 1em;
        padding-right: 1em;
    }


    /*SECCION 3*/

    .seccion3 {
        padding-left: 1em;
        padding-right: 1em;
    }

    /*SECCION 4*/

    .seccion4{
        padding-left: 2em;
        padding-right: 2em;
    }

    .mapa{
        width: 400px;
    }
    
    .titulo-div2-seccion4{
        font-size: 1.4rem;
    }


    /* SECCION 5 */

    .seccion5{
        height: 300px;
        padding-left: 2em;
        padding-right: 2em;
    }
    
    .div1-seccion5{
        width: 45%;
    }

    .titulo-seccion5{
        font-size: 1.9rem;
    }

    .parrafo-seccion5{
        font-family: 'Poppins', sans-serif;
        font-size: 0.8rem;
    }
    
    /*  CAROUSEL  */
    
    .carousel{
        width: 55%;
    }

    .carousel__elemento , .link-marcas{
        width: 80%; 
    }

    /* FOOTER */

    .div1-footer{
        padding-left: 4em;
        padding-right: 4em;
    }

    .parrafo-footer{
        font-size: 0.8rem;
    }

}


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

    header{
        height: 550px;
        background-position: 65% 10%;
    }

    .div1-header{
        padding: 2em;
    }
 
    .div2-header{
        margin-top: 5em;
        padding-left: 2em;
        padding-right: 2em;
    }

    /*SECCION 1*/
    
    .seccion1{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .div-contenedor-seccion1{
        width: 80%;
        padding-left:  0em;
        padding-right: 0em;
    }
    
    /*SECCION 2*/
    
    .titulo-seccion2{
        font-size: 2.9em;
    }
    
    .video{
        height: 300px;
    }

    /* SECCION 3 */
    .seccion3{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .div-contenedor-seccion3{
        width: 80%;
        padding-left:  0em;
        padding-right: 0em;
    }

    .logo-seccion3{
        width: 150px;
        height: 150px;
    }
    
    .img-seccion3{
        width: 150px;
        height: 150px;
    }

    .logo-letra-secundario-seccion3{
        width: 40px;
        height: 40px;
        top: calc(75%);
        right: calc(10%);
        font-size: 1.2rem;
    }

    .logo-letra-secundario-seccion3-hover{
        width: 150px;
        height: 150px;
        top: calc(0%);
        right: calc(0%);
    }


    /*SECCION 4*/

    .seccion4{
        height: 1000px;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        padding-bottom: 4em;
    }

    .div-mapa{
        width: 100%;
        height: 300px;
        display: flex;
        align-items: center;
        padding-bottom:2em;
    }

    .mapa{
        padding-top: 2em;
        width: 100%;
    }

    .div2-seccion4{
        width: 100%;
        margin: 0px;
        margin-bottom: 2em;
        padding: 0px;
    }

    .titulo-div2-seccion4{
        font-size: 2.3rem;
    }

    .contenedor-inputs{
        width: 100%;
    }
    
    .input{
        padding: 0px;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }
    
    .input-textarea{
        padding: 0px;
    }
    

    /* SECCION 5 */

    .seccion5{
        height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 0px;
        padding-right: 0px;
    }

    .div1-seccion5{
        width: 100%;
        text-align: center;
    }

    .titulo-seccion5{
        font-size: 2.5rem;
    }

    .parrafo-seccion5{
        padding-left: 2em;
        padding-right: 2em;
    }

    .carousel{
        margin-left: 0px;
        width: 80%;
    }

    .carousel__contenedor{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .carousel__elemento , .link-marcas{
        width: 75%; 
    }

    /* WPP BUTTON*/

    .wpp {
        padding: 8px;
        font-size: 2.5rem;
    }

    .modal-content {
        width: 50%;
    }
    

    /* FOOTER */

    footer{
        height: 500px;
    }

    .div1-footer{
        display: flex;
        flex-wrap: wrap;
        padding-left: 4em;
        padding-right: 4em;
    }

    .div1-div1-footer{
        width: 40%;
    }
    
    .div2-div1-footer{
        width: 42%;
    }
    
    .div3-div1-footer{
        width: 40%;
    }

    .parrafo-footer{
        font-size: 0.8rem;
    }

    .parrafo-contenido-div2-div1-footer-email{
        font-size: 0.7rem;
    }


    /* SUCCESS */
    
    .seccion-success{
        background-position: 70% 55%;
        display: flex;
        justify-content: center;
    }

    .cartel-success{
        margin-top: 5em;
        height: 300px;
    }
    
    .titulo-cartel-success{
        text-align: center;
        font-family: "PoppinsBlack";
    }
    
}



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

    .div-logo-header{
        width: 20%;
        margin-right: 0em;
    }

    nav ul {
        width: 100%;
    }

    .links-nav{
        font-size: 0.8rem;
    }
    

    .div2-header{
        margin-top: 1.5em;
    }

    .titulo-banner{
        font-size: 3rem;
    }

    .parrafo-banner{
        font-size: 0.9rem;
    }
  
    /*SECCION 1*/   
    
    .div-contenedor-seccion1{
        width: 100%;
    }

    .titulos-seccion1{
        font-size: 1.2rem;
    }
    
    .hover-titulo{
        font-size: 1.2rem;
    } 
    
    .parrafos-seccion1{
        font-size: 0.7rem;
    }
    

    /*SECCION 2*/

    .seccion2{
        height: 500px;
    }
    
    .titulo-seccion2{
        font-size: 1.9rem;
    }
    
    .video{
        height: 200px;
    }
    
    /*SECCION 3*/
    .div-contenedor-seccion3{
        width: 100%;
    }

    .logo-seccion3{
        width: 130px;
        height: 130px;
    }
    
    .img-seccion3{
        width: 130px;
        height: 130px;
    }

    .logo-letra-secundario-seccion3-hover{
        width: 130px;
        height: 130px;
    }

    .titulos-seccion3{
        font-size: 1.2rem;
    }

    .parrafos-seccion3{
        font-size: 0.7rem;
    }

    /*SECCION 4*/

    .seccion4{
        height: 900px;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .mapa{
        height: 200px;
    }

    .titulo-div2-seccion4{
        font-size: 1.8rem;
    }

    /* SECCION 5 */

    .titulo-seccion5{
        font-size: 2.1rem;
    }

    .parrafo-seccion5{
        font-size: 0.8rem;
    }

    .carousel__indicadores .glider-dot{
        width: 22px;
        height: 2px;
    }

    /* WPP BUTTON*/

    .wpp {
        padding: 5px;
        font-size: 2rem;
    }

    .modal-content {
        width: 70%;
    }

    /* FOOTER */

    .div1-footer{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 2em;
        padding-right: 2em;
    }

    .div1-div1-footer{
        width: 100%;
        padding-bottom:3em;
    }

    .titulo-footer1-2{
        font-size: 0.8rem;
    }

    .div2-div1-footer{
        width: 100%;
        padding-bottom:3em;
    }
    
    .titulo-contenido-div2-div1-footer{
        font-size: 0.7rem;
    }

    .parrafo-contenido-div2-div1-footer{
        font-size: 0.6rem;
    }
    
    .parrafo-contenido-div2-div1-footer-email{
        font-size: 0.6rem;
    }

    .div3-div1-footer{
        width: 100%;
    }
    
    .titulo-footer3{
        font-size: 0.8rem;
    }
    .titulo-footer3::after{
        left: 95px;
    }

    .parrafo-footer{
        font-size: 0.6rem;
    }

    .link-redes{
        width: 5px;
        height: 5px;
        padding: 1em;
    }

}

@media screen and (max-width:448px) {
    
    /*HEADER*/

    .div1-header{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .div-logo-header{
        width: 20%;
        margin-bottom:1em;
    }
}


@media screen and (max-width:380px) {
    
    /*HEADER*/

    .div2-header{
        margin-top: 1.1em;
    }

    .titulo-banner{
        font-size: 2.5rem;
    }

    .parrafo-banner{
        font-size: 0.8rem;
    }

    /*SECCION 2*/
    
    .seccion2{
        height: 400px;
    }

    .titulo-seccion2{
        font-size: 1.8rem;
    }

    .video{
        height: 150px;
    }

    /*SECCION 4*/
    .seccion4{
        height: 780px;
    }

    .mapa{
        height: 150px;
    }

    .titulo-div2-seccion4{
        font-size: 1.2rem;
    }

    .nombre-input{
        font-size: 0.8rem;
    }

    /* SECCION 5 */

    .titulo-seccion5{
        font-size: 1.9rem;
    }

    .parrafo-seccion5{
        font-size: 0.7rem;
    }

     .carousel{
        width: 90%;
    }

    .carousel__anterior , .carousel__siguiente {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
    }

    .carousel__anterior {
        left: -10px;
    }

    .carousel__siguiente {
        right: -10px;
    }

    .carousel__elemento , .link-marcas{
        width: 80%; 
    }

    /* SUCCESS */

    .cartel-success{
        height: 300px;
    }
    
    .titulo-cartel-success{
        font-size: 1rem;
    }

    .parrafo-cartel-succes{
        font-size: 0.9rem;
    }

    .link-cartel-success{
        font-size: 0.7rem;
        font-weight: 600;
    }
}

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

    .links-nav{
        font-size: 0.6rem;
    }

    /* SECCION 5 */
    .carousel__anterior , .carousel__siguiente {
        display: none;
    }
}