/* Stile per le schede degli eventi nella Home */
		body { font-family: Verdana, sans-serif; text-align: center; background: #f4f4f4; margin: 0; padding: 0; }

        .info-section { padding: 40px 20px; background: white; margin-bottom: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
        .info-section h1 { margin: 0; color: #333; }
        .info-section h2 { font-size: 1.1rem; color: #666; font-weight: normal; margin-top: 10px; }



		.event-card {
			background: white;
			border: 1px solid #ddd;
			border-radius: 12px;
			padding: 40px 20px;
			width: 300px;
			text-decoration: none; /* Rimuove la sottolineatura blu/viola */
			color: #333;
			text-align: center;
			box-shadow: 0 4px 10px rgba(0,0,0,0.05);
			transition: all 0.3s ease;
		}

		.event-card:hover {
			transform: translateY(-5px);
			border-color: #0070ba;
			box-shadow: 0 8px 20px rgba(0,0,0,0.1);
		}

		.event-card h2 {
			font-size: 1.4rem;
			margin-bottom: 10px;
			color: #222;
		}

		.event-card span {
			color: #0070ba;
			font-weight: bold;
		}

        footer { padding: 40px; color: #888; font-size: 0.9rem; }

        /* Media Query per Tablet e Cellulari */
        @media screen and (max-width: 768px) {
            .container { padding: 15px; gap: 15px; }
            .card { 
                width: 100%; /* Una card per fila su mobile */
                flex: 0 0 100%; 
                flex-direction: row; /* Opzionale: scudetto a sinistra e testo a destra su mobile */
                justify-content: flex-start;
                padding: 15px;
            }
            .card img { width: 60px; height: 60px; margin-left: 20px; }
            .card h3 { padding: 0 0 0 20px; }
        }

		footer { 
		padding: 40px; 
		color: #888; 
		font-size: 0.9rem; 
		}

		.footer-link {
			color: #555; /* Un grigio più scuro del resto del testo */
			text-decoration: none; /* Rimuove la sottolineatura */
			font-weight: bold;
			transition: 0.3s;
		}

		.footer-link:hover {
			color: #007bff; /* Cambia colore quando ci passi sopra col mouse */
			text-decoration: underline;
		}

		.footer-note {
			max-width: 800px;
			margin: 40px auto 20px;
			padding: 20px;
			border-top: 1px solid #ddd;
			font-size: 0.85rem;
			color: #777;
			line-height: 1.5;
			text-align: justify;
		}

		.footer-note b {
			color: #444;
		}

		.btn-paypal {
		display: flex;
		align-items: center;
		background-color: #0070ba;
		color: white;
		padding: 10px 24px;
		border: none;
		border-radius: 6px;
		font-weight: bold;
		font-size: 16px;
		cursor: pointer;
		transition: transform 0.2s, background 0.3s;
		}

		.btn-paypal:hover {
			background-color: #005ea6;
			transform: scale(1.03); /* Un leggero ingrandimento al passaggio del mouse */
		}

		.btn-paypal svg {
			flex-shrink: 0; /* Impedisce all'icona di restringersi */
		}
		
		/* Contenitore principale degli eventi */
		.events-container {
			display: flex;
			justify-content: center;
			gap: 30px;
			padding: 40px 20px;
			flex-wrap: wrap; /* Importante per i cellulari */
		}

		/* Stile base della Card (simile alle tue contrade) */
		.event-card {
			background: white;
			border-radius: 12px;
			padding: 35px 25px;
			min-width: 400px; /* Larghezza minima per tenere il testo su una riga */
			text-decoration: none;
			color: #333;
			box-shadow: 0 4px 15px rgba(0,0,0,0.08);
			transition: all 0.3s ease;
			border-top: 6px solid #ccc; /* Bordo di default */
		}

		/* Colori specifici per distinguere gli album */
		.card-carnevale { border-top-color: #e63946; } /* Rosso Carnevale */
		.card-palio { border-top-color: #0070ba; }     /* Blu PayPal/Palio */

		.event-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 12px 25px rgba(0,0,0,0.15);
		}

		/* Titolo forzato su una riga */
		.event-card h2 {
			font-size: 1.5rem;
			margin: 0 0 10px 0;
			white-space: nowrap; /* ECCO LA SOLUZIONE: il testo non va a capo */
			overflow: hidden;
			text-overflow: ellipsis; /* Se lo schermo è troppo piccolo, mette i puntini invece di rompere il layout */
		}

		.view-link {
			color: #0070ba;
			font-weight: bold;
			font-size: 1.1rem;
		}
		
		.home-button {
			position: absolute !important;
			top: 20px !important;
			left: 20px !important;
			z-index: 999;
			display: block;
			width: 50px; /* Forza la larghezza del contenitore */
		}

		.home-button img {
			width: 50px !important;
			height: auto !important;
			display: block;
			border-radius: 8px;
		}