.sezione-soci { max-width: 900px; margin: 50px auto; padding: 0 20px; }
        .card-socio { display: flex; align-items: center; gap: 30px; background-color: #b4f1c6; border-radius: 15px; padding: 25px 30px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.12); transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; }
        .card-socio:hover { background-color: #cce5ff; transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.18); }
        .foto-placeholder { width: 110px; height: 110px; min-width: 110px; border-radius: 50%; background: linear-gradient(135deg, #1ba536, #3bc728); display: flex; align-items: center; justify-content: center; font-size: 2.5rem; border: 4px solid rgba(255,255,255,0.8); box-shadow: 0 0 0 3px #1ba536, 0 4px 15px rgba(0,0,0,0.2); color: white; }
        .info-socio { text-align: left; }
        .info-socio .nome { font-family: "Comic Sans MS", "Arial Black", cursive; font-size: clamp(1.1rem, 2.5vw, 1.6rem); font-weight: bold; background: linear-gradient(to right, #C9CF17 40%, #CFCF1F 0%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 6px 0; }
        .info-socio .ruolo { font-family: "Comic Sans MS", "Arial Black", cursive; font-size: clamp(0.85rem, 1.8vw, 1rem); color: #1a5e20; font-weight: bold; margin: 0; }
        @media (max-width: 600px) {
            .card-socio { flex-direction: column; text-align: center; padding: 20px; }
            .info-socio { text-align: center; }
            .info-socio .nome, .info-socio .ruolo { font-family: "Arial Black", Arial, sans-serif; }
        }