.estilos_usuario {
    display: table;
    margin: auto;
    margin-top: 3rem;
    box-shadow: 0px 0px 3px rgb(0 0 1);
    background: white;
    border: none;
    width: 30%;
    padding: 27px;


}


/* estilos from */

.estilos_usuario form input {

    display: block;
    margin-top: 25px;
    width: 94%;
    height: 45px;
    outline: none;
    border: none;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: 0px 0px 1px rgb(0 0 1);
   
}

.estilos_usuario form {

     border-top: solid 1px blue;
}

 .alinear {
  
    transform: translate(5px, 34px);
  

    font-size: 17px;
 
 }


.estilos_boton {


    background-color: blue;
    color: cornsilk;
    font-size: 17px;
    font-family: system-ui;
    font-weight: 600;

}

.estilos_usuario h3 {
    font-size: 25 px;
   
}   

.estilos_boton:hover{
    opacity: 0.8;
}

/* estilos paginador*/

.paginador ul {

    padding: 10px;
    list-style: none;
   
    margin-top: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
 justify-content: flex-end;
 
 



}

.paginador a, .pagina {
    color: rebeccapurple;
    /* border: solid 1px black; */
    padding: 5px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 35px;
    font-family: cursive;
    box-shadow: 0px 1rem 3rem rgb(0, 0, 0, .175);
    background: white;
    margin: 2px;
    border-radius: 4px;
}

.paginador a:hover {
    background: #1dccdf;
}

.pagina {
  color: black;
  background: white;
  border: solid 1px darkblue; 
  
  
 
}


.buscar {
    width: 25%;
    outline: none;
    border: none;
    border-radius: 5px;
    transform: translate(2px, 4px);
    background: #f2f4f6;
    
    
}


/* reponse buscador formularios */
@media only screen and (max-width: 992px) {
    

.buscar {
    width: 61%; 

 }

  }