.associate-section { padding: 40px 10%; background-color: #f9f9f9; }
		.associate-header { text-align: center; margin-bottom: 50px; }
		.associate-header h1 { font-size: 2.5rem; color: #0056b3; text-transform: uppercase; }
		
		.provincia-title { 
			background: #0056b3; 
			color: white; 
			padding: 12px 20px; 
			margin: 40px 0 20px 0; 
			border-radius: 5px;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 1.2rem;
		}

		.grid-associate {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 20px;
			margin-bottom: 40px;
		}

		.associate-card {
    display: flex; /* Allinea logo e testo sulla stessa riga */
    align-items: center; /* Centra verticalmente il logo rispetto al testo */
    gap: 20px; /* Spazio tra logo e testo */
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	height: 100%;
}

		.associate-card h3 { 
			color: #333; 
			font-size: 1.1rem; 
			margin-bottom: 8px; 
			line-height: 1.2;
		}

		.associate-card p { 
			font-size: 0.9rem; 
			color: #666; 
			margin: 0;
		}

		.associate-card i { color: #d32f2f; margin-right: 5px; }
		
		.associate-logo {
    flex: 0 0 100px; /* Larghezza fissa del logo (non si restringe) */
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f9f9f9;
    border-radius: 6px;
    padding: 5px;
}

/* Stile per l'immagine del logo */
.associate-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Aggiornamento card per centrare il contenuto se preferisci */
.associate-card {
    text-align: center; /* Opzionale: centra anche il testo */
    align-items: center;
}

.associate-info {
    flex: 1; /* Prende tutto lo spazio rimanente */
}

.associate-info h3 {
    margin: 0 0 5px 0; /* Rimuove margini eccessivi */
    font-size: 1.1rem;
    color: #333;
}

.associate-info p {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}
@media (max-width: 1024px) {
    .grid-associate {
        grid-template-columns: repeat(2, 1fr);
    }
	
/* Su Smartphone: 1 colonna singola */
@media (max-width: 600px) {
    .grid-associate {
        grid-template-columns: 1fr;
    }
    
    .associate-card {
        flex-direction: column; /* Opzionale: logo sopra il testo su schermi molto piccoli */
        text-align: center;
    }
}