/* extraescolars.info: Contactar (pàgina 87, 2026-10-06). Complementa taller.css; acotat a .xt.p-contacte */
.xt.p-contacte .hero{padding-block:28px 6px}
.xt.p-contacte .eyebrow{display:block;margin-bottom:8px}
.xt.p-contacte .block{margin-top:24px;margin-bottom:12px}
.xt.p-contacte h2{font-size:clamp(1.4rem,2.8vw,1.8rem);font-weight:800}
.xt.p-contacte .sub{color:var(--ink-soft);margin-top:6px}
.xt.p-contacte .contacte-graella{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.xt.p-contacte .formulari{background:#fff;border:2px solid var(--ink);border-radius:24px;padding:26px 28px}
.xt.p-contacte .abans{background:var(--turq-tint);border-radius:24px;padding:24px 26px}
.xt.p-contacte .abans ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
.xt.p-contacte .abans li{margin:0;background:#fff;border-radius:16px;padding:14px 16px}
.xt.p-contacte .abans h3{font-size:1.05rem;font-weight:800}
.xt.p-contacte .abans p{margin:4px 0 0;color:var(--ink-soft);font-size:.95rem}
.xt.p-contacte .abans a{font-weight:700;color:var(--turq-deep)}
.xt.p-contacte a:focus-visible,.xt.p-contacte input:focus-visible,.xt.p-contacte textarea:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 7px var(--sun)}

/* Formulari (Contact Form 7) */
.xt.p-contacte .wpcf7{margin-top:18px}
.xt.p-contacte .wpcf7 form p{margin:0}
.xt.p-contacte .wpcf7 br{display:none}
.xt.p-contacte .xt-camp{margin-bottom:16px}
.xt.p-contacte .xt-camp label{display:block;font-family:var(--display);font-weight:700;font-size:1rem;margin-bottom:6px;color:var(--ink)}
.xt.p-contacte .xt-opc{font-family:var(--body);font-weight:400;color:var(--ink-soft);font-size:.92rem}
.xt.p-contacte .wpcf7-form-control-wrap{display:block}
.xt.p-contacte .wpcf7 input[type=text],.xt.p-contacte .wpcf7 input[type=email],.xt.p-contacte .wpcf7 textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:14px;padding:12px 14px;line-height:1.4;box-shadow:none}
.xt.p-contacte .wpcf7 textarea{min-height:150px;resize:vertical}
.xt.p-contacte .wpcf7 input[type=text]:hover,.xt.p-contacte .wpcf7 input[type=email]:hover,.xt.p-contacte .wpcf7 textarea:hover{border-color:var(--ink-soft)}
.xt.p-contacte .wpcf7 input[type=text]:focus,.xt.p-contacte .wpcf7 input[type=email]:focus,.xt.p-contacte .wpcf7 textarea:focus{border-color:var(--ink);background:#fff}
.xt.p-contacte .wpcf7 [aria-invalid="true"]{border-color:var(--coral-deep)}
.xt.p-contacte .wpcf7-not-valid-tip{color:var(--coral-deep);font-size:.9rem;font-weight:700;margin-top:4px}
.xt.p-contacte .xt-enviar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.xt.p-contacte .wpcf7-submit{font-family:var(--display);font-weight:700;font-size:1rem;padding:13px 24px;border-radius:999px;border:2px solid var(--turq-deep);background:var(--turq-deep);color:#fff;cursor:pointer;transition:transform .15s;height:auto;line-height:1.2}
.xt.p-contacte .wpcf7-submit:hover{transform:translateY(-2px)}
.xt.p-contacte .wpcf7-submit:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 7px var(--sun)}
.xt.p-contacte .wpcf7 .wpcf7-response-output{margin:16px 0 0;padding:12px 14px;border-radius:14px;border:2px solid var(--line);font-size:.95rem}
.xt.p-contacte .wpcf7 form.sent .wpcf7-response-output{border-color:var(--turq-deep);background:var(--turq-tint)}
.xt.p-contacte .wpcf7 form.invalid .wpcf7-response-output,.xt.p-contacte .wpcf7 form.failed .wpcf7-response-output,.xt.p-contacte .wpcf7 form.spam .wpcf7-response-output{border-color:var(--coral-deep);background:var(--coral-tint)}

@media (max-width:860px){.xt.p-contacte .contacte-graella{grid-template-columns:1fr}}
@media (max-width:600px){.xt.p-contacte .formulari,.xt.p-contacte .abans{padding:20px}}
@media (prefers-reduced-motion:reduce){.xt.p-contacte .wpcf7-submit{transition:none}.xt.p-contacte .wpcf7-submit:hover{transform:none}}