*{
  padding: 0;
  margin: 0;
}
html{
scroll-behavior: smooth;
}
button:hover{
animation: pulse;
animation-duration: 1s;
}
/* MENU ============================================= */
header{
position: absolute;
top: 0;
background: transparent;
width: 96%;
padding: 5px 2%;
z-index: 1;
}
.logo img {
width: 90%;
}
nav, .lista_items{
flex-wrap: wrap;
display: flex;
justify-content: space-between;
align-items: center;
list-style-type: none;
}
.item a{
color: #fff;
font-weight: 400;
font-family: 'Lato', sans-serif;
text-decoration: none;
margin-right: 20px;
}
.item a:hover{
text-decoration: underline;
}
.toggle{
display: none;
}
.lista_items button{
background-color: #93014a;
color: #fff;
border-radius: 25px;
font-size: 12px;
border: none;
width: 100%;
height: 45px;
cursor: pointer;
font-family: 'Lato', sans-serif;
padding: 0 2%;
}
/* ================================================== */

/* HOME ============================================= */
.home{
position: relative;
background-image: url("assets/img/x1/Img_Header001.png");
background-size: 100% 100%;
background-repeat: no-repeat;
height: 100vh;
}
.over{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.home-title{
border-radius: 25px;
position: absolute;
top: 45%;
left: 0;
right: 0;
margin: auto;
width: 55%;
text-align: center;
}
.home-button{
position: absolute;
top: 75%;
left: 0;
right: 0;
margin: auto;
width: 20%;
}
.home-button button{
background-color: #93014a;
color: #fff;
border-radius: 25px;
font-size: 18px;
border: none;
width: 100%;
height: 45px;
cursor: pointer;
font-family: 'Lato', sans-serif;
padding: 0 2%;
}
.home-img{
position: absolute;
left: 0;
right: 0;
bottom: 10%;
margin: auto;
width: min-content;
}
.home-title h1{
color: #fff;
font-size: 50px;
font-family: 'Archivo', sans-serif;
font-weight: 700;
}
/* ================================================== */

/* BOTON WA ======================================= */

.container-button{
  background-color: #2e6329;
  position: fixed;
  border-radius: 50%;
  z-index: 999;
  bottom: 20px;
  right: 25px;
  padding: 25px;
  transition: ease 0.3s;
  animation: efecto 1.2s infinite;
}

  .container-button:hover{
      transform: scale(1.1);
      transition: 0.3s;
  }

.button-wa{
  width: 50px;
  transition: ease 1s;
}


@keyframes efecto{
  0%{
    box-shadow: 0 0 0 0  rgba(0, 0, 0, 0.85);
  }
  100%{
    box-shadow: 0 0 0 25px rgba(0, 0,0,0);
  }
}

/* ================================================== */

/* BIENVENIDO ======================================= */
.bienvenido{
position: relative;
display: grid;
grid-template-columns: 57% 43%;
background-color: #93014a;
}

.bienvenido-img1{
position: absolute;
top: 2%;
right: 0;
text-align: end;
}
.bienvenido-img1 img{
width: 90%;
}
.bienvenido-img {
background-color: #fcee21;
}
.bienvenido-img img{
width: 100%;
}
.bienvenido-cont{
display: grid;
grid-template-rows: min-content min-content min-content;
align-self: center;
padding: 15%;

}
.bienvenido-cont-img img{
width: 80%;
}

.bienvenidos-cont-title{
font-size: 20px;
color: #ffffff;
font-family: 'Archivo', sans-serif;
font-weight: 700;
}

.bienvenido-cont-p p{
font-size: 18px;
font-weight: 400;
font-family: 'Lato', sans-serif;
color: #ffffff;
margin: 2% 0;
}
.bienvenido-cont-button button{
background-color: #fff;
color: #93014a;
border-radius: 25px;
font-size: 20px;
border: none;
cursor: pointer;
width: 85%;
height: 55px;
margin-top: 1rem;
margin-left: 1.5rem;
font-family: 'Lato', sans-serif;

}
/* ================================================== */

/* CREAMOS ======================================= */
.creamos-title{
text-align: center;
color: #93014a;
font-size: 20px;
margin-bottom: 8rem;
margin-top: 5rem;
font-family: 'Archivo', sans-serif;
font-weight: 700;
}

.creamos-cards{
display: grid;
grid-template-columns: 25% 25% 25%;
padding: 0 7%;
justify-content: space-around;
}
.creamos-cards-img{
display: flex;
justify-content: center;
margin-bottom: 2rem;
height: 20vh;
}

.creamos-cards-title{
text-align: center;
margin-bottom: 1rem;
height: 12vh;
}
.creamos-cards-title h1{
font-size: 30px;
font-weight: 700;
font-family: 'Archivo', sans-serif;
}
.creamos-cards-p{
text-align: center;
font-family: 'Lato', sans-serif;
font-size: 15px;
}
.creamos-cards-p p{
font-size: 18px;
font-weight: 400;
font-family: 'Lato', sans-serif;
}

.creamos-gustaria{
text-align: center;
margin-top:8rem;
margin-bottom: 2rem;
font-size: 20px;
font-family: 'Lato', sans-serif;

}

.creamos-cards-btn{
text-align: center;
margin-bottom: 4rem;
font-family: 'Lato', sans-serif;

}

.creamos-cards-btn button{
background-color: #93014a;
color: #fff;
border-radius: 20px;
font-size: 20px;
border: none;
width: 25%;
height: 55px;
cursor: pointer;
font-family: 'Lato', sans-serif;
margin-bottom: 2%;

}

/* ================================================== */

/* DESDE 15 MIL ========================================== */

.desde{
display: grid;
grid-template-columns: 50% 50%;
}

.desde-title{
position: relative;
background-color: #ff0000;
color: #fff;
font-size: 75px;
text-align: center;
padding: 6% 0 0 0; 
font-family: 'Archivo', sans-serif;
}
.desde-img1{
position: absolute;
top: 3%;
right: 5%;
}
.desde-img2{
position: absolute;
bottom: 2%;
left: -3%;
}
.desde-img2{
position: absolute;
bottom: 2%;
left: -3%;
}
.desde-img2 img{
width: 30vw;
}

.desde-title1{
width: 100%;
text-align: start;
padding-left: 15%;
}
.desde-title2{
width: 90%;
text-align: end;
padding-right: 15%;
}
span{
font-size: 40px;
font-family: 'Lato','height';
}


.desde-cont{
position: relative;
background-color: #93014a;
padding: 15%;
}
.desde-img3{
position: absolute;
top: 5%;
right: 5%;
}
.desde-cont-title{
color: #fff;
text-align: center;
font-size: 20px;
font-family: 'Archivo', sans-serif;
}

.desde-cont-p{
color: #fff;
text-align: center;
font-size: 18px;
margin-bottom: 2rem;
font-family: 'Lato', sans-serif;
}

.desde-cont-btn{
text-align: center;
}

.desde-cont-btn button{
background-color: #fff;
color: #93014a;
border-radius: 25px;
font-size: 20px;
border: none;
cursor: pointer;
width: 85%;
height: 55px;
font-family: 'Archivo', sans-serif;
font-weight: 700;

}


/* ================================================== */

/* PORTAFOLIO ========================================== */

.portafolio-img img{
width: 80%;
padding-left: 4.5vh;
}

.portafolio-content img{
width: 100%;
}

/* ================================================== */

/* POR QUE ========================================== */
.por_que{
position: relative;
padding-bottom: 10%;
}
.por_que-img1{
position: absolute;
top: -13px;
left: 48vw;
}
.por_que-img2{
position: absolute;
top: 15%;
left: 0.5%;
}
.por_que-img3{
position: absolute;
bottom: -14%;
left: 35vw;
}
.por_que-img4{
position: absolute;
bottom: 0%;
left: 15%;
}
.por_que-img1 img{
width: 84%;
}
.por_que-img2 img{
width: 72vh;
}
.por_que-img3 img{
width: 73%;
}
.por_que-title{
padding: 9% 0 0 3%;
font-size: 20px;
}
.por_que-title h1{
color: #93014a;
font-family: 'Archivo', sans-serif;
font-weight: 700;
}
.por_que-cards{
display: grid;
grid-template-columns: 22% 22% 22%;
justify-content: space-around;
padding: 10% 4% 4%;
}

.por_que-cards-item{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
background-color: #fff;
height: 26vh;
width: 100%;
border-radius: 20px;
padding: 5% 5% 0 8%;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
margin-bottom: 10%;
}
.por_que-cards-item-title{
width: 70%;
}
.por_que-cards-item-p{
width: 70%;
font-family: 'Lato', sans-serif;

}
.por_que-cards-item-title h1{
font-size: 18px;
font-family: 'Lato', sans-serif;

}
.por_que-cards-item-p p{
font-size: 12px;
}
.por_que-cards-item-img{
position: absolute;
top: 5%;
left: -5%;
}
.por_que-cards-item-img img{
width: 100%;
}

.por_que-btn{
text-align: center;
}

.por_que-btn button{
background-color: #93014a;
color: #fff;
border-radius: 20px;
font-size: 20px;
border: none;
width: 25%;
height: 55px;
cursor: pointer;
font-family: 'Lato', sans-serif;


}

/* ================================================== */

/* COMO FUNCIONA ========================================== */

.funciona{
  background-color: #f2f2f2;
  padding-top: 1%;
}


.funcion{
  background-color: #f2f2f2;
}

.funciona-title{
  margin-top: 3rem;
  padding-top: 4rem;
  margin-bottom: 3rem;
  padding-left: 10vh;
}
.funciona-title h1{
  color: #93014a;
  font-size: 40px;
  font-family: 'Archivo', sans-serif;
}

.funciona-cards{
  display: grid;
  grid-template-columns: 20% 20% 20% 20%;
  justify-content: space-around;
  margin-top: 5%;
}

.funciona-cards-content{
  background-color: #fff;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 25px 0 25px 0;
}

.funciona-cards-title{
  font-size: 16px;
  text-align: center;
  color: #93014a;
  margin-bottom: 2rem;
  font-family: 'Lato', sans-serif;
}

.funciona-cards-p{
  text-align: center;
  color: #93014a;
  margin-bottom: 0;
  font-family: 'Archivo', sans-serif;
  padding: 0px 5px 0px 5px; 
  font-size: 20px;
}

.funciona-cards-btn{
  text-align: center;
}

.funciona-cards-btn button{
background-color: #ff0000;
color: #fff;
border-radius: 25px;
font-size: 20px;
border: none;
width: 65%;
height: 55px;
cursor: pointer;
font-family: 'Lato', sans-serif;

}

.funcion-cont{
  display: grid;
  grid-template-columns: 20% 20% 20% 20%;
  justify-content: space-around;
  padding-top: 3.5rem;
}

.queremos{
  background-color: #f2f2f2;
}

.queremos-cont{
  padding-top: 5rem;
}

.queremos-cont-title{
  color: #93014a;
  font-family: 'Archivo', sans-serif;
  text-align: center;
  margin-bottom: 2rem;
  font-size: 20px;
}
.queremos-cont-title h1{
  font-size: 40px
}

.queremos-cont-btn{
  text-align: center;
}

.queremos-cont-btn button{
  background-color: #93014a;
  color: #fff;
  border-radius: 25px;
  font-size: 20px;
  border: none;
  width: 25%;
  height: 55px;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  margin-bottom: 3rem;
}


.masTexto{
display: none;
}

.texto{
text-align: center;
}

.texto.show-more .masTexto{
display: inline;
font-size: 16px;
color: #93014a;
font-family: 'Lato', sans-serif;

}


.masTextoUno{
display: none;
}

.textoUno{
text-align: center;
}

.textoUno.show-more .masTextoUno{
display: inline;
font-size: 16px;
color: #93014a;
font-family: 'Lato', sans-serif;

}


.masTextoDos{
display: none;
}

.textoDos{
text-align: center;
}

.textoDos.show-more .masTextoDos{
display: inline;
font-size: 16px;
color: #93014a;
font-family: 'Lato', sans-serif;

}


.masTextoTres{
display: none;
}

.textoTres{
text-align: center;
}

.textoTres.show-more .masTextoTres{
display: inline;
font-size: 16px;
color: #93014a;
font-family: 'Lato', sans-serif;

}

/* ================================================== */

/* CONFIA ========================================== */
.confia{
position: relative;
padding: 5% 0 10%;
}

.swiper {
width: 75%;
height: 30vh;
}



.swiper-container{
background-position: center;
background-size: cover;
width: 75%;
height: 30vh;
}
.swiper-wrapper{
background-position: center;
background-size: cover;
width: 100%;
}
.swiper-slide{
background-position: center;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%
}
.slider-cont{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%
}
.swiper-slide img{
width: 45%
}

.confia-img1{
position: absolute;
z-index: 1;
bottom: -38%;
left: 19%;
}
.confia-img1 img{
width: 83%;
}
.confia-title h1{
text-align: center;
margin-bottom: 5%;
}
.confia-title h1{
color: #93014a;
font-size: 40px;
font-family: 'Archivo', sans-serif;
}
/* ================================================== */

/* PREGUNTAS FRECUENTES ============================= */
.preguntas_frecuentes{
position: relative;
background-color: #f2f2f2;
text-align: center;
padding: 8% 0 15%;
}
.preguntas_frecuentes-img1{
position: absolute;
top: 33%;
left: 10%;
}
.preguntas_frecuentes-img2{
position: absolute;
bottom: 5%;
right: 0%;
}
.preguntas_frecuentes-title h1{
text-align: center;
font-size: 50px;
color: #93014a;
font-size: 40px;
font-family: 'Archivo', sans-serif;
letter-spacing: 5px;
margin-bottom: 5%;
}
.preguntas_frecuentes-cont{
display: grid;
grid-template-columns: 50%;
text-align: center;
justify-content: center;
}
.preguntas_frecuentes-cont i{
margin-right: 50px;
}
.preguntas_frecuentes-cont-button{
background-color: transparent;
border-radius: 25px;
font-family: 'Archivo Black', sans-serif;
font-weight: 700;
font-size: 25px;
color: #000;
cursor: pointer;
padding: 25px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
border: 2px #a9a9a9 solid;
margin-bottom: 3%;
}
.active, .preguntas_frecuentes-cont-button:hover{
background-color: #ccc;
}
.panel{
text-align: center;
padding: 0 18px;
background-color: transparent;
display: none;
overflow: hidden;
width: 94.%;
border: 1px #a9a9a9 solid;
border-top: none;
border-bottom: none;
margin-bottom: 3%;
}
.panel p{
font-family: 'Lato', sans-serif;
font-size: 18px;
margin: 2% 0;
}
/* ================================================== */

/* FORM ============================================= */
.main-form{
position: relative;
display: flex;
justify-content: center;
background-color: #ff0000;
padding: 5% 0;
}
.main-form-img1{
position: absolute;
bottom: 10%;
left: 8%;
}
.main-form-img2{
position: absolute;
bottom: 5%;
right: 5%;
}
.main-form-flechas{
position: absolute;
top: -6%;
left: 0;
right: 0;
margin: auto;
}
form{
text-align: center;
background-color: #ff0000;
width: 60%;
height: 100%;
border-radius: 15px;
margin-top: 50px;
}
form h1{
text-align: center;
font-size: 30px;
letter-spacing: 5px;
color: #fff;
font-family: 'Archivo', sans-serif;
font-weight: 700;
padding: 30px 0;
}
form .main-form-sec1{
display: grid;
justify-content: space-between;
grid-template-columns: 48% 48%;
margin: 0 -2%;
}
form .main-form-sec1 div{
margin-bottom: 25px;
}
form .main-form-sec1 input{
background-color: #fff;
border: none;
border-bottom: 1px #fff solid;
border-radius: 30px;
font-size: 16px;
font-weight: 400;
font-family: 'Lato', sans-serif;
color: #93014a;
width: 80%;
margin-bottom: 8px;
padding: 4% 5%;
outline: none;
box-shadow: 3px 3px 6px 2px rgba(48, 48, 48, 0.2);
}
form .main-form-sec1 label{
text-align: start;
font-size: 13px;
font-weight: 400;
font-family: 'Lato', sans-serif;
color: #fff;
}
form .main-form-sec2{
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
align-items: center;
}
form .main-form-sec2 h1{
font-size: 16px;
font-weight: 400;
font-family: 'Lato', sans-serif;
letter-spacing: 2px;
}
form .main-form-sec2-radio_options{
display: grid;
grid-template-columns: 15% 15% 15% 15% 15%;
justify-content: space-between;
width: 100%;
margin: 0 0%;
}
.radio_img{
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 15vh;
  border-radius: 20%;
  padding: 2%;
  margin-bottom: 10%;
}
.radio_img:hover{
  cursor: pointer;
  animation: pulse;
  animation-duration: 1s;
}
.radio_img img{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 50%;
}
form .main-form-sec3{
display: flex;
justify-content: center;
text-align: start;
margin: 4% 0;
}
form .main-form-sec3 textarea{
background-color: #fff;
border: 1px rgb(73, 68, 68) solid;
border-radius: 15px;
font-size: 16px;
font-weight: 400;
font-family: 'Lato', sans-serif;
color: #93014a;
width: 88%;
height: 30vh;
resize: none;
margin-bottom: 8px;
padding: 2% 4%;
outline: none;
margin-top: 10px;
box-shadow: 3px 3px 6px 2px rgba(48, 48, 48, 0.2);
}
form input[type="submit"]{
background-color: #fff;
text-align: center;
font-size: 30px;
letter-spacing: 5px;
color: #93014a;
font-weight: 400;
font-family: 'Lato', sans-serif;
border-radius: 20px;
padding: 5px 8%;
cursor: pointer;
height: 80px;
box-shadow: none;
border: none;

}
form input::placeholder, form .main-form-sec3 textarea::placeholder {
color: #93014a;
opacity: 1;
}
form .main-form-sec2-radio_options label{
font-size: 15px;
font-weight: 400;
font-family: 'Lato', sans-serif;
color: #fff;
}
form input[type="submit"]:hover{
  animation: pulse;
  animation-duration: 1s;
}

.platica_img1{
position: absolute;
top: 10%;
right: 3%;
}

.platica_img2{
position: absolute;
top: 40%;
left: 9%;
}

.platica_img3{
position: absolute;
top: 2%;
left: 5%;
}
/* ================================================== */

/* FOOTER =========================================== */
footer{
position: relative;
z-index: 1;
display: grid;
justify-content: center;
text-align: center;
background-color: #ff0000;
box-shadow: 0px -35px 15px 2px rgba(48, 48, 48, 0.2);
padding: 7% 0 3%;
}
footer p{
color: #fff;
font-size: 12px;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.footer-img{
margin-bottom: 15%;
}
footer img{
width: 50%;
}
/* ================================================== */

/* THANK YOU ======================================== */
.thank-you {
margin: 2.5% 20%;
padding: 3%;
align-items: center;
text-align: center;
border-radius: 25px;
background-color: #93014a;
color:#fff
}
.thank-you h1{
font-size: 90px;
font-family: 'Archivo Black', sans-serif;
}
.thank-you p{
font-size: 30px;
font-family: 'Archivo Black', sans-serif;
}
.thank-you i{
margin: 5% 0;
font-size: 100px;
}
/* ================================================== */

@media all and (max-width:600px) {
.bienvenido-img1,
.desde-img1,
.desde-img2,
.desde-img3,
.por_que-img1,
.por_que-img2,
.confia-img1,
.preguntas_frecuentes-img1,
.preguntas_frecuentes-img2,
.platica_img1,
.platica_img2,
.main-form-img1,
.main-form-img2{
  display: none;
}

/* MENU VM ======================================== */
header{
  /* background-color: #93014a; */
  padding: 5px 0;
  width: 100%;
}
.logo{
  width: 87%;
  margin-left: 4%;
}
.toggle {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  text-align: right;
  text-decoration: none;
  margin-right: 4%;
}
.items{
  width: 100%;
}
.lista_items {
  background-color: #fff;
  justify-content: center;
  flex-direction: column;
  border-radius: 0 0 25px 25px;
}
.item{
  display: none;
  margin: 2% 0;
}
.item a{
  color: #93014a;
}

.logo img{
  width: 45%;
}
/* ================================================ */

/* PREGUNTAS FRECUENTES VM ======================== */
.preguntas_frecuentes{
  padding: 4% 0 0;
}
.preguntas_frecuentes-title{
  padding: 0 5% 15%;
}
.preguntas_frecuentes-title h1{
  font-size: 28px;
  font-weight: 400;
  padding-top: 3rem;
}
.preguntas_frecuentes-cont{
  grid-template-columns: 95%;
  background-color: #93014a;
  padding: 25px 0;
}
.preguntas_frecuentes-cont i{
  margin-right: 15px;
}
.preguntas_frecuentes-cont-button{
  background-color: #93014a;
  font-size: 14px;
  color: #fff;
  padding: 10px 5px;
  border: none;
}
.active, .preguntas_frecuentes-cont-button:hover{
  background-color: transparent;
}
.panel{
  color: #fff;
  text-align: center;
  padding: 7px 5px;
  background-color: #93014a;
  display: none;
  overflow: hidden;
  width: 94.%;
  border: 2px #fff solid;
  border-top: none;
  border-radius: 0 0 15px 15px;
}
.panel p{
  font-size: 12px;
}


/* ================================================ */
/* HOME  ============================= */


.home-button button{
width: 145%;
}

.home {
  background-image: none;
  background-color: #DEAC58;
  height: 90vh;
}

.home-title{
  width: 100%;
  top: 32%;
  line-height: 45px;
}

.home-title h1{
  font-size: 30px;
}
/* ================================================ */
/* BOTON WA  ============================= */

.container-button{
  background-color: #2e6329;
  position: fixed;
  border-radius: 50%;
  z-index: 999;
  bottom: 20px;
  right: 20px;
  padding: 25px;
  transition: ease 0.3s;
  animation: efecto 1.2s infinite;
}

.button-wa{
  width: 32px;
}

/* ================================================ */
/* Bienvenido  ============================= */

.bienvenido{
  display: grid;
  grid-template-columns: 100%;
}

.bienvenidos-cont-title h1{
  font-size: 25px;
}


.bienvenido-cont-p p{
  font-size: 16px;
}

.bienvenido-cont-button button{
  width: 85%;
}

/* ================================================ */
/* Creamos  ============================= */

.creamos{
  padding:20px;
}

.creamos-cards{
display: grid;
grid-template-columns: 100%;
text-align: center;
}

.creamos-title{
margin-bottom: 3rem;
}

.creamos-title h1{
font-size: 25px;
}

.creamos-cards-title h1{
font-size: 24px;
}

.creamos-cards p{
font-size: 16px;
margin-bottom: 3rem;
}


.creamos-cards-img{
padding-left: 0;
}

.creamos-gustaria{
margin-top: 2rem;
}

.creamos-cards-btn button{
width: 85%;
}

/* ================================================ */
/* Desde  ============================= */

.desde{
display: grid;
grid-template-columns: 100%;
}

.desde-title{
font-size: 40px;
padding: 60px 0px 60px 0px;
}

.desde-cont-title{
font-size: 25px;
}

.desde-cont-p{
font-size: 16px;
}

.desde-title1{
padding-left: 0;
}

.desde-title2{
padding-right: 0;
width: 100%;
}

/* ================================================== */
/* PORTAFOLIO ========================================== */

.portafolio-img img{
width: 70%;
}

/* ================================================ */
/* POR QUE  ============================= */

.por_que-title h1{
text-align: center;
font-size: 25px;
}
.por_que-cards-item-p p{
font-size: 11px;
}

.por_que-img4{
display: none;
}

.por_que-img3{
display: none;
}

.por_que-cards-item{
width: 85%;
}

.por_que-cards{
display: grid;
grid-template-columns: 95%;
}

.por_que-cards-item-title{
width: 70%;
}

.por_que-cards-item-img{
left: 1%;
}

.por_que-cards-item-img img{
width: 80%;
}

.por_que-btn button{
width: 85%;
}

/* ================================================ */
/* FUNCIONA  ============================= */

.funciona-cards{
display: grid;
grid-template-columns: 90%;
}

.funcion-cont{
display: none;
}

.funciona-title{
text-align: center;
padding-top: 0;
padding-left: 0;
}

.funciona-title h1{
font-size: 25px;
}

.queremos-cont-title h1{
font-size: 25px;
}

.funciona-cards-content{
margin-bottom: 2rem;
}

.queremos-cont{
padding-top: 3rem;
}

.queremos-cont-btn button{
width: 85%;
}

.masTexto{
display: none;
}

.texto{
text-align: center;
}

.texto.show-more .masTexto{
display: inline;
font-size: 16px;
color: #93014a;
font-family: 'Lato', sans-serif;

}


.masTextoUno{
display: none;
}

.textoUno{
text-align: center;
}

.textoUno.show-more .masTextoUno{
display: inline;
font-size: 16px;
color: #93014a;
font-family: 'Lato', sans-serif;

}


.masTextoDos{
display: none;
}

.textoDos{
text-align: center;
}

.textoDos.show-more .masTextoDos{
display: inline;
font-size: 16px;
color: #93014a;
font-family: 'Lato', sans-serif;

}


.masTextoTres{
display: none;
}

.textoTres{
text-align: center;
}

.textoTres.show-more .masTextoTres{
display: inline;
font-size: 16px;
color: #93014a;
font-family: 'Lato', sans-serif;

}

/* ================================================ */

/* CONFIA =========================================== */
.confia-title h1{
  font-size: 25px;
}
.swiper-container {
  width: 100%;
  height: 20vh;
}
.swiper-slide img {
  width: 85%;
}
/* ================================================ */

/* FORM ================================================ */
form{
  width: 80%;
}
form .main-form-sec1 input{
  font-size: 12px;
  padding: 6% 5%;
  width: 90%;
}
form .main-form-sec2-radio_options{
  grid-template-columns: 45% 45%;
}
.radio_img{
  margin-top: 5%;
}
form .main-form-sec3 textarea{
  height: 25vh;
}
/* ================================================ */

/* FOOTER ============================= */


.main-form-flechas{
  display: none;
}
.main-form{
  padding:0% 0% 20%;
}

form .main-form-sec3 textarea{
  width: 100%;
}

.radio_img img{
  width: 50%;
}

form input[type="submit"]{
  font-size: 20px;
}

/* THANK YOU VM =================================== */
.thank-you {
  margin: 20% 5%;
  padding: 10% 3%;
}
.thank-you h1{
  font-size: 50px;
}
.thank-you p{
  font-size: 25px;
}
.thank-you i{
  margin: 15% 0;
}
/* ================================================ */

}