@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
:root{
      --negro: #353535;
      --negro-oscuro: #000000;
      --gris: #f8f8f8;
      --gris-oscuro: #d1d1d1;
      --blanco: #ffffff;
      --rojo: #c40002;
      --colorado: #d6121c;
      --verde-claro: #83CB50;
      --verde-oscuro: #7dbc00;
      --verde-ok: #11DA45;
      --naranja: #F8871D;
      --naranja-claro: #f37006;
      --link: #3671ed;
      --azul: #344e71;
      --azul-oscuro : #002978;
      --texto: #353535;
      --amarillo-pato: #ffff00;
      --lila: #aa9cf9;
      --dorado: #D4AF37;
      --naranja: #eb4207;
     }

*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
 }

body{
     width: 100%;
     height: auto;
     background: var(--blanco);
     font-family: 'Poppins', sans-serif;
     min-height: 380px;
    }

#btn-menu{
          display: none;
         }

.icono-menu{
              width: 35px;
              height: 35px;
              padding: 2px;
              border-radius: 5px;
              background: var(--blanco);
             }

header{
       width: 100%;
       background: var(--negro-oscuro);
       position: fixed;
       border-bottom: 5px solid var(--naranja);
      }

header label{
             width: 45px;
             height: 45px;
             color: var(--blanco);
             display: none;
             padding: 12px;
            }

/*GENERALES*/
::placeholder{
              color: var(--negro);
             }

/*FIN POP UP*/



.h1-secciones{
  width: 60%;
  height: auto;
  float: left;
  padding: 5px;
  font-size: 50px;
  margin-bottom: 1%;
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 6%;
  text-align: center;
  color: var(--blanco);
  border-bottom: 2px solid var(--naranja);
  font-family: 'DynaPuff', cursive;}

h2{
   width: 100%;
   float: left;
   padding: 15px;
   font-size: 30px;
   font-weight: bold;
   color: var(--blanco);
   text-align: center;
}

h3 {
    width: 90%;
    float: left;
    padding: 15px;
    margin: auto;
    font-size: 30px;
    display: none;
    font-weight: bold;
    color: var(--blanco);
    line-height: 0.9em;
    text-align: center;
}

.h3-secciones{
              width: 80%;
              margin-left: 10%;
              margin-right: 10%;
              text-align: left;
              padding: 5px;
              display: block;
             }

.span-secciones{
                width: 80%;
                margin-left: 10%;
                margin-right: 10%;
                margin-bottom: 1%;
                text-align: justify;
                padding: 5px;
                color: var(--blanco);
               }

.span-secciones a{
  color: var(--naranja);
  text-decoration: none;
}

.span-secciones a:hover{
  color: var(--naranja-claro);
  transition: 0.5s;
}

.global-seccion{
                min-height: 800px;
                background: var(--negro-oscuro);
               }

.line-shape{
            width: 20%;
            margin-left: 40%;
            margin-right: 40%;
            height: 2px;
            float: left;
            background-color: #ff4d5e;
            margin-top: 15px;
            margin-bottom: 15px;
           }

.link{
      text-decoration: none;
      color: var(--link);
      font-weight: bold;
      font-size: 13px;
     }

.link-dark{
           text-decoration: none;
           color: var(--naranja-claro);
           font-weight: bold;
           font-size: 13px;
          }

/*FIN GENERALES*/
.logo{
      width: 80px;
      margin-left: 100px;
      margin-top: 5px;
      float: left;
      padding: 5px;
     }

.menu ul{
         margin: 0;
         list-style: none;
         padding: 0;
         display: flex;
         justify-content: flex-end;
         margin-top: 10px;
         margin-right: 10px;
        }


.menu li a{
  width: 100%;
display: block;
padding: 15px 20px;
color: var(--blanco);
text-decoration: none;
font-weight: bold;
float: left;
background: var(--negro-oscuro);
/* display: flex; */
justify-content: flex-end;

          }

.menu li a:hover{
                 color: var(--link);
                }

.menu li a img{
  width: 20px;
  height: 20px;
  padding: 2px;
  float: left;
  margin-right: 5px;
  border-radius: 5px;
  background: var(--blanco);
}

.logo-whatsapp{
               width: 15px;
               height: 15px;
               float: none;
              }

/*INDEX*/
.parallax.image-1 {
    background-image: url(../img/fondo.png);
    position: static;
}

.bloque.parallax {
    width: 100%;
    height: 900px;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    border-bottom: 5px solid var(--naranja);
}


.container-parallax {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    float: left;
    background-color: rgba(0, 0, 0, 0.1);
    font-family: 'Abhaya Libre',Georgia,"Times New Roman",serif;
}

.fondo{
       color: var(--blanco);
       font-size: 16px;
       min-height: 60em;
       background:url("../img/fondo.png");
       background-position: center center;
       background-size: cover;
       margin-bottom: 3.12em;
       display: flex;
       align-items: end;
      }

.container{
           width: 100%;
           margin: auto;
           display: flex;
           flex-wrap: wrap;
           float: left;
             background: linear-gradient(to bottom, #7141e7, var(--rojo));
          }


.contenedor-activacion{
  width: 100%;
  height: auto;
  min-height: 1000px;
  float: left;
    background: linear-gradient(to bottom, #7141e7, var(--rojo));
}



.container-fondo{
                 width: 100%;
                 margin: auto;
                 display: flex;
                 flex-wrap: wrap;
                 float: left;
                 margin-top: 5em;
                 padding: 100px;
                }

.container-pc{
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  float: left;
  background: var(--negro-oscuro);
}

.container-pc h1{
  width: 45%;
  height: auto;
  float: left;
  padding: 5px;
  font-size: 50px;
  margin-bottom: 1%;
  margin-top: 2.5%;
  text-align: left;
  margin-left: 5%;
  color: var(--naranja);
  font-family: 'DynaPuff', cursive;
}

.container-pc h2{
  width: 45%;
  height: auto;
  float: left;
  margin-right: 5%;
  padding: 5px;
  font-size: 50px;
  margin-bottom: 1%;
  margin-top: 2.5%;
  text-align: center;
  color: var(--naranja);
  font-family: 'DynaPuff', cursive;
}

.container-movil{
  display: none;
}

p.texto-pyches{
  width: 45%;
  margin-left: 5%;
  float: left;
  margin-bottom: 5%;
  text-align: justify;
  font-size: 20px;
    color: var(--blanco);
}

.texto-suscribete{
                  width: 50%;
                  float: left;
                 }

.texto-suscribete p{
                    font-size: 45px;
                    margin-left: 10%;
                    margin-top: 5%;
                    font-family: 'DynaPuff', cursive;
                    color: var(--blanco);
                   }

.boton-suscribirse{
                   width: 50%;
                   float: left;
                  }

.boton-suscribirse a{
  width: 50%;
margin-left: 20%;
margin-right: 30%;
padding: 20px;
font-size: 25px;
float: left;
text-decoration: none;
background: var(--naranja);
color: var(--blanco);
font-weight: bold;
border-radius: 40px;
text-align: center;
                    }

.boton-suscribirse a:hover{
  cursor: pointer;
  background-color: var(--naranja-claro);
  transition: 1s;
}

.container .combos{
                   width: 28.3%;
                   height: auto;
                   float: left;
                   margin-top: 5%;
                   margin-bottom: 5%;
                   margin-left: 2.5%;
                   margin-right: 2.5%;
                   border-radius: 16px;
                   border: 1px solid var(--gris-oscuro);
                   background: var(--gris);
                  }

.container .combos h2{
  width: 100%;
  float: left;
  font-size: 25px;
  font-weight: bold;
  color: var(--blanco);
  background: var(--naranja);
  text-align: center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.container .combos p{
                     width: 100%;
                     float: left;
                     min-height: 100px;
                     margin: 0 auto;
                     font-size: 20px;
                     text-align: center;
                     display: flex;
                     align-items: center;
                     background: var(--negro-oscuro);
                     color: var(--blanco);
                     border-bottom-left-radius: 16px;
                     border-bottom-right-radius: 16px;
                    }

/*FIN INDEX*/

/*LOGIN*/
.fondo-login{
             width: 100%;
             height: auto;
             font-size: 16px;
             min-height: 50em;
             background: url("../img/login.png");
             background-position: center center;
             background-size: cover;
            }

.formulario-login{
                  width: 35%;
                  height: auto;
                  margin-left: 10%;
                  margin-right: 5%;
                  padding: 15px;
                  float: left;
                  margin-top: 10%;
                  background: var(--blanco);
                  border-radius: 16px;
                  border: 1px solid var(--gris);
                 }

.formulario-login h1{
  width: 100%;
    height: auto;
    float: left;
    padding: 5px;
    margin-left: 0%;
    font-size: 30px;
    margin-bottom: 1%;
    margin-top: 2.5%;
    text-align: center;
    color: var(--negro);
    font-family: 'Rubik', sans-serif;
}

.formulario-login img{
                      width: 20px;
                      height: auto;
                      filter: invert(100%);
                     }

.formulario-login .casilla{
                            width: 90%;
                            float: left;
                            margin-left: 5%;
                            margin-right: 5%;
                            margin-top: 2%;
                            border-radius: 5px;
                            border: 1px solid var(--gris-oscuro);
                          }

.formulario-login label{
                        width: auto;
                        height: auto;
                        float: left;
                        padding: 12px;
                        text-align: center;
                        background: var(--naranja);
                        color: var(--blanco);
                       }

.formulario-login input{
                        width: 85%;
                        height: auto;
                        float: left;
                        margin-left: 0%;
                        margin-right:0%;
                        padding: 14px;
                        border: none;
                        outline: none;
                        background: none;
                        color: var(--negro);
                       }

.formulario-login input[type=submit]{
                                     width: 80%;
                                     margin-left: 10%;
                                     margin-right: 10%;
                                     border: none;
                                     background: var(--naranja);
                                     color: var(--blanco);
                                     font-size: 18px;
                                     margin-bottom: 3%;
                                     margin-top: 2%;
                                     border-radius: 5px;
                                    }

.formulario-login input[type=submit]:hover{
                                           cursor: pointer;
                                           background: var(--naranja-claro);
                                          }


.mostrar-password{
                  width: 80%;
                  margin-left: 10%;
                  margin-right: 10%;
                  margin-top: 1%;
                  padding: 10px;
                  display: flex;
                  align-items: center;      /* Centra verticalmente el contenido */
                  justify-content: center;  /* Centra horizontalmente el contenido */
                  cursor: pointer;
                  border-radius: 5px;
                  float: left;
                 }

.mostrar-password img{
                      width: 24px;
                      height: 24px;
                      margin-right: 8px; /* Espacio entre el ícono y el texto */
                      filter: invert(100%); /* Para que el ícono sea blanco */
                     }

.verde{
       background-color: green;
      }

.rojo{
      background-color: red;
     }

.mostrar-password span{
                       color: white;
                       font-weight: bold;
                      }


.formulario-login p{
                    width: 100%;
                    height: auto;
                    float: left;
                    margin-left: 0%;
                    margin-right: 0%;
                    margin-bottom: 2.5%;
                    font-size: 13px;
                    color: var(--negro);
                    text-align: center;
                   }



/*FIN LOGIN*/

/*REGISTRO*/
.fondo-registro{
             width: 100%;
             height: auto;
             font-size: 16px;
             min-height: 50em;
             background: url("../img/fondo-registro.png");
             background-position: center center;
             background-size: cover;
            }

.formulario-registro{
                      width: 40%;
                      margin-left: 30%;
                      margin-right: 30%;
                      margin-top: 10%;
                      margin-bottom: 2%;
                      float: left;
                      padding: 10px;
                      background: var(--blanco);
                      border-radius: 5px;
                      border: 1px solid var(--gris-oscuro);
                    }


.formulario-registro h1{
                        width: 100%;
                        padding: 5px;
                        font-size: 30px;
                        margin-bottom: 1%;
                        margin-top: 2.5%;
                        text-align: center;
                        color: var(--negro);
                        font-family: 'Rubik', sans-serif;
                        display: flex;
                        justify-content: center;  /* Centra el contenido horizontalmente */
                        align-items: center;       /* Centra el contenido verticalmente */
                       }

.formulario-registro h1 img{
                            width: 25px;
                            height: 25px;
                            margin-right: 5px; /* Espacio entre el ícono y el texto */
                           }

.formulario-registro .icono-registro{
                                     width: 90%;
                                     float: left;
                                     margin-left: 5%;
                                     margin-right: 5%;
                                     margin-top: 2%;
                                     border-radius: 5px;
                                     border: 1px solid var(--gris-oscuro);
                                    }

.formulario-registro label{
                           width: auto;
                           height: auto;
                           float: left;
                           padding: 12px;
                           text-align: center;
                           background: var(--naranja);
                           color: var(--blanco);
                          }

.icono-registro img{
                    width: 25px;
                    height: 25px;
                    float: left;
                    filter: invert(100%);
                   }

.formulario-registro input{
                           width: 85%;
                           height: auto;
                           float: left;
                           padding: 17px;
                           border: none;
                           outline: none;
                           background: none;
                           color: var(--negro);
                          }

.aceptar-terminosycondiciones{
                              width: 100%;
                              float: left;
                              text-align: left;
                              margin-top: 2%;
                              padding: 5px;
                             }

input.check{
            width: auto;
            margin-left: 10%;
            margin-top: 4px;
            float: left;
           }

.icono-registro p{
                  width: 80%;
                  margin-left: 0%;
                  margin-right: 10%;
                  font-size: 12px;
                  padding: 5px;
                 }

.formulario-registro select{
                            width: 80%;
                            height: auto;
                            float: right;
                            margin-left: 0%;
                            margin-right: 20%;
                            margin-top: 1%;
                            padding: 10px;
                            border: none;
                            outline: none;
                            background: none;
                            color: var(--negro);
                           }

.formulario-registro .boton-registro{
                                     width: 80%;
                                     margin-left: 10%;
                                     margin-right: 10%;
                                     border: none;
                                     background: var(--naranja);
                                     color: var(--blanco);
                                     font-size: 18px;
                                     margin-top: 5%;
                                     margin-bottom: 5%;
                                     border-radius: 5px;
                                    }

.formulario-registro .boton-registro:hover{
                                           cursor: pointer;
                                           background: var(--naranja-claro);
                                          }

.formulario-registro p{
                       width: 90%;
                       font-size: 12px;
                       margin-left: 5%;
                       text-align: center;
                      }



                      .icono-registro img {
                          width: 25px;
                          height: 25px;
                      }


                      .mostrar-password1 {
                          padding: 10px;
                          display: flex;
                          align-items: center;
                          justify-content: center;
                          cursor: pointer;
                          border-radius: 5px;
                          width: 80%;
                          margin-left: 10%;
                          margin-right: 10%;
                          margin-top: 1%;
                          float: left;
                      }

                      .mostrar-password1 img {
                          width: 24px;
                          height: 24px;
                          margin-right: 8px;
                          filter: invert(100%); /* Para que el ícono sea blanco */
                      }

                      .mostrar-password1 span {
                          color: white;
                          font-weight: bold;
                      }

                      .verde {
                          background-color: green;
                      }

                      .rojo {
                          background-color: red;
                      }

/*FIN REGISTRO*/

/*RECUPERA PASS*/
.formulario-recuperar_pass{
                           width: 40%;
                           height: auto;
                           float: left;
                           margin-left: 30%;
                           margin-right: 30%;
                           padding: 10px;
                           margin-top: 20%;
                           margin-bottom: 25%;
                           border-radius: 16px;
                           background: linear-gradient(to bottom, var(--gris-oscuro), white);
                          }

.formulario-recuperar_pass p{
  width: 100%;
  text-align: center;
}

.formulario-recuperar_pass h3{
  text-align: center;
  padding: 15px;
}

.formulario-recuperar_pass label{
                                 width: 60%;
                                 height: auto;
                                 float: left;
                                 margin-left: 20%;
                                 margin-right: 20%;
                                 margin-top: 3%;
                                 padding: 5px;
                                 border-top-left-radius: 5px;
                                 border-top-right-radius: 5px;
                                 text-align: center;
                                 background: var(--naranja-claro);
                                 color: var(--blanco);
                                }


.formulario-recuperar_pass input{
                                 width: 60%;
                                 height: auto;
                                 float: right;
                                 margin-left: 0%;
                                 margin-right: 20%;
                                 padding: 10px;
                                 border:none;
                                 outline: none;
                                 background: var(--blanco);
                                }



.formulario-recuperar_pass .boton-registro{
                                           width: 60%;
                                           height: auto;
                                           float: left;
                                           margin-left: 20%;
                                           margin-right: 20%;
                                           margin-bottom: 1%;
                                           padding: 15px;
                                           font-size: 15px;
                                           margin-top: 5%;
                                           font-weight: bold;
                                           text-align: center;
                                           background: var(--naranja);
                                           color: var(--blanco);
                                           border-radius: 5px;
                                          }

.formulario-recuperar_pass .boton-registro:hover{
                                                 cursor: pointer;
                                                 background: var(--naranja-claro);
                                                 transition: 1s;
                                                }

/*MENSAJES*/
.mensaje-exitoso{
  width: 80%;
      margin-left: 10%;
      margin-right: 10%;
      padding: 10px;
      margin-top: 20%;
      color: var(--blanco);
      margin-bottom: 0%;
      background: var(--verde-oscuro);
      float: left;
                }

.mensaje-exitoso p{
  width: 100%;
text-align: center;
float: left;
                  }

.mensaje-advertencia{
                     width: 80%;
                     margin-left: 10%;
                     margin-right: 10%;
                     margin-top: 20%;
                     margin-bottom: 25%;
                     text-align: center;
                     background: var(--gris);
                     padding: 15px;
                     border-radius: 5px;
                    }

.mensaje-advertencia img{
                          width: 25px;
                          height: 25px;
                        }

/*ERRORES 404-500*/
.error404{
  width: 100%;
  float: left;
  text-align: center;
}

.error404 h1{
  width: 100%;
  height: auto;
  float: left;
  padding: 5px;
  font-size: 50px;
  margin-top: 10%;
  text-align: center;
  color: var(--naranja);
  font-family: 'DynaPuff', cursive;
}

.logo404{
         width: 15%;
         height:auto;
         margin-left: 25%;
         margin-right: 25%;
         margin-top: 25px;
         margin-bottom: 25px;
        }

p.error-404{
  width: 100%;
  text-align: center;
  color:var(--amarillo-pato);
}
/*FIN ERRORES 404-500*/

/*FOOTER*/
footer{
       width: 100%;
       height: auto;
       float: left;
       display: block;
       bottom: 0;
       min-height: 5em;
       padding: 10px;
       background: var(--negro-oscuro);
       border-top: 5px solid var(--naranja);
      }

footer .suscribete{
                   width: 100%;
                   height: auto;
                   float: left;
                   padding: 15px;
                   background: var(--gris-oscuro);
                  }

footer .suscribete span{
                        width: 50%;
                        height: auto;
                        float: left;
                        text-align: right;
                        font-weight: bold;
                        font-size: 20px;
                        padding: 18px;
                        }

footer .suscribete form{
                        width: 50%;
                        height: auto;
                        float: left;
                        padding: 5px;
                       }

footer .footer{
               width: 90%;
               margin-left: 5%;
               margin-right: 5%;
               height: auto;
               float: left;
               padding: 10px;
               text-align: left;
              }

footer .footer nav{
                   width: 25%;
                   height: auto;
                   float: left;
                   padding: 10px;
                   text-align: left;
                  }

footer nav span{
                width: 80%;
                height: auto;
                float: left;
                padding: 5px;
                color: var(--blanco);
                font-weight: bold;
                text-align: left;
                border-bottom: 1px solid var(--blanco);
               }

footer nav a{
             width: 100%;
             color: var(--blanco);
             text-decoration: none;
             margin-right: 10px;
             line-height: normal;
             font-size: 11px;
             font-weight: bold;
             float: left;
             padding: 5px;
             text-align: left;
            }

footer nav a:hover{
                   color: var(--link);
                   cursor: pointer;
                  }

footer nav a img{
                 width: 15px;
                 height: 15px;
                 margin-right: 5px;
                 filter: invert(100%);
                 float: left;
                }

footer nav p{
             width: 80%;
             color: var(--negro);
             text-decoration: none;
             margin-right: 10px;
             line-height: normal;
             font-size: 13px;
             font-weight: bold;
             float: left;
             padding: 5px;
             text-align: left;
            }

footer .copy{
             width: 100%;
             height: auto;
             float: left;
             text-align: center;
             padding: 10px;
             font-size: 12px;
             font-weight: bold;
             color: var(--blanco);
             border-top: 1px solid var(--naranja);
            }










.whatsapp img{
              width: 40px;
              height:auto;
              float: left;
              display: inline-block;
              font-size:13px;
              cursor:pointer;
              position: fixed;
              border-radius: 80px;
              bottom:10px;
              right:5px;
              color: var(--verde-ok);
             }

.ir-arriba{
           width: 25px;
           float: left;
	         display: inline-block;
	         padding:5px;
	         font-size:15px;
	         color:#fff;
	         cursor:pointer;
	         position: fixed;
           border-radius: 80px;
	         bottom:60px;
	         right:10px;
           color: var(--blanco);
           background: var(--blanco);
           border: 1px solid var(--naranja);
          }

.ir-arriba img{
             width: 15px;
             height: 15px;
             float: left;
            }

.login-google{
              width: 60%;
              margin-left: 20%;
              margin-right: 20%;
              margin-bottom: 5%;
              text-align: center;
              float: left;
              border: 1px solid var(--negro);
              background: var(--gris);
             }

.login-google:hover{
                    background: var(--gris-oscuro);
                    transition: 1s;
                   }

.login-google img{
  width: 10%;
  font-size: 10px;
  color: var(--negro);
  background: var(--blanco);
  margin: 0 auto;
  float: left;
  padding: 5px;
}

.login-google a{
  width: 85%;
  text-decoration: none;
  font-size: 12px;
  padding: 3px;
  margin-top: 4px;
  float: left;
  color: var(--negro);
  font-weight: bold;
}

/*POP UP*/
.popup{
       width: 100%;
       height: 100%;
       background: rgba(0,0,0,0.5);
       position: fixed;
       display: block;
       float: left;
      }

.popup .banner-pop{
                   width: 40%;
                   height: auto;
                   margin-bottom: 45%;
                   margin-left: 30%;
                   float: left;
                   border-radius: 16px;
                   margin-top: 5%;
                   border: 1px solid var(--negro);
                   justify-content: center;
                   align-items: center;
                   text-align: center;
                  }

.popup .banner-pop img{
                       width: 100%;
                       height: auto;
                       float: left;
                       justify-content: center;
                       align-items: center;
                       text-align: center;
                      }


.popup .close-aviso{
                    width: 100%;
                    height: auto;
                    float: left;
                    background: var(--rojo);
                    color: var(--blanco);
                    text-decoration: none;
                    font-size: 18px;
                    font-weight: bold;
                    padding: 10px;
                    border: 1px solid var(--azul);
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                   }

.popup .close-aviso:hover{
                          background: var(--colorado);
                         }

.popup .close-aviso img{
                        width: 30px;
                       }

#cerrar-aviso:target{
                     display: none;
                     margin-top: -100;
                    }
/*FIN POP UP*/


/*SCROLL*/
body::-webkit-scrollbar{
                                              width: 10px;
                                              background: #353535;
                                              border-radius: 10px;
                                             }

body::-webkit-scrollbar-thumb{
                                                    background: #fe4918;
                                                    border-radius: 10px;
                                                    border-right: 2px solid #fe4918;
                                                   }


                                                   .h-captcha{
                                                     width: 100%;
                                                     float: left;
                                                     display: flex;
                                                     justify-content: center;
                                                     margin-top: 2.5%;
                                                   }

                                                   @media (max-width:1500px){
                                                   .bloque.parallax{
                                                     height: 900px;
                                                     background-position: 50% 0%;
                                                   }

                                                   }

                                                   @media (max-width:1200px){
                                                   .formulario-login{
                                                     width: 60%;
                                                     margin-left: 20%;
                                                     margin-right: 10%;
                                                     margin-top: 20%;
                                                   }




                                                   .login-google{
                                                     width: 60%;
                                                     margin-left: 20%;
                                                     margin-right: 20%;
                                                   }

                                                   .login-google a {
   width: 85%;
   text-decoration: none;
   font-size: 12px;
   padding: 3px;
   float: left;
   margin-top: 2px;
}

                                                   .login-google img {

                                                     font-size: 15px;
                                                     color: var(--negro);
                                                     background: var(--blanco);
                                                     margin: 0 auto;
                                                     float: left;
                                                     padding: 5px;
                                                   }

                                                   .bloque.parallax{
                                                     height: 700px;
                                                   }

                                                   }




                                                   /*FIN PAGINA PLATAFORMAS*/
                                                   @media (max-width:800px){
                                                   .formulario-recuperar_pass{
                                                     width: 95%;
                                                     margin-left: 2.5%;
                                                     margin-right: 2.5%;
                                                     float: left;
                                                   }

                                                   header label{
                                                                width: 5%;
                                                                display: block;
                                                                padding: 10px;
                                                                font-size: 20px;
                                                                float: left;
                                                               }

                                                   header label:hover{
                                                                      cursor: pointer;
                                                                     }

                                                   .menu{
                                                         width: 100%;
                                                         position: absolute;
                                                         background: var(--negro);
                                                         margin-left: -100%;
                                                         transition: all 0.5s;
                                                        }

                                                   .logo{
                                                         width: 50px;
                                                         margin-right: 5%;
                                                         margin-top: 0px;
                                                         float: right;
                                                         padding: 5px;
                                                        }

                                                   .menu ul{
                                                            flex-direction: column;
                                                            border-bottom: 1px solid var(--gris-oscuro);
                                                            margin-right: 0px;
                                                            margin-top: 0px;
                                                           }

                                                   .menu li{
                                                            border-top:1px solid var(--gris-oscuro);
                                                           }

                                                   #btn-menu:checked ~ .menu{
                                                                             margin: 0;
                                                                             margin-top: 10%;
                                                                            }

                                                   .fondo{
                                                          min-height: 0;
                                                         }

                                                   .bloque.parallax{
                                                     width: 100%;
                                                       height: 300px;
                                                   background-position: 100% 100%;
                                                   background-repeat: no-repeat;
                                                   background-size: contain;
                                                   /* background-attachment: fixed; */
                                                   display: flex;
                                                   border-bottom: 5px solid var(--naranja);

                                                         float: left;
                                                   }

                                                   h1{
                                                      width: 100%;
                                                      margin-left: 0%;
                                                      margin-right: 0%;
                                                      text-align: center;
                                                      font-size: 30px;
                                                      color: var(--naranja);
                                                      }

                                                   .container{
                                                     border-top: 5px solid var(--naranja);
                                                   }

                                                   .container-pc{
                                                     display: none;
                                                   }

                                                   .container-movil{
                                                     width: 100%;
                                                     margin: auto;
                                                     display: flex;
                                                     flex-wrap: wrap;
                                                     float: left;
                                                     background: var(--negro-oscuro);
                                                   }

                                                   p.texto-pyches{
                                                     width: 90%;
                                                     margin-left: 5%;
                                                     margin-right: 5%;
                                                     text-align: center;
                                                     font-size: 15px;
                                                   }

                                                   .container p{
                                                                font-size: 12px;
                                                               }

                                                   .texto-suscribete{
                                                                     width: 100%;
                                                                    }

                                                   .texto-suscribete p{
                                                                       width: 100%;
                                                                       font-size: 25px;
                                                                       text-align: left;
                                                                      }

                                                   .boton-suscribirse{
                                                                      width: 100%;
                                                                     }

                                                   .boton-suscribirse a{
                                                                        width: 80%;
                                                                        margin-left: 10%;
                                                                        margin-right: 10%;
                                                                        margin-bottom: 5%;
                                                                        text-align: center;
                                                                        font-size: 20px;
                                                                        padding: 10px;
                                                                       }

                                                   .container .combos h2{
                                                     font-size: 18px;
                                                     padding: 5px;
                                                   }

                                                   .container .combos{
                                                                      width: 29%;
                                                                      margin-left: 2%;
                                                                      margin-right: 2%;
                                                                     }

                                                   .formulario-login{
                                                                     width: 80%;
                                                                     margin-left: 10%;
                                                                     margin-right: 10%;
                                                                     margin-top: 15%;
                                                                    }

                                                   .formulario-registro{
                                                                        width: 80%;
                                                                        margin-left: 10%;
                                                                        margin-right: 10%;
                                                                        margin-top: 15%;
                                                                       }

                                                   footer .footer{
                                                     width: 100%;
                                                     margin-left: 0%;
                                                     margin-right: 0%;
                                                   }

                                                   footer .footer nav{
                                                                      width: 50%;
                                                                      margin-left: 0%;
                                                                      margin-right: 0%;
                                                                     }



                                                   .formulario-registro .icono-registro{
                                                     width: 100%;
                                                     margin-left: 0%;
                                                     margin-right: 0%;
                                                   }

                                                           .formulario-registro i.fas.fa-eye{
                                                             width: 10%;
                                                         height: 42px;
                                                         padding: 10px;
                                                           }

                                                           /*MENSAJES*/
                                                           .mensaje-exitoso{
                                                             width: 80%;
                                                                 margin-left: 10%;
                                                                 margin-right: 10%;
                                                                 padding: 10px;
                                                                 margin-top: 50%;
                                                                 color: var(--blanco);
                                                                 margin-bottom: 0%;
                                                                 background: #9edb25;
                                                                 float: left;
                                                                           }



                                                           .mensaje-advertencia{
                                                                                width: 80%;
                                                                                margin-left: 10%;
                                                                                margin-right: 10%;
                                                                                margin-top: 50%;
                                                                                margin-bottom: 25%;
                                                                                text-align: center;
                                                                                background: var(--gris);
                                                                                padding: 15px;
                                                                                border-radius: 5px;
                                                                               }

                                                   }



                                                   @media (max-width:780px){

                                                     .popup .banner-pop{
                                                                        width: 100%;
                                                                        height: auto;
                                                                        margin-top: 5%;
                                                                        margin-bottom: 0%;
                                                                        margin-left: 0%;
                                                                        float: left;
                                                                        border-radius: 16px;
                                                                        border: 0px;
                                                                        justify-content: center;
                                                                        align-items: center;
                                                                        text-align: center;
                                                                       }

                                                   .h1-secciones{
                                                     width: 90%;
                                                     margin-left: 5%;
                                                     margin-right: 5%;
                                                     font-size: 20px;
                                                     margin-top: 25%;
                                                   }


                                                   .container .combos p{
                                                     min-height: 80px;
                                                     font-size: 15px;
                                                   }





                                                                         }

                                                   @media (max-width:580px){
                                                   .container .combos{
                                                     width: 90%;
                                                     margin-left: 10%;
                                                     margin-right: 10%;
                                                   }

                                                     .formulario-login{
                                                       width: 90%;
                                                       margin-left: 5%;
                                                       margin-right: 5%;
                                                       margin-top: 25%;
                                                     }

                                                     .formulario-registro{
                                                       width: 90%;
                                                       margin-left: 5%;
                                                       margin-right: 5%;
                                                       margin-top: 25%;
                                                     }

                                                     .login-google{
                                                       width: 80%;
                                                       margin-left: 10%;
                                                       margin-right: 10%;
                                                     }

                                                     .login-google img{
                                                       width: 10%;
                                                       padding: 0px;
                                                     }


                                                     .login-google a{
                                                       font-size: 12px;
                                                       padding: 3px;
                                                     }


}
                                                   @media (max-width:480px){
                                                   #btn-menu:checked ~ .menu{
                                                                             margin-top: 13%;
                                                                           }



                                                   }


/**********************************************************************************************************************************/
/******//******//******/            /******//******//******/       /******//******//******/         /******//******//******/
/******//******//******/            /******//******//******/      /******//******//******/           /******//******//******/
/******/         /******/          /******/         /******/       /******/       /******/           /******/        /******/
/******/         /******/          /******/         /******/        /******//******//******/         /******/        /******/
/******/          /******/         /******//******//******/        /******//******//******/          /******/        /******/
/******/         /******/          /******//******//******/        /******/        /******/          /******/        /******/
/******/         /******/          /******/         /******/        /******//******//******/          /******//******//******/
/******/         /******/          /******/         /******/        /******//******//******/           /******//******//******/
/******//******//******//******//******//******//******//******//******//******//******//******//******//******//******//******/
/**********************************************************************************************************************************/