.container{
    margin-top: 4em;
}

.carpa {
/*    width: 50px;
    height: 50px;*/
    width: 3.2em;
    height: 3.2em;
    background-color: green;
    margin: 5px;
    display: inline-block;
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
}

.carpa:hover {
    transform: scale(1.2);
}

.carpa.ocupada {
    background-color: red;
}

.menu {
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 999;
    width: 16em;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.3);
}

input[type="date"] {
    width: 18em;
    height: 3em;
    font-weight: bold;
    text-align: center;
}

input[type="date"]:focus {
    border-color: blue;
}

.btn_mapa {
    background-color: #412e82;
    color: white;
    width: 10em;
    height: 2.7em;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: bold;
}

.btn_mapa:hover {
    background-color: #6d73dd;
}

.error{
    font-weight: bold;
    font-size: 3.8vh;
}

h1 {
    font-weight: bold;
}

body{
    font-family: Arial; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-attachment: fixed;
}

.btn_cerrar {
    background-color: #412e82;
    color: white;
    width: 8.5em;
    height: 2.3em;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: bold;
    margin: 1em;
}

.btn_cerrar:hover {
    background-color: #6d73dd;
}