.main {
     background-color: #F3EDF5;
     padding-top: 40px;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding-bottom: 20px;
     
 }

 .desk{
    display: none;
 }

 .form__bgc {
     background-color: #F3EDF5;
 }

 .main__title {
     text-align: center;
     color: #652D86;

     margin-bottom: 20px;
 }

 .main__text {
     font-size: 18px;
     padding: 0 15px;

 }

 .main__img {
     width: 328px;
     height: 203px;
     border-radius: 8px;
     margin-bottom: 0px;

 }

 .cont__btn {
     display: flex;
     justify-content: center;
     margin-top: 10px;
     margin-bottom: 31px;
 }

 .main__btn {
     background-color: #FDCA00;
     color: #652D86;
     width: 210px;
     height: 45px;
     border-radius: 24px;
     font-size: 18px;
     font-family: AmorSans-Bold;
     border: none;



 }

 /* cerca de ti */


 .cerca__cont {
     display: flex;


     background-color: #F3EDF5;
     border-radius: 8px;
     margin: 10px;
     height: 53px;

 }

 .cerca__title {
     margin-top: 50px;
     text-align: center;
     font-size: 24px;
     font-weight: normal;
 }

 .cerca__title--ligth {
     font-family: AmorSans;
     font-style: italic;
 }


 .cerca__img {
     width: 36px;
     align-self: center;
     margin: 0 10px;
 }

 .cerca__text {
     align-self: center;
     margin: 0;
     font-size: 14px;
 }

 .cerca__text--bold {
     color: #261033;
     font-weight: bold;
     font-size: 20px;
 }

 .cerca__text--yastas {
     font-weight: bold;


     font-size: 14px;
     font-style: italic;
     color: #261033;
 }

 /* banner identificalos */
 .identificalos__banner {
     background-image: url('../img/identificalos_bg.png');
     width: 100%;
     height: 236px;
     background-size: cover;
     background-position: center;
     position: relative;
     margin-top: 52px;
     margin-left: auto;
     margin-right: auto;
     max-width: 1920px;
 }

 .identificalos__title {
     color: #F3EDF5;
     text-align: center;
     padding-top: 15px;
     font-size: 24px;
 }

 .banner__img--mujer {
     width: 140px;
     height: 181px;
     position: absolute;
     top: 55px;
     left: 30px;
 }

 .banner__img--info {
     width: 100px;
     height: 186px;
     position: absolute;
     top: 50px;
     right: 20px;
 }

 /* puntos */
 .puntos {
     background-color: #F3EDF5;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding-bottom: 30px;
 }

 .puntos__title {
     font-size: 24px;
     color: #652D86;

     text-align: center;
     padding-top: 40px;
     margin-bottom: 20px;
 }

 .puntos__title--italic {
     font-style: italic;
     font-family: AmorSans;
     font-weight: normal;
 }

 .puntos__text {

     text-align: center;
     color: #261033;
 }

 .puntos__text--bold {
     font-family: AmorSans-Bold;
     font-style: italic;
 }

 .puntos__img {
     width: 250px;
     height: 150px;
     margin-bottom: 20px;

 }

 .puntos__btn {
     background-color: #7AB700;
     border-radius: 24px;
     border: none;
     color: #F3EDF5;
     width: 232px;
     height: 50px;
     font-size: 18px;
     font-family: AmorSans-Bold;

 }

 /* beneficios */
 .beneficios {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: center;
     padding: 0 24px;
     margin-bottom: 40px;
 }

 .beneficios__title {
     text-align: center;
     margin-top: 40px;
     font-size: 25px;
 }

 .beneficio__item {
     display: flex;
     margin-top: 20px;
 }

 .beneficio__logo {
     width: 32px;
     margin-right: 12px;
 }

 .beneficio__text {
     margin: 0;
     align-self: center;
     font-size: 18px;
     font-weight: 600;
     color: #261033;
 }

 /* slider */
 .cont {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding: 24px;
     position: relative;
     margin: 0 auto;
     /* max-width: 350px; */
     width: 100%;
     background-color: #F3EDF5;
 }

 .slidertexts {
     overflow: hidden;
     width: 280px;
     /* Ancho del contenedor del slider */
 }

 .slidertexts__cont {
     display: flex;
     transition: transform 0.5s;
 }

 .cont__title {
     font-size: 24px;
     text-align: left;
     color: #652D86;
     margin-bottom: 20px;
 }

 .cont__slide {
     flex: 0 0 100%;
     text-align: center;
 }

 .slidertexts__btn {
     background-color: white;
     border: none;
 }

 .slidertexts__btn img {
     width: 20px;
     height: 20px;
 }





 .slidertexts__btn--prev {
     position: absolute;
     top: 100px;
     background-color: #F3EDF5;
     left: 0;
     padding-left: 5px;
 }

 .slidertexts__btn--next {
     position: absolute;
     top: 100px;
     background-color: #F3EDF5;
     right: 0;
     padding-right: 5px;
 }

 .slide__title {
     font-size: 18px;
     color: #261033;
     font-family: AmorSans;
 }

 /* slide one */
 .one__img {
     width: 150px;
     height: 60px;
 }

 .two__img {
     width: 150px;
     height: 30px;
     margin-top: 22px;
 }

 .three__img {
     margin-top: 22px;
     width: 150px;
     height: 41px;
 }


 .four__cont {
     margin-top: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
 }

 .four__img--naturgy {
     width: 115px;
     height: 30px;
     margin-bottom: 40px;
     margin-right: 5px;
 }

 .four__img--cfe {
     width: 124px;
     height: 30px;
     margin-bottom: 40px;
     margin-left: 5px;
 }

 .four__img--telmex {
     width: 70px;
     height: 30px;
     margin-right: 27px;
 }

 .four__img--izzi {
     width: 80px;
     height: 30px;
     margin-left: 27px;
 }


 .slide__subtitle {
     font-size: 18px;
     color: #652D86;
     margin-top: 40px;
     text-align: center;
 }

 .five__cont {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     margin-top: 20px;

 }

 .five__img--telcel {
     width: 115px;
     height: 26px;
     margin-right: 8px;
 }

 .five__img--movistar {
     width: 115px;
     height: 26px;
     margin-left: 8px;
 }

 .five__img--atyt {
     width: 80px;
     height: 30px;
     margin-top: 40px;
     margin-right: 20px;
 }

 .five__img--unefon {
     width: 35px;
     height: 25px;
     margin-top: 40px;
     margin-left: 20px;
 }

 .six__cont {
     margin-top: 20px;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
 }

 .six__img--stanhome {
     width: 100px;
     height: 11px;
     margin-right: 30px;
 }

 .six__img--arabela {
     width: 100px;
     height: 11px;
     margin-left: 30px;
 }

 .six__img--avon {
     margin-top: 30px;
     width: 70px;
     height: 14px;
     margin-right: 25px;
 }

 .six__img--tupperware {
     margin-top: 30px;
     width: 92px;
     height: 15px;
     margin-left: 25px;
 }

 .six__img--jafra {
     margin-top: 30px;
     width: 80px;
     height: 20px;

 }

 /* quieres */
 .quieres {
     background-color: #652D86;
     padding: 40px 15px 50px 15px;
 }

 .quieres__title {
     color: #FFFFFF;
     text-align: center;
     font-size: 24px;
 }

 .quieres__text {
     color: #FDCA00;
     font-size: 18px;
     margin-top: 20px;
 }

 .quieres__text--white {
     color: #FFFFFF;
     margin-bottom: 24px;
 }

 .encuentra {
     background-image: url('../img/banner_yastas_mobile.png');
     width: 328px;
     height: 434px;

     background-size: cover;
     background-position: center;
     margin: 0 auto;
     margin-top: 50px;
     border-radius: 5px;


 }


 .comisionista__grid {
     background-color: #F3EDF5;
     padding: 40px 17px 52px 17px;
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-top: 40px;
 }

 .comisionista__title {
     text-align: center;
     font-size: 24px;
     margin-bottom: 20px;

 }

 .comisionista__subtitle {
     color: #261033;
     font-size: 18px;
     font-family: AmorSans;
     font-weight: normal;
 }

 .comisionista__img {
     width: 327px;
     height: 160px;
     border-radius: 8px;
     margin-top: 20px;
 }


 .comisionista__btn {
     width: 273px;
     height: 50px;
     background-color: #7AB700;
     border-radius: 24px;
     border: none;
     color: #F3EDF5;
     font-size: 18px;
     font-family: AmorSans;
     font-weight: bolder;
     margin-top: 20px;
 }


 /* btono pegaoso */
 .main__btn--sticky {
     position: fixed;
     bottom: 0;
     z-index: 1;
     background-color: #FFFFFF;
     width: 100%;
     margin: 0;
     padding: 10px 0;

 }

 /* btn a footer */
 .conoce__btn {
     background-color: #7AB700;
     border-radius: 24px;
     border: none;
     color: #F3EDF5;
     width: 150px;
     height: 30px;
     font-size: 14px;
     font-family: AmorSans-Bold;
     margin-bottom: 15px;

 }

 /* ================ soy-somisionistas.html =================== */

 /* soy comisionista */
 .soycomisionista {
     background-color: #FFFFFF;
     padding: 40px 17px 20px 17px;
     display: flex;
     flex-direction: column;
     align-items: center;

 }

 .soycomisionista__title {
     text-align: center;
     font-size: 32px;
     margin-bottom: 20px;

 }

 .soycomisionista__subtitle {
     color: #261033;
     font-size: 18px;
     font-family: AmorSans;
     font-weight: normal;
     text-align: left;
     align-self: flex-start;
     margin: 0;

 }

 .soycomisionista__img {
     width: 327px;
     height: 160px;
     border-radius: 8px;
     margin-top: 20px;
 }


 /* acciones */
 .acciones {
     padding: 0 16px;
     margin-bottom: 40px;
 }

 .acciones__item {
     background-color: #F3EDF5;
     border-radius: 8px;
     display: flex;
     align-items: center;

     padding: 12px 8px;
     margin-top: 10px;
 }

 .accion__img {
     width: 52px;
     margin-right: 10px;
 }

 .accion__text {
     align-self: center;
     margin: 0;
     font-size: 18px;



 }

 .accion__text--bold {
     font-weight: bold;
 }

 .accion__img--enko {
     width: 42px;
     height: 15px;
     vertical-align: sub;
 }

 .no-hide {
     display: none;
 }





 /* =========== afiliate.html=============== */

 .afiliate {
     background-color: #F3EDF5;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 0 16px;
     padding-bottom: 25px;

 }

 .afiliate__img {
     width: 211px;
     height: 60px;
     margin: 20px 0 38px 0;
 }

 .afiliate__title {
     font-size: 32px;
     text-align: center;
     margin-bottom: 21px;
 }

 .afiliate__subtitle {
     font-size: 18px;
     text-align: left;
     font-family: AmorSans;
     font-weight: lighter;
     color: #261033;
 }

 .afiliate__form {
     background-color: #fff;
     padding: 10px;
     margin-top: 25px;
     border-radius: 8px;
     width: 328px;
     display: flex;
     flex-direction: column;
     justify-content: center;

 }

 .form__aviso {
     display: flex;

 }

 .aviso__checkbox {
     appearance: none;
     width: 20px;
     background-color: #261033;
     height: 20px;
     background-color: #FFFFFF;
     border: 1px solid #000;
     border-radius: 2px;
     margin-right: 8px;
 }

 .aviso__label {
     color: #918C94;
     font-size: 18px;
 }

 .form__position {
     margin: 15px auto;
     display: flex;
     width: 185px;
     align-items: center;
     justify-content: space-between;

 }

 .position__item {
     background-color: #652D86;
     width: 60px;
     height: 8px;
     border-radius: 4px;
 }

 .form__giro{
    position: relative;
 }
.form__img{
    width: 20px;
    position:absolute;
    right: 10px;
    top: 10px;
     
}

.afiliate2__inputs .select-container--two{
    position: relative;
 }
 .afiliate2__inputs .form__img{
    width: 20px;
    position:absolute;
    right: 10px;
    top: 10px;
     
}
input,select{
    outline: none;  
    border: 1px solid #ccc;  
}

 
.form__img {
    transition: transform 0.3s ease;  
}

 
.select-container.open .form__img {
    transform: rotate(180deg);
}






 .position__item:nth-child(2),
 .position__item:nth-child(3) {
     background-color: #918C94;

 }

 .form__title {
     font-size: 24px;

 }

 .form__text {
     font-size: 12px;
 }

 .form__giro {
     border-radius: 8px;
     color: #918C94;
     font-size: 12px;
 }

 .giro__opciones {
     appearance: none;
     border: none;
     text-align: left;

     font-size: 18px;
     color: #918C94;
     margin: 10px;
     font-family: AmorSans;
     padding-left: 15px;
 }

 .giro__opciones:focus {

     outline: none;
 }

 .giro__opcion {
     appearance: none;
     color: #000000;
     font-size: 18px;
     padding: 20px;
     font-family: AmorSans;

 }

 .form__siguiente {
     background-color: #7AB700;
     color: #F3EDF5;
     border-radius: 24px;
     margin-top: 20px;
     width: 191px;
     height: 50px;
     border: none;
     font-size: 22px;
     align-self: center;
     text-decoration: none;
     text-align: center;
     padding-top: 10px;

 }

 .form__privacidad {
     margin-top: 20px;
     font-size: 10px;
 }

 .form__aviso--desk {
     display: none;
 }


 /* =========== afiliate2.html=============== */
 .afiliate2 {
     background-color: #F3EDF5;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 0 16px;
     padding-bottom: 25px;

 }

 .afiliate2__img {
     width: 211px;
     height: 60px;
     margin: 20px 0 0px 0;
 }

 .afiliate2__title {
     font-size: 32px;
     text-align: center;
     margin-bottom: 21px;
 }

 .afiliate2__subtitle {
     font-size: 18px;
     text-align: left;
     font-family: AmorSans;
     font-weight: lighter;
     color: #261033;
 }

 .afiliate2__form {
     background-color: #fff;
     padding: 10px;
     margin-top: 25px;
     border-radius: 8px;
     width: 328px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-bottom: 20px
 }

 .form__item {
     border-radius: 8px;
     color: #918C94;
     margin-top: 10px;
     font-size: 12px;
 }

 .afiliate2 .form__position {
     margin-top: 0;
     margin-bottom: 30px;
 }

 .afiliate2 .position__item:nth-child(2) {
     background-color: #652D86;
 }

 .afiliate2 .form__title {
     margin-bottom: 10px;
 }

 .afiliate2__input {
     appearance: none;
     border: none;
     text-align: left;

     font-size: 18px;
     color: #918C94;
     margin: 10px;
     font-family: AmorSans;
     padding-left: 15px;
     width: 90%;

 }

 .afiliate2 input:focus {

     outline: none;
 }

 .afiliate2 input::placeholder {

     color: #AEAFB3;
 }


 .br.desk {
     display: none;
 }


 /* ========================= form3 ================= */
 .afiliate3 {
     background-color: #F3EDF5;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 0 16px;
     padding-bottom: 25px;

 }

 .afiliate3__img {
     width: 211px;
     height: 60px;
     text-align: center;
     justify-self: center;

     margin: 20px 0;
 }

 .afiliate3__title {
     font-size: 32px;
     text-align: center;
     margin-bottom: 21px;
 }

 .afiliate3__subtitle {
     font-size: 18px;
     text-align: left;
     font-family: AmorSans;
     font-weight: lighter;
     color: #261033;
 }

 .afiliate3__form {
     background-color: #fff;
     padding: 10px;
     margin-top: 25px;
     border-radius: 8px;
     width: 328px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-bottom: 20px
 }

 .form__item {
     border-radius: 8px;
     color: #918C94;
     margin-top: 10px;
     font-size: 12px;
 }

 .afiliate3 .form__position {
     margin-top: 0;
     margin-bottom: 30px;
 }

 .afiliate3 .position__item:nth-child(2) {
     background-color: #652D86;
 }

 .afiliate3 .form__title {
     margin-bottom: 10px;
 }

 .afiliate3__input {
     appearance: none;
     border: none;
     text-align: left;

     font-size: 18px;
     color: #918C94;
     margin: 10px;
     font-family: AmorSans;
     padding-left: 15px;
     width: 90%;

 }

 .form__text--ml {
     margin-left: 15px;
 }

 .afiliate3 input:focus {

     outline: none;
 }

 .afiliate3 input::placeholder {

     color: #AEAFB3;
 }

 .form__horario {
     display: flex;

 }

 .horario__checkbox {
     appearance: none;
     width: 20px;
     background-color: #261033;
     height: 20px;
     background-color: #FFFFFF;
     border: 1px solid #000;
     border-radius: 2px;
     margin-right: 8px;
     margin-bottom: 15px;
 }

 .horario__label {
     color: #918C94;
     font-size: 18px;
 }




 .form__referido {
     display: flex;

 }

 .referido__checkbox {
     appearance: none;
     width: 20px;
     background-color: #261033;
     height: 20px;
     background-color: #FFFFFF;
     border: 1px solid #000;
     border-radius: 2px;
     margin-right: 8px;
     margin-bottom: 15px;
 }

 input[type="checkbox"]:checked   {
    background-image: url('../img/check_verde.png'); 
background-size: cover;
 
  }




 .referido__label {
     color: #918C94;
     font-size: 18px;
     margin-right: 20px;
 }


 .afiliate3 .position__item {
     background-color: #652D86;
     width: 60px;
     height: 8px;
     border-radius: 4px;
 }


 /* ======================== gracias========================== */
 .gracias {
     background-color: #F3EDF5;
     margin: 0 auto;
     padding: 40px 16px;
     display: flex;
     flex-direction: column;
     align-items: center;
      
 }
.gracias__cont{
    display: flex;
    flex-direction: column;
    align-items: center;
}
 .gracias__logo {
     width: 211px;
     height: 60px;
     border-radius: 8px;
     margin-bottom: 20px;
 }

 .gracias__title {
     font-size: 32px;
     margin-top: 40px;
     margin-bottom: 22px;
 }

 .gracias__text {
     color: #261033;
     font-size: 18px;
     align-self: flex-start;
     margin-bottom: 40px;
 }

 .gracias__img {
     width: 328px;
     height: 180px;
     border-radius: 8px;
     margin-bottom: 20px;
 }

 .gracias__btn {
     
    margin-top: 40px;
     font-size: 18px;
     background-color: #652D86;
     color: #fff;
     width: 248px;
     height: 50px;
     border-radius: 24px;
     border: none;
     font-family: AmorSans;
     padding: 15px;
      

 }


















.logo__whatsapp{
    position: fixed; 
    width: 50px;
    height: 50px; 
    border-radius: 100%;
    bottom: 70px; 
    right: 20px;  
    z-index: 3;
}
.br-desk{
    display: none;
}

.hide-form{
    display: none;
}

.show-form{
    display: block;
}








 /* Media Queries */
 /* Media Queries */
 /* Media Queries */
 /* Media Queries */
 /* Media Queries */
 /* Media Queries */

 @media screen and (min-width: 361px) {
     .beneficios {

         align-items: center;

     }
 }

 @media screen and (min-width: 500px) {
     .cont__title {
         text-align: center;
     }



     .hide {
         display: none;
     }

     .slidertexts__btn img {
         width: 25px;
         height: 25px;
     }


     .banner__img--mujer {

         position: absolute;
         top: 55px;
         left: 100px;
     }

     .banner__img--info {

         position: absolute;
         top: 50px;
         right: 100px;
     }



     /* soy economista,html */
     .soycomisionista__img {
         width: 450px;
         height: 250px;
     }

     .soycomisionista__subtitle {
         font-size: 22px;
         text-align: center;
     }



     /* afiliate1 */
     .afiliate__subtitle {
         text-align: center;
     }

     /* gracias */

     .gracias__title {
         font-size: 44px;
     }

     .gracias__text {
         align-self: center;
         font-size: 22px;
     }

     .gracias__btn {
         font-size: 22px;
         width: 270px;
         height: 60px;
     }

     .gracias__img {
         width: 450px;
         height: 250px;
     }
 }

 @media screen and (min-width: 600px) {
     .conoce__btn {

         width: 170px;
         height: 30px;
         font-size: 16px;
         padding: 5px 15px;




     }

     .quieres {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
     }

     .quieres__title {
         margin-bottom: 25px;
     }

     .quieres__text {
         margin: 0;
     }

     .quieres__text--white {
         margin-bottom: 15px;
     }

     /* afiliate form1 */
     .afiliate__form {
         width: 500px;
     }

     /* afiliate 3 */
     .afiliate3__form {
         width: 500px;
         margin: 0 auto;
     }



     /* gracias */
     .gracias {
         width: 500px;
     }




 }

 @media screen and (min-width: 768px) {


    .encuentra {
        background-image: url('../img/banner-blog-desk.png');
        width: 768px;
        height: 335px;
   
        background-size: cover;
        background-position: center;
        margin: 0 auto;
        margin-top: 50px;
   
   
    }

     /* index */
     .main__title {
         font-size: 40px;
     }

     .main__text {
         font-size: 24px;
         text-align: center;
     }

     .slidertexts {
         width: 70%;
     }

     .main__img {
         width: 500px;
         height: 300px;
     }

     .cerca__title {
         font-size: 28px;
     }

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

     .cerca__cont {
         width: 30%;
         padding: 15px 0;
     }

     .cerca__title {
         font-size: 40px;
         margin-bottom: 30px;
     }

     .cerca__text {
         font-size: 20px;
     }

     .identificalos__banner {
         height: 400px;

     }

     .banner__img--mujer {
         width: 250px;
         height: 320px;
         position: absolute;
         top: 80px;
         left: 110px;
     }

     .banner__img--info {
         width: 200px;
         height: 300px;
         position: absolute;
         top: 100px;
         right: 80px;
     }

     .puntos__btn {
         font-size: 20px;
         width: 270px;
         height: 60px;
         border-radius: 30px;
     }

     .puntos__text {
         font-size: 28px;
     }

     .puntos__img {
         width: 300px;
         height: 200px;
     }

     .puntos__title {
         font-size: 40px;
     }

     .beneficios__title {
         font-size: 40px;
     }

     .beneficio__text {
         font-size: 24px;

     }

     .beneficio__logo {
         width: 50px;
         margin-right: 15px;
     }

     .slide__title {
         font-size: 24px;
     }

     .one__img {
         width: 170px;
         height: 80px;
     }

     .comisionista__title {
         font-size: 40px;
     }

     .comisionista__subtitle {
         font-size: 22px;
     }

     .comisionista__img {
         width: 500px;
         height: 300px;
     }

     .comisionista__btn {
         width: 300px;
         height: 60px;
         font-size: 24px;
     }

     .main__btn--sticky {
         display: none;
     }

     .slidertexts__btn--prev {
         position: absolute;
         top: 120px;
         left: 100px;
     }

     .slidertexts__btn--next {
         position: absolute;
         top: 120px;
         right: 100px;
     }

     .slidertexts__btn img {
         width: 30px;
         height: 30px;
     }


     /* ---- */

     .four__cont {
         width: 70%;
         margin: 0 auto;
         margin-top: 20px;
     }

     .four__img--naturgy {

         margin-right: 25px;
     }

     .four__img--cfe {

         margin-left: 25px;
     }





     .five__cont {
         width: 70%;
         margin: 0 auto;
         margin-top: 20px;

     }

     .five__img--telcel {

         margin-right: 20px;
     }

     .five__img--movistar {

         margin-left: 20px;
     }




     .six__cont {
         width: 70%;
         margin: 0 auto;
         margin-top: 20px;
     }



     /* soy econonimista.html */
     .soycomisionista {
         width: 768px;
         margin: 0 auto;
     }

     .acciones {
         width: 768px;
         margin-left: auto;
         margin-right: auto;
     }

     .soycomisionista__title {
         font-size: 36px;
     }

     .soycomisionista__subtitle {
         font-size: 28px;
     }

     .accion__img {
         width: 65px;
     }

     .accion__text {
         font-size: 24px;
     }

     .accion__img--enko {
         height: 20px;
         width: 50px;
     }



     /* form1 */

     .afiliate__img {
         width: 135px;
         height: 40px;
         margin-top: 40px;
     }

     .afiliate__title {
         font-size: 45px;
         text-align: center;
     }

     .br-desk {
         display: block;
     }

     .form__aviso--desk {
         display: block;
         margin-top: 30px;
         display: flex;
         align-items: center;
         margin-bottom: 30px;
     }

     .form__aviso--mobil {
         display: none;
     }

     .br.desk {
         display: block;
     }

     .afiliate__subtitle {
         font-size: 24px;
     }

     .form__position {
         width: 380px;
     }

     .position__item {
         width: 120px;
         height: 12px;
     }

     .form__title {

         font-size: 35px;
     }

     .form__text {
         margin-top: 20px;
         font-size: 18px;
     }

     .form__text--italic {
         font-style: italic;
         margin-top: 0px;
         font-size: 18px;
     }

     .giro__text {
         font-size: 16px;
     }

     .giro__opciones {
         font-size: 24px;
     }

     .aviso__label {
         font-size: 20px;

     }

     .form__privacidad {
         font-size: 16px;
         color: #0B1D40;
     }

     .aviso__checkbox {
         width: 35px;
         height: 35px;
     }

     /* form2 */

     .afiliate2__form {
         width: 700px;
     }

     .form__title {
         font-size: 40px;
     }

     .form__text {
         font-size: 20px;
     }

     .giro__text {
         font-size: 20px;
     }

     .afiliate2__inputs {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         align-items: center;
     }

     .form__item {
         width: 48%;
     }

     .afiliate2__input {
         padding-left: 0;
     }



     .afiliate2 input {

         font-size: 24px;
     }


     /* form 3 */
     .afiliate3__form {
         width: 700px;
     }

     .afiliate3__inputs--block {
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
     }

     .form__text--desk {
         margin: 0;
         margin-left: 55%;

     }

     .afiliate3__checkboxs {
         display: flex;
     }

     .form__horario--ml {
         margin-left: 30px;
     }

     .referido__checkbox,
     .horario__checkbox {
         width: 30px;
         height: 30px;
         margin-top: 0;
         margin-bottom: 0;
     }

     .horario__label,
     .referido__label {
         font-size: 22px;

     }

     .form__horario {
         display: flex;
         align-items: flex-start;


     }

     .form__referido {
         display: flex;
         align-items: center;


     }




     .afiliate3 .form__position {
         width: 380px;
     }

     .afiliate3 .position__item {
         width: 120px;
         height: 12px;
     }






     /* gracias */
     .gracias {
         width: 700px;

     }

     .gracias__cont {
         margin-top: 50px;
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         grid-template-rows: 60px 60px 60px 80px;
         gap: 0px;
         column-gap: 15px;
         grid-template-areas:
             "title img"
             "texto-one img"
             "texto-two img"
             "button img";
     }

     .gracias__title {
         grid-area: title;
         font-size: 28px;
         align-content:start;
         margin-top: 0;
     }


     .gracias__text--one {
         grid-area: texto-one;
         font-size: 18px;
         margin-bottom:16px;
         margin: 0;
     }

     .gracias__text--two {
         grid-area: texto-two;
         font-size: 18px;
         margin: 0;
         color: #652D86;
     }


     .gracias__btn {
         grid-area: button;

         width: 200px;
         height: 50px;
         font-size: 16px;
         justify-self: center;
         align-self: end;
         margin: 0;
     }


     .gracias__img {
         grid-area: img;
         width: 350px;
         height:  100%;
         align-content: center;
         margin: 0;
     }




     .logo__whatsapp{
        
        bottom: 50px; 
        right: 50px;  
        
    }


 }


 @media screen and (min-width: 1024px) {

     /* index */
     .main {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 10px;
         grid-template-areas: "titulo img"
             "subtitulo img";
     }

     .main__title {
         grid-area: titulo;
         font-size: 46px;
         text-align: left;
         padding-left: 20px;

     }

     .main__text {
         grid-area: subtitulo;
         text-align: left;
         padding-left: 20px;
         font-size: 26px;
     }

     .main__img {
         grid-area: img;
     }

     .cerca__title {
         font-size: 40px;
     }

     .cerca__cont {
         flex-direction: column;
         height: 190px;
         align-items: center;
         padding-top: 35px;
         margin-bottom: 60px;

     }

     .cerca__img {
         width: 60px;
         width: 60px;
         margin-bottom: 10px;
     }

     .cerca__text {
         font-size: 24px;
         text-align: center;
     }

     .cerca__text--yastas {
         font-size: 26px;
     }

     .banner__img--mujer {
         width: 250px;
         height: 320px;
         position: absolute;
         top: 80px;
         left: 350px;
     }

     .identificalos__title {
         font-size: 44px;
         position: absolute;
         top: 150px;
         left: 90px;
     }
     .banner__img--info {
        width: 200px;
        height: 300px;
        position: absolute;
        top: 70px;
        right: 150px;
    }
    .desk{
        display: block;
    }


    /* soycomi */
.comisionista__grid{
    
    width: 800px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
    "comi_title comi_img"
    "comi_txt comi_img"
    "comi_btn comi_img";
    gap: 15px;
}

.comisionista__title{
grid-area: comi_title;
align-self: flex-end;
margin: 0;
text-align: left;
}
.comisionista__subtitle{
    grid-area: comi_txt;
}
.comisionista__btn{
    grid-area: comi_btn;
    width: 250px;
}
.comisionista__img{
    grid-area: comi_img;
   margin: 0;
    height: 100%;
    width: 400px;
}
    /* soycomi */
     .puntos {
         padding-top: 50px;
         display: grid;
         grid-template-columns: 1fr 1fr;
         grid-template-areas: 
         "puntos_title img"
             "puntos_txt img"
             "puntos_btn img";
         gap: 20px;
     }

     .puntos__title {
         grid-area: puntos_title;
         text-align: left;
         padding-left: 20px;

     }

     .puntos__text {
         grid-area: puntos_txt;
         text-align: left;
         padding-left: 20px;
         font-size: 24px;
     }

     .puntos__btn {
         grid-area: puntos_btn;

         margin-left: 60px;
         font-size: 26px;
     }

     .puntos__img {
         grid-area: img;
         width: 80%;
         height: 70%;
     }

     .beneficios__title {
         font-size: 40px;
     }

     .beneficio__item {
         display: flex;
         flex-direction: column;
         align-items: center;



     }

     .beneficios__cont {
         display: flex;
         justify-content: space-between;
         width: 950px;
         text-align: center;

     }
.beneficio__logo{
    width: 60px;
    height: 65px;
}
     .beneficio__text {
         margin-top: 25px;
         font-size: 26px;
     }

     .slidertexts {
         width: 50%;
     }

     .slidertexts__btn--prev {
         position: absolute;
         top: 175px;
         left: 180px;
     }

     .slidertexts__btn--next {
         position: absolute;
         top: 175px;
         right: 180px;
     }

     .slidertexts__btn img {
         width: 50px;
         height: 50px;
     }

     .quieres__text{
font-size: 22px;
     }

     .comisionista__subtitle{
        font-size: 22px;
     }
     /* soy comisionistas.html */
     .soycomisionista {

         flex-direction: row;
         width: 950px;
     }

     .soycomisionista__img {
         width: 50%;
     }

     .soycomisionistas__texts {
         display: flex;
         flex-direction: column;
         width: 50%;
         justify-content: flex-start;
         align-items: flex-start;
     }

     .soycomisionista__subtitle {
         text-align: left;
     }

     .acciones {

         width: 950px;
         display: flex;
         justify-content: space-between;
     }

     .acciones__cont {
         width: 33%;
     }

     .accion__text {
         font-size: 20px;
         color: #652D86;
     }

     .accion__text--bold {
         color: #652D86;
     }

     .accion__img {
         width: 40px;
     }

     .no-hide {
         display: block;
     }


     /* form1 */



     .afiliate__title {
         font-size: 50px;
         text-align: center;
     }




     .afiliate__subtitle {
         font-size: 28px;
     }


     .form__title {

         font-size: 38px;
     }

     .form__text {
         margin-top: 20px;
         font-size: 22px;
     }

     .form__text--italic {

         font-size: 20px;
     }

     .giro__text {
         font-size: 18px;
     }

     .giro__opciones {
         font-size: 28px;
     }

     .aviso__label {
         font-size: 20px;

     }

     .form__privacidad {
         font-size: 16px;
         color: #0B1D40;
     }

     .aviso__checkbox {
         width: 35px;
         height: 35px;
     }


     /* form2 */

     .afiliate2__form {
         width: 950px;
     }

     /* gracias */



     .gracias {
         width: 900px;

     }

     .gracias__cont {
         margin-top: 50px;
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 0px;
         column-gap: 20px;
         grid-template-areas:
             "title img"
             "texto-one img"
             "texto-two img"
             "button img";
     }

     .gracias__title {
         grid-area: title;
         font-size: 32px;
     }


     .gracias__text--one {
         grid-area: texto-one;
         font-size: 22px;
     }

     .gracias__text--two {
         grid-area: texto-two;
         font-size: 22px;
     }


     .gracias__btn {
         grid-area: button;

         width: 200px;
         height: 60px;
         font-size: 20px;
         justify-self: center;
     }


     .gracias__img {
         grid-area: img;
         width: 450px;
         height: 100%;
     }



 }