*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: 'Nunito', sans-serif;
    background: rgb(217, 226, 236);;
}
h1{
    text-align: center;
    padding: 20px;
    font-size: 40px;
    color: rgb(56, 56, 56);
}
#fecha{
    text-align: center;
    color: rgb(148, 148,148);
    font-weight: normal;
    font-size: 30;
}
.conteiner{
    width: 500px;
    background: white;
    padding: 20px;
    margin: auto;
    margin-top: 20px;
}
.acceso{
    color: rgba(0, 89, 255);
}
.dni{
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
}
input{
    width: 100%;
    padding: 30px;
    outline: none;
}
.botones { 
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columnas */
    grid-template-rows: repeat(2, 1fr);    /* 2 filas */
    gap: 0; /* sin espacio entre botones */
    margin-top: 10px;
}

.botones button {
    width: 98%;
    height: 50px;          /* 🔽 Altura reducida */
    font-size: 14px;       /* 🔽 Tamaño de fuente reducido */
    font-weight: bold;
    border: none;
    color: white;
    cursor: pointer;
}

/* Colores individuales por clase */
.entrada {
    background: blue;
}

.salida {
    background: red;
}

.entrada_almuerzo {
    background: orange;
}

.salida_almuerzo {
    background: green;
}