/* Stili Generali */
        body {
            margin: 0;
            font-family: 'Arial', sans-serif;
            color: #333;
            background-color: #333;
        }

		/* Stili per il menu a tendina della lingua */
		#language-select {
			background-color: #333; /* Colore di sfondo simile agli altri pulsanti */
			color: white; /* Colore del testo bianco */
			padding: 5px 5px; /* Spaziatura per il testo */
			border-radius: 2px; /* Angoli arrotondati */
			border: none; /* Nessun bordo */
			font-size: 0.8em; /* Stessa dimensione del testo dei pulsanti */
			cursor: pointer; /* Mostra il cursore come "pointer" per indicare che è cliccabile */
			position: absolute; /* Posizione assoluta per spostarlo a destra */
			right: 10px; /* Sposta il menu a tendina a 20px dal bordo destro */
			top: 10%; /* Allinea verticalmente al centro della barra di navigazione */
			transform: translateY(-50%); /* Centra esattamente il menu a tendina */
		}

		header {
			position: relative; /* Aggiunta posizione relativa per contenere il menu a tendina */
			margin-top: 38px;
			background-color: #333;
			color: white;
			padding: 5px;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		/* Opzione di hover per il menu a tendina */
		#language-select:hover {
			background-color: #555; /* Cambia colore quando l'utente passa sopra */
		}

        .logo {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            margin-right: 15px;
        }

        header h1 {
            margin: 0;
            font-size: 2.5em;
        }

        nav {
            background-color: #;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            display: flex;
            justify-content: center;
            gap: 15px;
            padding: 0; /* Padding top e bottom a 0 */
        }

        nav a {
            color: white;
            text-decoration: none;
            font-weight: bold;
            padding: 10px 20px;
            border-radius: 5px;
        }

        nav a:hover {
            background-color: #555;
        }

        .hero {
            text-align: center;
            padding: 150px 120px 0px;
            color: white;
            background-image: url('img/sfondo.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 60vh;
        }
		
		.section {
            padding: 50px 20px;
            text-align: center;
        }

        .section h2 {
            margin-bottom: 20px;
            color: #8CB174;
        }
		
		.services h2 {
            color: #fff;
        }
		
		.about h2 {
            color: #fff;
        } 
		
		.services p {
            color: #fff;
        } 

        .services, .about {
            background-color: #333;
        }
		
		.gallery, .contacts {
            background-color: #E8E1D6;
        }
		
		.about p {
            -- text-align: left;
        }
		
		/* Stile per la sezione "Chi Siamo" */
		.about-content {
			display: flex;
			align-items: center;
			gap: 20px; /* Spaziatura tra immagine e testo */
			max-width: 900px;
			margin: 0 auto; /* Centra il contenuto nella pagina */
			text-align: left; /* Allinea il testo a sinistra */
		}

		.about-image {
			width: 40%; /* L'immagine occupa il 40% dello spazio disponibile */
			height: auto;
			border-radius: 10px; /* Angoli arrotondati */
			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Aggiunge un'ombra per migliorare il design */
		}

		.about-content p, .services p, .contacts p{
			flex: 1; /* Il testo occupa il restante spazio disponibile */
			color: #fff;
			-- font-family: Lora;
			font-size: 16px;
			-- color: #000000;
			font-weight: normal;
			 font-style: italic;
			line-height: 1.5em;
		}       

		.contacts p, .contact-booknow p {
			color: #555;
		}       		
		
		.contact-booknow p {
			color: #555;
		}       	

		.contact-booknow h1 {
			color: #555;
		}       				

        /* Galleria */
		.galleria-imagenes {
			display: flex;
			flex-wrap: nowrap; /* Impedisce il ritorno a capo delle immagini */
			overflow: hidden; /* Nasconde le immagini fuori dalla vista */
			justify-content: space-between;
			max-width: 100%; /* Massima larghezza del contenitore */
			margin: 0 auto;
		}

		.galleria-imagenes img {
			width: 100%;
			max-width: calc(100% / 6 - 10px); /* Calcola la larghezza delle immagini per mostrare 6 per volta */
			object-fit: cover;
			border-radius: 10px;
			margin-right: 10px;
			height: auto;
			transition: transform 0.3s ease; /* Transizione per l'effetto zoom */
			cursor: pointer; /* Cambia il cursore per indicare che l'immagine è cliccabile */
		}

		/* Applicare l'effetto di ingrandimento al passaggio del mouse */
		.galleria-imagenes img:hover {
			transform: scale(1.1); /* Ingrandisce l'immagine al passaggio del mouse */
		}


		.controls {
			display: flex;
			justify-content: center;
			margin-top: 20px;
		}

		.controls button {
			background-color: #8CB174;
			color: white;
			border: none;
			padding: 10px 20px;
			cursor: pointer;
			font-size: 1em;
			border-radius: 5px;
			margin: 0 10px;
		}

		.controls button:hover {
			background-color: #7A944C;
		}

        .contacts button {
            background-color: #8CB174;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            font-size: 1em;
            cursor: pointer;
        }
		
		.contacts button:hover {
			background-color: #7A944C;
		}

        .hero button:hover {
            background-color: #7A944C;
        }
		
        .contact-info {
            text-align: center;
            max-width: 600px;
            margin: 30px auto;
        }

        .contact-info p {
            margin: 10px 0;
        }

        .map-container {
            margin-top: 40px;
        }
		
        .footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 20px 0;
        }
		
		/* Stile per le icone social */
		footer .fab {
			font-size: 24px; /* Dimensione dell'icona */
			color: #333; /* Colore dell'icona */
			transition: color 0.3s; /* Transizione per il colore */
			margin: 0 10px; /* Distanza tra le icone */
		}

		footer .fab:hover {
			color: #8CB174; /* Colore quando si passa sopra con il mouse */
		}

		.cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #333;
            color: #fff;
            padding: 15px;
            text-align: center;
            display: none; /* Nascondi inizialmente */
            z-index: 1000;
        }
        .cookie-banner button {
            background-color: #f39c12; /* Colore del pulsante */
            color: white;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            margin-left: 10px;
        }
		
		#toggle-details {
			background-color: #8CB174;
			color: white;
			border: none;
			padding: 10px 20px;
			border-radius: 5px;
			font-size: 1em;
			cursor: pointer;
			margin-top: 10px;
		}

		#toggle-details:hover {
			background-color: #7A944C;
		}