body {
    font-family: 'Arial', sans-serif;
    background: #f8f9fa; /* Colore neutro per far risaltare i dettagli natalizi */
    color: #333; /* Colore base per il testo */
}

/* Intestazione con colori natalizi e testo leggibile */
header {
    background: linear-gradient(90deg, #d90429, #ef233c); /* Rosso acceso con sfumatura */
    color: #fff; /* Testo bianco per contrasto */
    border-bottom: 5px solid #2b9348; /* Linea verde che richiama il Natale */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); /* Ombra per migliorare la leggibilità */
}

/* Stile per i titoli */
h1, h2, h3, h4, h5, h6 {
    color: #fff; /* Testi bianchi su sfondi scuri */
}

p.lead {
    font-size: 1.25rem;
    color: #fff; /* Testo bianco per mantenere leggibilità su sfondi scuri */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); /* Migliora la leggibilità */
}

/* Stile personalizzato per il footer */
footer {
    background: #2b9348; /* Verde scuro natalizio */
    color: #fff; /* Testo bianco */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); /* Migliora leggibilità */
    text-align: center;
    padding: 1rem 0;
}

/* Stile delle card */
.card {

    border: none;
    border-radius: 10px;
    background: #fff; /* Colore neutro per risaltare */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Leggera ombra */
    border-top: 3px solid #d90429;
}

/* Pulsanti con tema natalizio */
.btn-primary {
    background-color: #2b9348; /* Verde natalizio */
    border-color: #2b9348;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); /* Testo leggibile sul pulsante */
}

.btn-primary:hover {
    background-color: #d90429; /* Rosso per l'hover */
    border-color: #d90429;
}

/* Link leggibili */
a {
    color: #d90429;
    text-decoration: none;
    font-weight: bold; /* Maggiore spessore per leggibilità */
}

a:hover {
    color: #2b9348;
    text-decoration: underline;
}

/* Migliora visibilità delle liste */
ul.list-unstyled li i {
    color: #2b9348; /* Icone verdi */
}

/* Elementi natalizi opzionali */
header::after {
    /*content: "🎄✨";*/
    font-size: 1.5rem;
    margin-left: 10px;
}

footer::before {
    content: "🎅🤶";
    font-size: 1.5rem;
    margin-right: 10px;
}

/* Contrasto per sezioni su sfondo scuro */
section {
    padding: 2rem 0;
   /* background: linear-gradient(180deg, #ffffff, #f7fafc); /* Effetto di sfondo leggero e luminoso */
    border-top: 5px solid #d90429; /* Riga rossa per separare */
    border-bottom: 5px solid #2b9348; /* Riga verde per separare */
}

section.bg-dark {
    background: #2b9348; /* Verde natalizio scuro */
    color: #fff; /* Testo bianco */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); /* Migliora leggibilità */
}

.text-warning{
    color: yellow!important;
}
section.bg-green {
    background: #2b9348;
    border-top: 5px solid yellow;
    border-bottom: 5px solid yellow;
}

.star {
	position: fixed;
	pointer-events: none;
}

.star:before, .star:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '\2726';
	font-size: 9px;
}

.star:before {
	color: transparent;
	text-shadow: 0 0 3px rgb(250, 250, 174);
}

.star:after {
	background: yellow;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}