:root {
    --primary-color: #004080;
    /* Colore principale */
    --secondary-color: #f0f0f0;
    /* Colore di sfondo */
    --text-color: #333;
    /* Colore del testo */
    --button-bg-color: #004080;
    /* Colore di sfondo dei pulsanti */
    --button-text-color: #fff;
    /* Colore del testo dei pulsanti */
    --button-hover-bg-color: #003366;
    /* Colore di sfondo in hover */
    --button-hover-text-color: #fff;
    /* Colore del testo in hover */
    --header-bg-color: var(--primary-color);
    /* Colore di sfondo dell'header */
    --header-text-color: #fff;
    /* Colore del testo nell'header */
}

/* Personalizzazioni colori */
body {
    background-color: var(--secondary-color);
    color: var(--text-color);
}

header {
    background-color: var(--header-bg-color);
    color: var(--header-text-color);
}

button {
    background-color: var(--button-bg-color);
    color: var(--button-text-color);
}

button:hover {
    background-color: var(--button-hover-bg-color);
    color: var(--button-hover-text-color);
}

.offers-note {
    text-align: center;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1rem;
    color: #444;
}

.map-embed {
    text-align: center;
}

@media (max-width: 768px) {
    .map-embed>iframe {
        width: 90%;
    }
}