.dropdownDisplay:focus + .dropdown,
.dropdown:hover {
    display: flex;
}

.dropdown {
    display: none;
    flex-direction: column;
    position: absolute;
    left: 1px;
    background: white;
    gap: 5px;
    border: 1px solid black;
}

.dropdown label {
    padding: 5px 10px;
}

.dropdown label:hover {
    background-color: var(--azul);
    color: white;
}

body {
    background-color: var(--bege);
}

header button {
    padding: 10px;
    color: black;
    text-align: center;
}

header button:hover,
header button:focus-within {
    background-color: var(--azul);
    color: white;
}