/*///////////////////////////////////menu/////////////////////////////////////////*/
@font-face {
    font-family: themillion;
    src: url(/public/ROSE.otf);
}
@font-face {
    font-family: cursiva;
    src: url(/public/cursiva.otf);
}
@font-face {
    font-family: honey;
    src: url(/public/hello\ honey.otf);
}
@font-face {
    font-family: newyork;
    src: url(/public/NewYork\ PERSONAL\ USE.otf);
}
@font-face {
    font-family: meladu;
    src: url(/public/MELADU\ ROSE.otf);
}
@font-face {
    font-family: vogue;
    src: url(/public/Vogue.ttf);
}
@font-face {
    font-family: finish;
    src: url(/public/finish.ttf);
}
@font-face {
    font-family: boldd ;
    src: url(/public/Bold.ttf);
}
@font-face {
    font-family: book;
    src: url(/public/Book.ttf);
}
body{
    display: grid;
    height: 100vh;
    align-items: center;
}
h2{
    font-family: "meladu"
}
*{
    list-style: none;
    box-sizing: border-box;
}
header{
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    left:0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 140px;
}
.logo{
    padding: 40px 0px 0px 0px ;
    height: 300px;
}
.menu{
    display: flex;
    justify-content: center;
    align-items: center;
}
#menu{
    display: none;
}
.menu-icono{
    width: 25px;
}
label{
    cursor: pointer;
    display: none;
}
.btnn-1{
    background-image:url(/imagenes/españa.avif);
    background-size: 100% 100%;
    padding: 10px 10px;
    border-radius: 50%;
    background-color: #2047bb00;
    color: rgb(248, 248, 248);
    text-shadow: 2px 2px 2px #000;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}
.btnn-1:hover{
    background-color: #1edcf100;
    color: rgb(42, 69, 159);
}
.btnn-2{
    margin: 0px 60px 0px 20px;
    padding: 10px 10px;
    border-radius: 30px;
    background-image:url(/imagenes/ilustracion-bandera-estados-unidos_53876-18165.avif);
    background-size: 100% 100%;
    background-color: #2047bb00;
    color: rgb(248, 248, 248);
    text-shadow: 2px 2px 2px #000;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}
.btnn-2:hover{
    background-color: #1edcf100;
    color: rgb(42, 69, 159);
}
/*/////////////////////////////////carrusel 4imagenes ///////////////////////////*/

@import url('https://fonts.googleapis.com/css2?family=poppins&family=Righteous&display=swap');
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.containerr{
    width: 100%;
    height: 97vh;
    box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);
    flex-wrap: wrap;
    min-width: 300px;
}
.slides{
    width: 100%;
    height: 100%;
}
.slides::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1000%;
    background: rgba(0, 0, 0, .6);
    z-index: 9;
}
.slides img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img_overlay{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
z-index: 11;
color: #fff;
font-weight: 600;
}
.img_overlay p{
font-size: 2.5rem;
}
.img_overlay h2{
    font-family: "bold";
    font-size: 2.0rem;
    color: #fcfcfc;
}
.swiper-button-next{
    margin-right: 50px;
}
.swiper-button-prev{
    margin-left: 50px;
}
/*////////////////////////////////////about presentation////////////////////////////////////*/
.section-2{
    width: 100%;
    height: 250px;
    background: #E6EAF0 ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.s2-textos{
width: 100%;
height: 50%;
}
.titulo{
    font-family: "meladu";
    font-size: 50px;
    font-weight: 700;
    text-align:center;
    color: #006CA5;
    margin: 10px 10px 0px 0px;
}
.s2-textos hr{
    margin: auto;
    width: 450px;
    height: 3px;
    background: linear-gradient(90deg, #33eca8, #160886);
    border: none;
    border-radius: 10px;
}
.s2-textos p{
    margin: 10%;
    margin-top: 30px;
    font-size: 23px;
    text-align: center;
}
/*//////////////////////////////////////tercera seccion img///////////////////////////////////*/
    /* Contenedor principal */
    .conteneddor {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        display: inline-block;
        background: #E6EAF0 ;
      }

      /* Estilo de la imagen */
      .conteneddor img {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        height: 900px;
        margin: 0% 0% 0% 21% ;
      }

      /* Estilo de los cuadros de hover */
      .cuadro-hover {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 20px;
        /*opacity: 0;  Inicialmente invisible */
        /*transition: opacity 0.3s ease;  Transición suave */
      }

      /* Mostrar cuadro de hover al pasar el ratón
      .conteneddor:hover .cuadro-hover {
        opacity: 1;
      }*/

      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 80px;  left: 280px; height: 22%; width: 53%;}
      .cuadro2 { top: 350px; left: 540px; height: 24%; width: 31%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 540px; height: 20%; width: 31%;}
/*/////////////////////////////////////cards de 9 imagenes //////////////////////////////////*/
main{
    height: 100%;
    background-image:url(/imagenes/roble6.jpg);
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
}
.titulo-card{
    font-family: "boldd";
    font-size: 45px;
    font-weight: 100;
    margin: auto;
    text-align: center;
    color: rgb(255, 255, 255)
}
.titulo-card span{
color: #006CA5;
}
.main-containers{
width: 100%;
height: 300px;
margin: 10px;
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.containers{
    flex: 1;
    width: 30%;
    height: 250px;
    margin: 10px;
    box-shadow: rgba(0, 0, 0, 0.415) 3px 3px 6px 1px inset;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.8s;
    display: flex;
    flex-wrap: wrap;
}
.contentt{
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
    transform: translateY(70%);
    transition: 0.7s ease-in-out;
}
.contentt h4{
font-family: "boldd";
font-weight: 100;
color: #fff;
text-align: center;
font-size: 27px;
text-shadow: 1px 1px 1px #000;
padding-top: 35px;
}
.contentt p{
    font-family: "book";
    font-weight: 100;
    text-align:center;
    width:  80%;
    color: #ffffff;
    margin-left: 30px;
    margin-top: 10px;
    font-size: 20px;
}
.containers:hover > .contentt{
    transform: translateY(0%);
    background: linear-gradient(#006CA5, rgba(0,0,0,0.6));
}
.one{
background-image: url('/imagenes/62.JPG');
background-size: 100% 100%;
}
.two{
    background-image: url('/imagenes/17.jpeg');
    background-size: 100% 100%;
}
.three{
    background-image: url('/imagenes/3.jpeg');
    background-size: 100% 100%;
}
.four{
    background-image: url('/imagenes/63.png');
    background-size: 100% 100%;
}
.five{
    background-image: url('/imagenes/23.jpeg');
    background-size: 100% 100%;
}
.six{
    background-image: url('/imagenes/40.jpeg');
    background-size: 100% 100%;
}
.seven{
    background-image: url('/imagenes/19.jpeg');
    background-size: 100% 100%;
}
.eight{
    background-image: url('/imagenes/2.jpeg');
    background-size: 100% 100%;
}
.nine{
    background-image: url('/imagenes/64.jpg');
    background-size: 100% 100%;
}
/*////////////////////////////////////Nuestros Aliados/////////////////////////////////////*/
.slider h2{
    font-family: "boldd";
    font-weight: 100;
    text-align: center;
    color: #006CA5;
    margin: 0px 0px 4px 0px;
    font-size: 45px;
    padding-top: 35px;
}
.slider hr{
    margin: auto;
    width: 25%;
    height: 3px;
    background: linear-gradient(90deg, #33eca8, #160886);
    border: none;
    border-radius: 10px;
}
.slider{
    width: 100%;
    align-items: center;
    margin: auto;
    overflow: hidden;
}
.slider .slider-track{
    display: flex;
    animation: scroll 40s linear infinite;
    -webkit-animation: scroll 40s linear infinite;
    width: calc(200px * 24);
}
.slider .slide{
    width: 180px;
    padding: 50px 20px;/*tamaño de los logos*/
}
.slider .slide img{
    width: 100%;
}
@keyframes scroll {
    0%{
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%{
        -webkit-transform: translateX(calc(-200px * 12)) ;
        transform: translateX(calc(-200px * 12));
    }
}
/*/////////////////////////////////////////Footer////////////////////////////////////////////*/
.contact-wrap{
    width: 100%;
    margin: 330px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    background: url(/imagenes/8.jpeg);
    background-size: 100% 100%;
}
.contact-wrap:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 484px;
    background: #000000b3;
}
.contact-in{
    height: 100%;
    padding: 40px 30px;
    text-align: center;
}
.contact-in:nth-child(1){
    flex: 30%;
    color: #ffffff;
}
.contact-in:nth-child(2){
    flex: 30%;
    color: #ffffff;
}
.contact-in:nth-child(3){
    flex: 40%;
}
.contact-in img{
    position: relative;
    margin: 0px 0px 20px 0px;
    }
    .contact-in a{
    position: relative;
    padding: 20px;
    }
.contact-in h2{
        font-size: 34px;
        font-family: "meladu";
        color: #ffffff;
        font-weight: 500;
        margin-bottom: 50px;
        position: relative;
        align-items: center;
    }
.contact-in h3{
    padding-top: 45px;
    font-size: 70px;
    font-family: "boldd";
    color: #ffffff;
    font-weight: 800;
    position: relative;
    align-items: center;
}
.contact-in h4{
    font-size: 20px;
    font-family: "boldd";
    color: #ffffff;
    font-weight: 300;
    position: relative;
    text-transform: uppercase;
}
.contact-in p{
    font-family: "book";
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
    position: relative;
}
.contact-in hr{
    position: relative;
    margin: 10px auto 10px;
    width: 70%;
    height: 3px;
    background: linear-gradient(90deg, #33eca8, #160886);
    border: none;
    border-radius: 10px;
}
.contact-in i{
    margin: 0px 10px 0px 0px;
}
.contact-in iframe{
    height: 300px;
    position: relative;
}
.grupo-2{
    font-size: 15px ;
    background-color: #000000bb;
    text-align: center;
}
@media only acreen and (max-width: 480px){
    .contact-in:nth-child(1){
        flex: 50%;
    }
    .contact-in:nth-child(2){
        flex: 50%;
    }
    .contact-in:nth-child(3){
        flex: 100%;
}
}
@media only acreen and (max-width: 360px){
    .contact-in:nth-child(1){
        flex: 50%;
    }
    .contact-in:nth-child(2){
        flex: 50%;
    }
    .contact-in:nth-child(3){
        flex: 100%;
}
}

/*//////////////////////////////////////////responsive///////////////////////////////////////*/
@media(max-width: 1184px){
    /*///////////////////////////////////////////tercera seccion 1184/////////////////////////////////*/
    .conteneddor img {
        margin:0px 0px 0px 260px ;
      }
          /* Posicionamiento de los cuadros de hover */
          .cuadro1 { top: 80px;  left: 270px; height: 20%; width: 55%;}
          .cuadro2 { top: 350px; left: 480px; height: 21%; width: 37%;/*transform: translate(-50%, -50%);*/ }
          .cuadro3 { top: 650px; left: 480px; height: 20%; width: 37%;}
    /*/////////////////////////////////////footer 1108//////////////////////////////////////////*/
        .contact-wrap:before{
            height: 891px;
        }
    }
@media(max-width: 1108px){
/*///////////////////////////////////////////tercera seccion 1108/////////////////////////////////*/
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 80px;  left: 300px; height: 20%; width: 55%;}
      .cuadro2 { top: 350px; left: 500px; height: 27%; width: 37%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 500px; height: 20%; width: 37%;}
/*/////////////////////////////////////footer 1108//////////////////////////////////////////*/
    .contact-wrap:before{
        height: 891px;
    }
}
@media(max-width: 1000px){
    /*/////////////////////////////////segunda seccion 1000////////////////////////////////////////*/
    .section-2{
        width: 100%;
        height: 420px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        }
    .s2-textos{
    width: 90%;
    height: 60%;
    }
    /*////////////////////////////////////tercera  seccion img  1000///////////////////////////////*/
    /* Estilo de la imagen */
    .conteneddor img {
        height: 900px;
        width: 100%;
        margin:0%;
      }
      /* Estilo de los cuadros de hover */
      .cuadro-hover {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 20px;
        /*opacity: 0;  Inicialmente invisible */
        /*transition: opacity 0.3s ease;  Transición suave */
      }
      /* Mostrar cuadro de hover al pasar el ratón
      .conteneddor:hover .cuadro-hover {
        opacity: 1;
      }*/
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 80px;  left: 40px; height: 20%; width: 90%;}
      .cuadro2 { top: 350px; left: 300px; height: 27%; width: 55%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 300px; height: 20%; width: 55%;}
      /*//////////////////////////////////////footer 1000////////////////////////////////////////////*/
.contact-wrap:before{
    height: 892px;
}
    }
@media(max-width: 890px){
    /*/////////////////////////////////segunda seccion 890////////////////////////////////////////*/
    .section-2{
        width: 100%;
        height: 420px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        }
    .s2-textos{
    width: 90%;
    height: 60%;
    }
    /*////////////////////////////////////tercera  seccion img  890///////////////////////////////*/
    /* Estilo de la imagen */
    .conteneddor img {
        height: 900px;
        width: 100%;
        margin:0%;
      }
      /* Estilo de los cuadros de hover */
      .cuadro-hover {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 20px;
        /*opacity: 0;  Inicialmente invisible */
        /*transition: opacity 0.3s ease;  Transición suave */
      }
      /* Mostrar cuadro de hover al pasar el ratón
      .conteneddor:hover .cuadro-hover {
        opacity: 1;
      }*/
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 80px;  left: 40px; height: 20%; width: 90%;}
      .cuadro2 { top: 350px; left: 300px; height: 27%; width: 55%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 300px; height: 20%; width: 55%;}
      /*//////////////////////////////////////footer 890////////////////////////////////////////////*/
.contact-wrap:before{
    height: 892px;
}
    }
@media(max-width: 800px){
    /*/////////////////////////////////segunda seccion 800////////////////////////////////////////*/
    .section-2{
        width: 100%;
        height: 420px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        }
    .s2-textos{
    width: 90%;
    height: 60%;
    }
    /*////////////////////////////////////tercera  seccion img  800///////////////////////////////*/
    /* Estilo de la imagen */
    .conteneddor img {
        height: 900px;
        width: 100%;
        margin:0%;
      }
      /* Estilo de los cuadros de hover */
      .cuadro-hover {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 20px;
        /*opacity: 0;  Inicialmente invisible */
        /*transition: opacity 0.3s ease;  Transición suave */
      }
      /* Mostrar cuadro de hover al pasar el ratón
      .conteneddor:hover .cuadro-hover {
        opacity: 1;
      }*/
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 80px;  left: 40px; height: 20%; width: 90%;}
      .cuadro2 { top: 350px; left: 300px; height: 27%; width: 55%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 300px; height: 20%; width: 55%;}
      /*//////////////////////////////////////footer 800////////////////////////////////////////////*/
.contact-wrap:before{
    height: 942px;
}
    }
@media(max-width: 768px){
    /*//////////////////////////////////////////carrusel 4 img 768//////////////////////////////////*/

    .swiper-button-next{
        margin-right: 1px;
        padding-top: 3000px;
    }
    .swiper-button-prev{
        margin-left: 1px;
        padding-top: 3000px;
    }
    .img_overlay h2{
    font-size: 2.0rem;
    }
/*/////////////////////////////////segunda seccion 768////////////////////////////////////////*/
.section-2{
    width: 100%;
    height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .s2-textos{
    width: 90%;
    height: 50%;
    }
    .titulo{
        font-size: 40px;
        margin: 0px 10px 10px 0px;
    }
    .s2-textos hr{
        margin: auto;
        width: 350px;
    }
/*////////////////////////////////////tercera  seccion img  768///////////////////////////////*/
/* Estilo de la imagen */
      .conteneddor img {
        height: 900px;
        width: 100%;
        margin:0%;
      }
      /* Estilo de los cuadros de hover */
      .cuadro-hover {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 20px;
        /*opacity: 0;  Inicialmente invisible */
        /*transition: opacity 0.3s ease;  Transición suave */
      }
      /* Mostrar cuadro de hover al pasar el ratón
      .conteneddor:hover .cuadro-hover {
        opacity: 1;
      }*/
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 80px;  left: 40px; height: 20%; width: 90%;}
      .cuadro2 { top: 350px; left: 300px; height: 27%; width: 55%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 300px; height: 20%; width: 55%;}
/*//////////////////////////////////////////cards 768///////////////////////////////////////*/
main{
    width: 100%;
    height: 100%;
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
}
.main-containers{
    width: 100%;
    height: 300px;
    margin: 10px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    }
.contentt h4{
    margin-top: 10px;
    font-size: 17px;
    font-weight: 700;
    }
.contentt p{
    margin-top: 20px;
    font-size: 15px;
}
/*//////////////////////////////////////footer 768////////////////////////////////////////////*/
.contact-in h4{
    font-size: 20px;
    font-weight: 200;
}
.contact-in p{
    font-size: 20px;
    font-weight: 400;
}
.contact-wrap{
    margin-top: 370px;
}
.contact-wrap:before{
    height: 942px;
}
}
@media(max-width: 670px){
    /*/////////////////////////////////segunda seccion 670////////////////////////////////////////*/

          /* Posicionamiento de los cuadros de hover */
          .cuadro1 { top: 80px;  left: 40px;  height: 20%; width: 86%;}
          .cuadro2 { top: 350px; left: 250px; height: 27%; width: 55%;/*transform: translate(-50%, -50%);*/ }
          .cuadro3 { top: 650px; left: 250px; height: 20%; width: 55%;}

    /*/////////////////////////////////////footer 670///////////////////////////////////////////*/

    .contact-wrap:before{
        height: 942px;
    }
    }
@media(max-width: 660px){
/*/////////////////////////////////segunda seccion 660////////////////////////////////////////*/
.s2-textos{
    width: 80%;
    height: 70%;
    }
    .titulo{
        font-size: 35px;
    }
    .s2-textos p{
        font-size: 22px;
    }
    .s2-textos hr{
        margin: auto;
        width: 350px;
    }
    .conteneddor{
        width: 100%;
    }
    .conteneddor img {
        height: 900px;
        width: 100%;
        margin: 0 0 0 0 ;
      }
      /* Estilo de los cuadros de hover */
      .cuadro-hover {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 20px;
        /*opacity: 0;  Inicialmente invisible */
        /*transition: opacity 0.3s ease;  Transición suave */
      }
      /* Mostrar cuadro de hover al pasar el ratón
      .conteneddor:hover .cuadro-hover {
        opacity: 1;
      }*/
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 80px;  left: 40px;  height: 22%; width: 90%;}
      .cuadro2 { top: 350px; left: 250px; height: 27%; width: 55%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 250px; height: 20%; width: 55%;}
/*/////////////////////////////////////////nuestros aliados 600/////////////////////////////*/
.slider hr{
    width: 80%;
}
/*/////////////////////////////////////footer 660///////////////////////////////////////////*/

.contact-wrap:before{
    height: 1046px;
}
.contact-in iframe{
    width: 90%;
}
}
@media(max-width: 600px){
/*/////////////////////////////////segunda seccion 600////////////////////////////////////////*/
    .s2-textos{
    width: 80%;
    height: 80%;
    }
    .titulo{
        font-size: 35px;
    }
    .s2-textos p{
        font-size: 21px;
    }
    .s2-textos hr{
        margin: auto;
        width: 350px;
    }
    .conteneddor{
        width: 100%;
    }
    .conteneddor img {
        height: 900px;
        width: 100%;
        margin: 0 0 0 0 ;
      }
      /* Estilo de los cuadros de hover */
      .cuadro-hover {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 20px;
        /*opacity: 0;  Inicialmente invisible */
        /*transition: opacity 0.3s ease;  Transición suave */
      }
      /* Mostrar cuadro de hover al pasar el ratón
      .conteneddor:hover .cuadro-hover {
        opacity: 1;
      }*/
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 80px;  left: 40px; height: 28%; width: 90%;}
      .cuadro2 { top: 350px; left: 200px; height: 30%; width: 58%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 200px; height: 24%; width: 58%;}
/*/////////////////////////////////////cards 600//////////////////////////////////////////////*/
main{
    background-image:url(/imagenes/roble6.jpg);
}
.main-containers{
        height: 900px;
        flex-direction: column;
    }
    .containers{
        width: 80%;
        margin-top: auto;
    }
    .contentt h4{
        font-size: 24px;
        padding-top: 40px;
        }
    .contentt p{
        font-size: 20px;
    }
/*/////////////////////////////////////footer 600///////////////////////////////////////////*/
.contact-wrap{
    flex-direction: column;
}

.contact-wrap:before{
    height: 1314px;
}
.contact-in iframe{
    width: 100%;
}
}
@media(max-width: 500px){
/*/////////////////////////////////segunda seccion 500////////////////////////////////////////*/
.s2-textos{
    width: 95%;
    height:90%;
    }
    .titulo{
        font-size: 35px;
    }
    .s2-textos p{
        font-size: 19px;
    }
    .s2-textos hr{
        margin: auto;
        width: 350px;
    }
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 80px;  left: 30px; height: 25%; width: 90%;}
      .cuadro2 { top: 350px; left: 210px; height: 32%; width: 55%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 210px; height: 25%; width: 55%;}
/*/////////////////////////////////////cards 500//////////////////////////////////////////////*/
    .contentt h4{
        font-size: 22px;
        padding-top: 40px;
        }
    .contentt p{
        font-size: 17px;
    }
/*///////////////////////////////////////footer 500/////////////////////////////////////////*/
.contact-wrap:before{
    width: 100%;
    height: 1279px;
}
}
@media(max-width: 480px){
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 40px;  left: 30px; height: 32%; width: 90%;}
      .cuadro2 { top: 350px; left: 30px; height: 31%; width: 90%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 30px; height: 23%; width: 90%;}
}
@media(max-width: 412px){
/*///////////////////////////////////////////segunda seccion 412//////////////////////////////*/
.logo{
    padding: 20px 0 0 0 ;
    height: 170px;
}
.section-2{
    height: 380px;
}
.titulo{
    font-size: 35px;
    margin: 0px 10px 10px 0px;
}
.s2-textos hr{
    margin: auto;
    width: 350px;
}
.s2-textos p{
    margin-top: 30px;
    font-size: 18.7px;
}
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 40px;  left: 30px; height: 31%; width: 90%;}
      .cuadro2 { top: 350px; left: 110px; height: 30%; width: 71%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 110px; height: 23%; width: 71%;}
/*//////////////////////////////////cards 9 img 412//////////////////////////////////////////*/
.main-containers{
        height: 700px;
        flex-direction: column;
    }
    .containers{
        width: 70%;
        margin-top: auto;
    }
    .contentt h4{
        font-size: 22px;
        padding-top: 20px;
        }
    .contentt p{
        font-size: 15px;
    }
    /*////////////////////////////////////Nuestros Aliados 412/////////////////////////////////////*/
.slider{
    width: 100%;
}
.slider .slide{
    width: 100px;
    padding: 50px 20px;/*tamaño de los logos*/
}
.slider h2{
    font-size: 38px;
}
.slider hr{
    width: 300px;
}
/*///////////////////////////////////////footer 412/////////////////////////////////////////*/
.contact-wrap{
    margin-top: 250px;
}
.contact-wrap:before{
        width: 100%;
        height: 1314px;
    }
}
@media(max-width: 400px){
/*//////////////////////////////////////menu 400/////////////////////////////////////////////*/
.swiper-button-next{
    margin-right: 1px;
    padding-top:3000px ;
}
.swiper-button-prev{
    margin-left: 1px;
    padding-top: 3000px;
}
.logo{
    padding: 20px 0 0 0 ;
    height: 170px;
}
.btnn-1{
    margin: 0 10px;
    padding: 12px 10px;
    font-weight: 600;
}
.btnn-2{
    margin: 0 30px;
    padding: 12px 10px;
    font-weight: 600;
}
/*////////////////////////////////////seccion 2 400//////////////////////////////////////////////*/
    .section-2{
        width: 100%;
        height: 340px;
    }
    .s2-textos hr{
        margin: auto;
        width: 300px;
    }
    .s2-textos p{
        margin-top: 30px;
        font-size: 16px;
    }
/*/////////////////////////////////////seccion 3  400//////////////////////////////////////////////*/
      /* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 20px;  left: 30px; height: 35%; width: 85%;}
      .cuadro2 { top: 350px; left: 30px; height: 30%; width: 85%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 30px; height: 23%; width: 85%;}
/*//////////////////////////////////////////cards 400////////////////////////////////////////*/
    .contentt h4{
        font-size: 21px;
        padding-top: 25px;
        }
    .contentt p{
        font-size: 15px;
    }
    /*///////////////////////////////////////nuestros aliados 400/////////////////////////////////////*/
    .slider h2{
        font-size: 38px;
    }
    .slider hr{
        width: 300px;
    }
/*//////////////////////////////////////footer 400////////////////////////////////////////////*/
.contact-wrap{
    margin-top: 250px;
}
.contact-wrap:before{
    height: 1321px;
}
}
@media(max-width: 300px){
/*//////////////////////////////////////menu 300/////////////////////////////////////////////*/
.menu-icono{
    width: 18x;
}
.logo{
    height: 140px;
}
.btnn-1{
    margin: 0 8px;
    padding: 10px 10px;
    font-weight: 400;
}
.btnn-2{
    margin: 0 8px;
    padding: 10px 10px;
    font-weight: 300;
}
/*///////////////////////////////////carrusel 300/////////////////////////////////////////////*/
.img_overlay h2{
    font-size: 19px;
}
.swiper-button-next{
    padding-top:3000px ;
}

.swiper-button-prev{
    padding-top: 3000px;
}
/*////////////////////////////////////seccion 2 300//////////////////////////////////////////////*/
.section-2{
    height: 300px;
}
.titulo{
    font-size: 20px;
    font-weight: 600;
}
.s2-textos hr{
    margin: auto;
    width: 200px;
}
.s2-textos p{
    margin-top: 30px;
    font-size: 12px;
}
/*/////////////////////////////////////seccion 3  300//////////////////////////////////////////////*/
.conteneddor h2{
    font-weight: 100;
    font-size: 20px;
}
.conteneddor p{
    font-weight: 100;
    font-size: 14px;
}
/* Posicionamiento de los cuadros de hover */
      .cuadro1 { top: 20px;  left: 25px; height: 30%; width: 88%;}
      .cuadro2 { top: 350px; left: 25px; height: 27%; width: 88%;/*transform: translate(-50%, -50%);*/ }
      .cuadro3 { top: 650px; left: 25px; height: 20%; width: 88%;}
/*//////////////////////////////////////////cards 300////////////////////////////////////////*/
    .contentt h4{
        font-size: 16px;
        padding-top: 28px;
        }
    .contentt p{
        font-size: 15px;
    }
/*///////////////////////////////////////nuestros aliados 300/////////////////////////////////////*/
        .slider h2{
            font-size: 28px;
        }
        .slider hr{
            width: 200px;
        }
    /*//////////////////////////////////////footer 300////////////////////////////////////////////*/
    .contact-wrap:before{
        height: 1380px;
    }
    .grupo-2{
        font-size: 15px ;
        background-color: #00000081;
    }
    .contact-in h2{
        font-size: 34px;
        font-weight: 500;
        margin-bottom: 50px;
    }
.contact-in h4{
    font-size: 20px;
    font-weight: 300;
}
.contact-in p{
    font-size: 15px;
    font-weight: 200;
}
.grupo-2 small{
font-size: 10px;
}
}