/* Grup Scout Parpalló — pàgines de secció i de contacte (WEB-2A).
 *
 * Fitxer a banda, com form.css i legal.css: styles.css no es toca. Només usa els
 * tokens de color i d'escala que ja definix styles.css.
 */

/* ---- d'un colp d'ull: el lloc on abans hi havia el marcador de la foto ---- */
.sec-resum{background:var(--calcaria-2);border:2px solid var(--calcaria-3);border-left:8px solid var(--sc,var(--ocre));
  border-radius:16px 8px 18px 10px;padding:1.2rem 1.3rem}
.sec-resum h2{font-size:var(--fs-h3);color:var(--negre);margin-bottom:.8rem}
.sec-resum dl{margin:0;display:grid;gap:.75rem}
.sec-resum dt{font-size:var(--fs-sm);font-weight:700;color:var(--sc,var(--verd))}
.sec-resum dd{margin:0;color:var(--negre)}
.sec-resum .avis{font-size:var(--fs-xs);color:var(--text-suau);margin:.9rem 0 0}

.sec-facts a{color:var(--verd);text-decoration:underline;text-underline-offset:.18em}
.sec-treball{margin-top:1.8rem}
.sec-treball h2{font-size:var(--fs-h3);color:#fff}
.sec-treball ul{margin:.3rem 0 0;padding-left:1.2rem;max-width:62ch}
.sec-treball li{margin-bottom:.35rem}
.sec-treball li::marker{color:var(--ocre-llum)}

/* ---- crida final ---- */
.sec-cta .accions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1rem}
.sec-cta .accions .btn{margin-top:0;white-space:normal}
.sec-cta .btn-ghost{color:var(--ocre-llum);border-color:var(--ocre-llum)}
.sec-cta .btn-ghost:hover,.sec-cta .btn-ghost:focus-visible{background:var(--ocre-llum);color:var(--verd-nit)}

/* ---- contacte ---- */
.contacte-graella{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media (min-width:720px){.contacte-graella{grid-template-columns:1fr 1fr}}
.contacte-fitxa{background:var(--calcaria-2);color:var(--negre);border:2px solid var(--calcaria-3);border-radius:14px 8px 16px 10px;padding:1.2rem 1.3rem}
.contacte-fitxa h2{font-size:var(--fs-h3);color:var(--negre);margin-bottom:.4rem}
.contacte-fitxa p{margin:0 0 .6rem}
.contacte-fitxa a{display:inline-flex;align-items:center;min-height:44px;color:var(--verd);text-decoration:underline;text-underline-offset:.18em;overflow-wrap:anywhere}
.contacte-fitxa .correu{font-size:var(--fs-base);font-weight:700}
.contacte-fitxa ul{list-style:none;margin:0;padding:0}
.contacte-fitxa address{font-style:normal;margin-bottom:.3rem}
.contacte-nota{font-size:var(--fs-sm);margin-top:1.3rem}

/* ---- /seccions: índex de les quatre seccions (WEB-5) ----
   Les plaquetes de la portada sense insígnia ni descripció: el nom de la secció fa d'identificació. */
.index-seccions{padding-top:var(--pas)}
.index-seccions .grid{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media (min-width:640px){.index-seccions .grid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.index-seccions .grid{grid-template-columns:repeat(4,1fr)}}
.index-seccions .plaqueta{min-height:11rem;padding:1.4rem 1.3rem}
.index-seccions .plaqueta h2{font-size:clamp(1.9rem,1.5rem + 1.6vw,2.6rem);color:var(--negre);margin:.2rem 0 .8rem;line-height:1}

/* ---- correu de la secció, a la fitxa «D'un colp d'ull» ---- */
.sec-resum dd a{color:var(--verd);font-weight:700;text-decoration:underline;text-underline-offset:.18em;overflow-wrap:anywhere}

/* ---- Estol: contingut de la comissió de la secció (WEB-5) ---- */
.sec-content .estol-titol{font-size:var(--fs-h3);color:#fff;margin:2rem 0 .2rem}
.estol-equip{margin-top:1.6rem}
.estol-equip dl{margin:.8rem 0 0;display:grid;gap:.8rem;background:var(--calcaria-2);color:var(--negre);border:2px solid var(--calcaria-3);
  border-left:6px solid var(--sc,var(--ocre));border-radius:12px 8px 12px 8px;padding:1rem 1.1rem}
.estol-equip dt{font-size:var(--fs-sm);font-weight:700;color:var(--sc,var(--verd))}
.estol-equip dd{margin:0}
.estol-valors{padding-top:0}
.estol-valors h2,.estol-ba h2{color:#fff}
.estol-intro{font-size:var(--fs-lg);max-width:60ch}
.estol-valors-grid{display:grid;gap:1.1rem;grid-template-columns:1fr;margin-top:1.2rem}
@media (min-width:900px){.estol-valors-grid{grid-template-columns:repeat(3,1fr)}}
.estol-valor{background:var(--calcaria-2);color:var(--negre);border:2px solid var(--calcaria-3);border-left:8px solid var(--sc,var(--ocre));
  border-radius:16px 8px 18px 10px/10px 18px 8px 16px;padding:1.2rem 1.2rem 1.3rem}
.estol-valor h3{font-size:1.15rem;color:var(--sc,var(--verd));margin:0 0 .4rem}
.estol-valor p{font-size:1rem;margin:0 0 .6rem}
.estol-valor p:last-child{margin-bottom:0}
.estol-frase{font-weight:700;font-style:italic;font-size:1.08rem!important;color:var(--negre)}
.estol-maximes{margin-top:1.2rem;background:color-mix(in srgb,var(--verd-nit) 88%,#000);border-radius:12px;padding:1.2rem 1.3rem;color:var(--calcaria-2)}
.estol-maximes h3{color:#fff;margin:0 0 .3rem}
.estol-maximes ol{margin:.4rem 0 1rem;padding-left:1.6rem;display:grid;gap:.35rem;font-size:1.05rem}
@media (min-width:760px){.estol-maximes ol{grid-template-columns:1fr 1fr;column-gap:2.4rem}}
.estol-maximes li::marker{color:var(--ocre-llum);font-weight:800}
.estol-maximes p{max-width:68ch}
.estol-maximes p:last-child{margin-bottom:0;font-size:var(--fs-sm)}
.estol-ba{padding-top:0}
.estol-ba p{max-width:68ch}
.estol-cita{margin:1.2rem 0 0;border-left:8px solid var(--ocre);padding:.4rem 0 .4rem 1.1rem;font-size:1.25rem;line-height:1.3;color:#fff}
.estol-cita p{margin:0}