:root{--qf-ivory:#f8f4ed;--qf-paper:#fffdf8;--qf-ink:#2f2b28;--qf-forest:#263a28;--qf-green:#53674e;--qf-lilac:#9a6fac;--qf-lilac-soft:#eadff0;--qf-gold:#dcae22;--qf-line:#ddd5c9}
.page-what-we-do{background:var(--qf-ivory);color:var(--qf-ink);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}
.page-what-we-do h1,.page-what-we-do h2,.page-what-we-do h3,.page-what-we-do p,.page-what-we-do a,.page-what-we-do summary{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}
.qf-no-break{white-space:nowrap}
.page-what-we-do main{overflow:hidden}.qf-container{width:min(calc(100% - 3rem),1440px);margin-inline:auto}.qf-kicker,.qf-section-label{color:var(--qf-lilac);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.qf-section-label{text-align:center;margin:0 0 2.5rem}.qf-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:3.35rem;padding:.8rem 1.45rem;border:1px solid var(--qf-lilac);border-radius:.85rem;color:var(--qf-lilac);font-weight:700;text-decoration:none;transition:.2s}.qf-button:hover{background:var(--qf-gold);border-color:var(--qf-gold);color:var(--qf-forest)}.qf-button-dark{background:var(--qf-forest);border-color:var(--qf-forest);color:#fff}
.qf-hero{background:linear-gradient(90deg,var(--qf-ivory) 0 46%,rgba(248,244,237,.45) 58%,transparent 76%),var(--qf-ivory);min-height:42rem}.qf-hero-grid{display:grid;grid-template-columns:minmax(24rem,.85fr) minmax(36rem,1.15fr);align-items:stretch;min-height:42rem}.qf-hero-copy{padding:3rem 1rem 4rem 0;align-self:center;position:relative;z-index:2}.qf-breadcrumb{display:flex;gap:.75rem;margin-bottom:2.3rem;font-size:.78rem}.qf-breadcrumb a{color:inherit;text-decoration:none}.qf-hero h1{font-family:var(--font-display,Georgia,serif);font-size:clamp(3.4rem,5vw,5.9rem);font-weight:400;line-height:.95;letter-spacing:-.035em;margin:.9rem 0 1.8rem;max-width:11ch}.qf-lead{font-size:1.05rem;line-height:1.75;max-width:35rem}.qf-hero-copy>p:not(.qf-kicker):not(.qf-lead){max-width:35rem}.qf-hero-copy .qf-button{margin-top:1.25rem}.qf-hero-art{min-height:42rem;background-image:url('/assets/img/home/hero-draba-grieta.webp');background-size:cover;background-position:center 35%;clip-path:polygon(6% 7%,100% 0,100% 94%,88% 100%,0 98%,3% 17%)}
.qf-process{padding:2.2rem 0 4rem;background-color:var(--qf-paper);background-image:linear-gradient(rgba(255,253,248,.92),rgba(255,253,248,.92)),url('/assets/img/serveis/proces-branca-floral.webp');background-repeat:no-repeat;background-position:center;background-size:cover}.qf-process-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}.qf-process-list:before{content:"";position:absolute;z-index:0;left:10%;right:10%;top:4.88rem;height:2px;background:var(--qf-green)}.qf-process-list li{text-align:center;padding:0 1rem;position:relative;z-index:1}.qf-step{display:grid;place-items:center;width:1.8rem;height:1.8rem;margin:0 auto .5rem;border-radius:50%;background:var(--qf-lilac);color:#fff;font-size:.78rem;font-weight:800}.qf-icon{position:relative;z-index:2;display:grid;place-items:center;width:5.2rem;height:5.2rem;margin:auto;border:1px solid var(--qf-line);border-radius:50%;background:var(--qf-paper);font-size:2rem}.qf-process h3{font-size:1rem;margin:1rem 0 .65rem}.qf-process h3 small{font-size:.72rem}.qf-process p{font-size:.82rem;line-height:1.6;margin:0 auto;max-width:14rem}
.qf-community{padding:4rem 0;background:var(--qf-ivory)}.qf-centered-heading{text-align:center;max-width:52rem;margin:0 auto 2.5rem}.qf-centered-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.qf-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.qf-card{position:relative;min-height:18rem;border-radius:1rem;overflow:hidden;background-color:#e9e2d8;background-repeat:no-repeat;background-size:cover;background-position:center}.qf-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,244,237,.97) 0 43%,rgba(248,244,237,.5) 64%,transparent)}.qf-card-copy{position:relative;z-index:1;width:52%;padding:1.5rem}.qf-card-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#fff;font-size:1.35rem}.qf-card h3{font-family:var(--font-display,Georgia,serif);font-size:1.75rem;font-weight:400;line-height:1;margin:1rem 0}.qf-card p{font-size:.88rem;line-height:1.55}.qf-card-orientation{background-image:url('/assets/img/serveis/servei-orientacio-acollida.webp');background-position:70% 60%}.qf-card-training{background-image:url('/assets/img/serveis/servei-prevencio-formacio.webp')}.qf-card-workshops{background-image:url('/assets/img/serveis/tallers-preventius.webp')}.qf-card-network{background-image:url('/assets/img/serveis/xarxa-comunitaria.webp')}.qf-card-awareness{background-image:url('/assets/img/serveis/sensibilitzacio.webp')}.qf-card-resources{background-image:url('/assets/img/serveis/recursos.webp')}
.qf-faq{padding:4rem 0 3.5rem;background:var(--qf-paper);position:relative}.qf-faq:after{content:"❀\A  ❀\A ❀";white-space:pre;position:absolute;right:2rem;bottom:0;color:rgba(154,111,172,.35);font-size:3rem;line-height:.75}.qf-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.qf-faq details{border:1px solid var(--qf-line);border-radius:.85rem;padding:1.4rem;background:rgba(255,255,255,.65)}.qf-faq summary{cursor:pointer;font-weight:700;list-style:none}.qf-faq summary:before{content:"?";display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;margin-right:.7rem;border-radius:50%;background:var(--qf-lilac);color:#fff}.qf-faq details p{font-size:.86rem;line-height:1.6;margin:1rem 0 0 2.5rem}.qf-faq-button{width:max-content;margin:1.5rem auto 0}
.qf-closing{padding:4rem 0;background:linear-gradient(90deg,#f0dff0,#f8edf3 45%,#fbf6ec)}.qf-closing-grid{display:grid;grid-template-columns:1fr .8fr .8fr;align-items:center;gap:3rem}.qf-closing h2{font-family:var(--font-display,Georgia,serif);font-size:clamp(2.6rem,4vw,4.4rem);font-weight:400;line-height:1;margin:0 0 1.5rem}.qf-closing p{max-width:34rem}.qf-closing-flower{height:18rem;background:url('/assets/img/serveis/tancament-prevencio-reparacio.webp') center/cover no-repeat;clip-path:circle(46%)}.qf-closing-actions{display:flex;flex-direction:column;gap:1rem}
@media(max-width:980px){.qf-container{width:min(calc(100% - 2rem),1440px)}.qf-hero-grid{grid-template-columns:1fr 1fr}.qf-process-list li{padding-inline:.45rem}.qf-process p{font-size:.76rem}.qf-card-grid{grid-template-columns:repeat(2,1fr)}.qf-closing-grid{grid-template-columns:1fr 1fr}.qf-closing-actions{grid-column:1/-1;flex-direction:row}}
@media(max-width:700px){.qf-container{width:min(calc(100% - 2rem),1440px)}.qf-hero{min-height:0}.qf-hero-grid{display:flex;flex-direction:column}.qf-hero-copy{padding:2.2rem 0 1.5rem}.qf-breadcrumb{margin-bottom:1.5rem}.qf-hero h1{font-size:clamp(2.75rem,12.5vw,4.6rem);max-width:none}.qf-hero-art{min-height:25rem;width:calc(100% + 2rem);margin-inline:-1rem;clip-path:polygon(0 4%,100% 0,100% 100%,0 96%)}.qf-process{padding-top:3rem}.qf-process-list{grid-template-columns:1fr;gap:2.5rem;padding-left:.15rem}.qf-process-list:before{display:block;left:2.05rem;right:auto;top:2.1rem;bottom:2.1rem;width:2px;height:auto}.qf-process-list li{display:grid;grid-template-columns:4.5rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:1rem;text-align:left;padding:0}.qf-step{position:absolute;z-index:3;left:3.3rem;top:-.45rem;width:1.4rem;height:1.4rem}.qf-icon{grid-row:1/3;width:4.2rem;height:4.2rem;margin:0}.qf-process h3,.qf-process p{grid-column:2;margin:0;max-width:none}.qf-process h3{align-self:end;margin-bottom:.4rem}.qf-process p{font-size:.82rem}.qf-card-grid,.qf-faq-grid{grid-template-columns:1fr}.qf-card{min-height:16rem}.qf-card-copy{width:60%;padding:1.25rem}.qf-faq details:not([open]) p{display:none}.qf-closing-grid{grid-template-columns:1fr;gap:1.5rem}.qf-closing-flower{height:14rem}.qf-closing-actions{grid-column:auto;flex-direction:column}.qf-button{width:100%}.qf-faq-button{width:100%}}
@media(prefers-reduced-motion:reduce){.qf-button{transition:none}}

/* Corrección definitiva 2026-07-13: palabras íntegras y conector continuo. */
.page-what-we-do,
.page-what-we-do * {
  overflow-wrap: normal !important;
  word-break: normal !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
}

.page-what-we-do .qf-no-break {
  display: inline-block !important;
  white-space: nowrap !important;
}

.page-what-we-do .qf-hero h1 {
  max-width: none !important;
}

.page-what-we-do .qf-process-list::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  left: 10% !important;
  right: 10% !important;
  top: 4.88rem !important;
  bottom: auto !important;
  width: auto !important;
  height: 2px !important;
  background: var(--qf-green) !important;
  z-index: 0 !important;
}

.page-what-we-do .qf-process-list > li {
  background: transparent !important;
}

@media (max-width: 700px) {
  .page-what-we-do .qf-hero h1 {
    font-size: clamp(2.45rem, 11vw, 4.25rem) !important;
  }

  .page-what-we-do .qf-no-break {
    font-size: .88em;
  }

  .page-what-we-do .qf-process-list::before {
    left: 2.05rem !important;
    right: auto !important;
    top: 2.1rem !important;
    bottom: 2.1rem !important;
    width: 2px !important;
    height: auto !important;
  }
}