body{
    margin: 1% 1% 1% 1%;
    height: 300px;
}
#formulario_login{
    height: auto;
    width: 80% !important;
    margin-top: 2%;
    margin-left: 2%;
}
#menu_utilidades{
    height: auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0;
}
#menu_utilidades li{
    background-color: #82b1ff;
    flex: 1;                /* Hace que cada botón crezca igualmente */
    margin: 0;              /* Elimina cualquier margen predeterminado */
    text-align: center;     /* Centra el texto dentro de los botones */
    box-sizing: border-box; /* Asegura que el padding no afecte el tamaño */
}
#menu_utilidades a{
    color:white;
    font-size: 1.55rem;
    flex: 1;                /* Hace que cada botón crezca igualmente */
    margin: 0;              /* Elimina cualquier margen predeterminado */
    text-align: center;     /* Centra el texto dentro de los botones */
    box-sizing: border-box; /* Asegura que el padding no afecte el tamaño */
}
#cuerpo_web{
    margin: 2% auto auto 2%;

}
thead th{
    position: sticky;
    top: 0;
    background-color: white;
}
#tabla{
    table-layout: auto;
    width: 95%;
    height: 500px;
    overflow-y: scroll;
}
table caption{
    font-size: x-large !important;
    text-align: left !important;
}