/*LOGIN NUEVO*/

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

}

body {
    display:flex;
    align-items: center;
    justify-content: center;
    /*height: 100vh;*//*esta esto*/
    font-family: Arial, Helvetica, sans-serif;
    height: 100%; /* Asegura que el body ocupe toda la altura */
    margin: 0; /* Elimina márgenes por defecto */


    /* background: linear-gradient(27deg,#34495e 50%, #2c3e50 50%); */
/* aqui cambiamos de colores AL LOGIN */
    /*background: linear-gradient(27deg,#75aae0 50%, #0577ea 50%); */

    background: linear-gradient(27deg,#3a3f43 50%, #0577ea 50%); 
    /* background: linear-gradient(27deg,#75aae0 50%, #0577ea 50%);*/ 
    /*background: linear-gradient(27deg,#75aae0 50%, #0577ea 50%); */
   /* background: linear-gradient(27deg,#75aae0 50%, #0577ea 50%);  */
}

.form-body{
    width: 400px;
    min-width: 300px;
    border-radius: 10px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    margin: 10px;
}

.form-body img {
    width: 150px;
    display: block;
    margin: 20px 0;
}
/*colocando propiedasdes  a "a" */
.form-body a {
    display: block;
    margin: auto;
   
    width: 75%;
    padding-left: 10px;
    color:  #fff;
    
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: transparent;

}

.form-body a i{
    display: block;
    margin: auto;
   
    width: 75%;
    padding-left: 10px;
    color:  #fff;
    
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: transparent;
   
 
   /* outline:none;*/
}
.text{
    text-align: center;
    font-size: 1.5rem;
    font-weight:600 ;
    color: #fff;
    margin-bottom: 10px;

}

.form-body input{
    display: block;
    margin: auto;
    height: 40px;
    width: 75%;
    padding-left: 10px;
    color:  #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: transparent;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 1rem;
    outline:none;
}

.form-body input[type="password"]{
   margin-top: 20px;
}

::placeholder{
    font-size: 1rem;
    color: rgba(255,255,255,.596);

}

.form-body input:hover{
    transition: 5s;
   /* border:1px solid #2980b9;*/
    /*color: #2498db;*/

    border:1px solid #e9eaea;
   color: #e9eaea;

}
.form-body button{
    display: block;
    margin: auto;
    margin-top:25px;
   margin-bottom: 30px;
   height: 40px;
   width: 78%;
   background: transparent;
   color: #b9c4c6;
   border-radius: 10px;
   cursor: pointer;
   outline: none;
   transition: all .05s ease;

}
.boton {
    border: 1px solid #fff; /*anchura, estilo y color borde*/
    padding: 10px; /*espacio alrededor texto*/
    background-color: #788191; /*color botón*/
    color: #ffffff; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/
    }


.form-body button:hover{
color:#d5dbdd;
border: 2px solid #3498db;
background: linear-gradient(#34495e,#2c3e50);
}
.img{
    align-items: center;
}

.danny {
    /* color:white; */
    color:gray; 
}

/* .login-form input[type="email"],
.login-form input[type="password"] {
    color: #fff;
    background-color: #000;
} */

.login-form input[type="email"],
.login-form input[type="password"] {
    color: #fff;
    background-color: #478ced;
}

.centrado{
    /*  margin-left: auto; 
  
      margin-right: auto;*/
  
      display: table-cell;
  
  vertical-align: middle;


      }

      /* .footer {
         background-color: #222;
        padding: .5rem .8rem; 
        display: block;
        height:50px;
        line-height:50px;
       /* background-image:black;*/
       /* color:white;
        text-align:center;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
    } */
     .footer {
    background-color: #222;
    padding: .5rem .8rem; 
    height: 50px;
    line-height: 50px;
    color: white;
    text-align: center;
    position: fixed; /* Cambia a fixed */
    bottom: 0;
    left: 0;
    width: 100%;
}

    .footer span{
        /* background-color: #222;
        padding: .5rem .8rem; */
      
        /*background:black;*/
        color:white;
     
    }

    .dismunirfont{
        font-size: 0.8rem;
     
    }