/* Complements de collabora.css per a les pàgines de socis. */
html{scroll-behavior:smooth;scroll-padding-top:115px}
.member-block{padding:90px 0}
.member-block h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2}
.member-block p,.member-block li{font-size:1.08rem;line-height:1.8}
.member-block a:not(.btn){color:var(--color-secundario);text-underline-offset:4px}
.member-tint{background:var(--color-fondo-claro)}
.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.support-card{padding:32px;border-radius:20px;background:var(--color-fondo-claro)}
.support-card>i{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#e1f0f8;color:var(--color-secundario);font-size:1.4rem;margin-bottom:24px}
.support-card h3{font-size:1.15rem;line-height:1.5;color:var(--color-primario)}
.support-card p{margin-bottom:0}
.member-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:60px;align-items:start}
.member-benefits{padding-left:24px}
.member-benefits li{padding-left:8px;margin:16px 0}
.member-benefits li::marker{color:var(--color-secundario)}
.quota-card{padding:40px;background:var(--color-primario);color:white;border-radius:24px}
.quota-card .quota-price{font-family:var(--fuente-titulos);font-size:3.5rem;font-weight:800;line-height:1.2;margin:20px 0}
.quota-price small{font-size:1rem;font-weight:500}
.quota-card .btn{background:white;color:var(--color-primario)}
.quota-card .btn:hover{background:#e1f0f8}
.form-container{max-width:1000px}
.requirements{padding:30px;background:#eaf6fb;border-radius:20px;margin:28px 0 60px}
.requirements ul{padding-left:24px}
.member-form{padding:40px;border:1px solid #d6e3eb;border-radius:24px;background:var(--color-fondo-claro)}
.member-form fieldset{border:0;border-bottom:1px solid #d6e3eb;padding:0 0 30px;margin:0 0 32px;min-width:0}
.member-form legend{font-family:var(--fuente-titulos);font-weight:700;color:var(--color-primario);font-size:1.2rem;padding:0;margin-bottom:24px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.form-field{min-width:0}
.form-field label{display:block;font-weight:600;margin-bottom:8px}
.form-field input,.form-field select{display:block;box-sizing:border-box;width:100%;min-height:50px;border:1px solid #8098a9;border-radius:10px;padding:12px;background:white;color:var(--color-texto);font:inherit;font-size:1rem}
.form-field input:focus,.form-field select:focus{outline:3px solid #5fa8d3;outline-offset:2px}
.check-row{display:flex;gap:12px;align-items:flex-start;line-height:1.7;margin:20px 0;cursor:pointer}
.check-row input{flex:0 0 auto;width:20px;height:20px;margin:4px 0 0;accent-color:var(--color-primario)}
.member-form .btn{border:0;cursor:pointer;font:700 .95rem var(--fuente-titulos);margin-top:16px}
.member-note,.member-block .member-note{font-size:.95rem;line-height:1.7;color:#4f6171}
.member-form .member-note{margin-top:16px}
a:focus-visible,button:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:3px solid var(--color-acento);outline-offset:5px}
.legal-text{max-width:920px;overflow-wrap:anywhere}
.legal-text h2{margin-top:20px}
.legal-hero{min-height:420px}
#politica,#avis-legal,#inscripcio{scroll-margin-top:115px}
@media(max-width:1100px){.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-columns{gap:30px}}
@media(max-width:768px){.member-block{padding:60px 0}.support-grid,.member-columns,.form-grid{grid-template-columns:1fr}.member-form{padding:25px 18px}.support-card,.requirements,.quota-card{padding:26px}.collabora-hero-overlay{padding-top:135px}.collabora-hero h1{overflow-wrap:anywhere}.legal-hero{min-height:340px}.member-form .btn{width:100%}.member-block li,.member-block p{font-size:1.02rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* Bloc independent sota la fotografia de capçalera. */
.salvatge-welcome{padding:65px 0;background:#EAF6FB;text-align:center}
.salvatge-welcome .container{max-width:900px}
.salvatge-welcome h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.25;margin:0 0 20px}
.salvatge-welcome p{max-width:740px;margin:0 auto 28px;font-size:1.15rem;line-height:1.8}
@media(max-width:768px){.salvatge-welcome{padding:45px 0}.salvatge-welcome p{font-size:1.05rem}.salvatge-welcome .btn{max-width:100%;text-align:center}}