/* Reset e Stili Generali */
        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; }

		.home-button {
		  position: absolute;
		  top: 20px;
		  left: 20px;
		  transition: transform 0.2s ease;
		  z-index: 100;
		}

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

        .container { 
            display: flex; 
            flex-wrap: wrap; 
            justify-content: center; 
            gap: 25px; 
            padding: 20px; 
            max-width: 1200px; 
            margin: 0 auto; 
        }

        /* Stile Card */
        .card { 
            width: 280px; 
            background: white; 
            border-radius: 12px; 
            overflow: hidden; 
            box-shadow: 0 4px 10px rgba(0,0,0,0.1); 
            transition: all 0.3s ease; 
            text-decoration: none; 
            color: black; 
            display: flex; 
            flex-direction: column; 
            align-items: center;
            padding: 20px 0;
        }

        .card:hover { 
            transform: translateY(-10px); 
            box-shadow: 0 12px 20px rgba(0,0,0,0.15);
            background: #fff;
        }

        /* Gestione Immagine Scudetto */
        .card img { 
            width: 50px; /* Dimensione fissa ideale per gli scudetti */
            height: auto; 
            object-fit: contain; 
            transition: 0.3s;
        }

        .card h3 { 
            padding: 15px 0 0; 
            margin: 0; 
            font-size: 1.4rem;
            color: #222;
        }

        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 */
		}