/* WC-FORMULARI-FINAL */

/* WC-DISSENY-CONSOLIDAT-INICI — pàgina 3931, contingut del 23/10/2026. */

.wc-disseny{--dw-rule:var(--wc-linia);background:var(--wc-paper);color:var(--wc-tinta);font-family:"WC Instrument Sans",Arial,sans-serif;font-size:18px;line-height:1.65}
.wc-disseny *,.wc-disseny *::before,.wc-disseny *::after{box-sizing:border-box}
.wc-disseny .dw-section{padding-block:var(--wc-espai-seccio)}
.wc-disseny .dw-rail>*{min-width:0}
.wc-disseny .dw-p{margin:0 0 24px;max-width:64ch;font-size:18px;line-height:1.65}
.wc-disseny .dw-p:last-child{margin-bottom:0}
.wc-disseny .dw-h1,.wc-disseny .dw-h2,.wc-disseny .dw-h3{color:inherit;margin:0;font-weight:600;text-wrap:balance}
.wc-disseny .dw-h1,.wc-disseny .dw-display{font-family:"WC Instrument Condensed","Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-weight:700;line-height:1.02;letter-spacing:-.01em}
.wc-disseny .dw-h2{font-family:"WC Instrument Sans",Arial,sans-serif;font-size:clamp(30px,3.2vw,42px);line-height:1.15;letter-spacing:-.035em}
.wc-disseny .dw-h3{font-family:"WC Instrument Sans",Arial,sans-serif;font-size:26px;line-height:1.2;letter-spacing:-.025em}
.wc-disseny .dw-display{font-family:"WC Instrument Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(48px,5.5vw,78px);letter-spacing:-.01em;line-height:1.02}
.wc-disseny a:not(.wc-boto-principal){text-decoration-thickness:1px;text-underline-offset:4px}
.wc-disseny a:focus-visible{outline:3px solid var(--wc-ressalt,var(--wc-accent));outline-offset:5px}
.wc-disseny .wc-boto-principal{margin:24px 0 0}
.wc-disseny .dw-hero,.wc-disseny .dw-commercial,.wc-disseny .dw-close{background:var(--wc-nit);color:#f4f2ee;--dw-rule:#42464d}
.wc-disseny .dw-hero{padding-block:clamp(64px,7vw,104px)}
.wc-disseny .dw-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center}
.wc-disseny .dw-h1{font-size:clamp(48px,5.1vw,74px)}
.wc-disseny .dw-title-main{display:block;font-size:clamp(76px,8.8vw,126px);line-height:.95;color:#f4f2ee;margin-bottom:16px;white-space:nowrap}
.wc-disseny .dw-title-rest{display:block;max-width:15ch}
.wc-disseny .dw-intro{font-size:21px;line-height:1.6;margin:0;max-width:44ch}
.wc-disseny .dw-directe{font-size:17px;line-height:1.6;margin:30px 0 0;padding-top:24px;border-top:1px solid var(--dw-rule);color:#c9cdd3;max-width:42ch}
.wc-disseny .dw-offer-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:72px;margin-bottom:64px;align-items:start}
.wc-disseny .dw-offer-intro .dw-h2{max-width:17ch}
.wc-disseny .dw-offer-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:64px;padding-block:38px;border-top:1px solid var(--dw-rule)}
.wc-disseny .dw-offer-row .dw-h3{font-family:"WC Instrument Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(36px,4vw,56px);line-height:1.08;font-weight:700;text-transform:uppercase;letter-spacing:0}
.wc-disseny .dw-offer-row:nth-child(3){padding-bottom:52px}
.wc-disseny .dw-offer-secondary{margin-top:8px;padding:32px;background:#ece9e3;border-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}
.wc-disseny .dw-offer-secondary .dw-h3{font-family:"WC Instrument Sans",Arial,sans-serif;text-transform:none;font-size:27px;font-weight:600;line-height:1.22;letter-spacing:-.02em}
.wc-disseny .dw-offer-secondary .dw-p{font-size:17px}
.wc-disseny .dw-commercial-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:72px;align-items:end}
.wc-disseny .dw-commercial-intro .dw-h2{max-width:16ch}
.wc-disseny .dw-commercial-intro .dw-p{font-size:20px;color:#c9cdd3}
.wc-disseny .dw-examples{display:grid;grid-template-columns:1fr 1fr;margin-block:56px;background:var(--wc-paper);color:var(--wc-tinta);padding:40px 0}
.wc-disseny .dw-example{padding:0 40px}
.wc-disseny .dw-example+.dw-example{border-left:1px solid var(--wc-linia)}
.wc-disseny .dw-example-p{margin:0;font-size:21px;line-height:1.55;max-width:37ch}
.wc-disseny .dw-example-p strong{display:block;font-weight:600;font-size:28px;letter-spacing:-.025em;margin-bottom:14px}
.wc-disseny .dw-commercial-outro{display:grid;grid-template-columns:1fr 1fr;gap:64px;color:#c9cdd3}
.wc-disseny .dw-commercial-outro .dw-p{font-size:17px}
.wc-disseny .dw-process-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:72px}
.wc-disseny .dw-process-intro .dw-h2{max-width:19ch}
.wc-disseny .dw-process-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:60px}
.wc-disseny .dw-step{position:relative;border-top:1px solid #a8679d;padding:30px 26px 0 0}
.wc-disseny .dw-step:last-child{padding-right:0}
.wc-disseny .dw-step::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--wc-accent)}
.wc-disseny .dw-step-p{font-size:16px;line-height:1.65;margin:0}
.wc-disseny .dw-step-p strong{display:block;font-weight:600;font-size:21px;line-height:1.25;min-height:84px;margin-bottom:16px;letter-spacing:-.02em}
.wc-disseny .dw-platform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;margin-top:64px;padding-top:40px;border-top:1px solid var(--dw-rule)}
.wc-disseny .dw-platform-copy{columns:2;column-gap:32px}
.wc-disseny .dw-platform .dw-p{font-size:16px;break-inside:avoid}
.wc-disseny .dw-performance{background:#fff}
.wc-disseny .dw-performance-top{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:88px}
.wc-disseny .dw-performance-top .dw-h2{max-width:17ch;font-family:"WC Instrument Condensed",Arial,sans-serif;font-size:clamp(44px,4.4vw,64px);font-weight:700;text-transform:uppercase;letter-spacing:0}
.wc-disseny .dw-performance-top .dw-h2 span{display:block}
.wc-disseny .dw-performance-bottom{margin-top:48px;padding-top:36px;border-top:1px solid var(--dw-rule);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:start}
.wc-disseny .dw-performance-thesis{margin:0;font-size:25px;line-height:1.5;letter-spacing:-.02em;max-width:42ch}
.wc-disseny .dw-performance-bottom .dw-p{font-size:16px;border-left:2px solid var(--wc-accent);padding-left:28px}
.wc-disseny .dw-redesign{background:#eae5e9}
.wc-disseny .dw-redesign .dw-h2{font-size:clamp(32px,3.8vw,50px);max-width:23ch;margin-bottom:48px}
.wc-disseny .dw-redesign-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:80px}
.wc-disseny .dw-redesign-lead{font-size:24px;line-height:1.5;letter-spacing:-.015em;margin:0;max-width:34ch}
.wc-disseny .dw-redesign-detail .dw-p{font-size:17px}
.wc-disseny .dw-management{padding-block:72px 48px}
.wc-disseny .dw-management-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:88px}
.wc-disseny .dw-management .dw-h2,.wc-disseny .dw-faq .dw-h2{font-size:32px;max-width:18ch}
.wc-disseny .dw-management .dw-p{font-size:17px}
.wc-disseny .dw-faq{padding-block:40px 88px}
.wc-disseny .dw-faq .dw-h2{margin-bottom:36px}
.wc-disseny .dw-question{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:88px;padding-block:28px;border-top:1px solid var(--dw-rule)}
.wc-disseny .dw-question .dw-h3{font-size:22px;max-width:27ch}
.wc-disseny .dw-question .dw-p{font-size:17px}
.wc-disseny .dw-close-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.wc-disseny .dw-close .dw-h2{max-width:17ch;font-size:clamp(48px,5.2vw,72px)}
.wc-disseny .dw-close .dw-p{font-size:20px}
.wc-disseny .dw-location{font-size:16px;margin:26px 0 0;color:#c9cdd3}
@media (min-width:1180px){
.wc-disseny .dw-step-p strong{min-height:56px}
}
@media (max-width:1024px){

 .wc-disseny .dw-hero-grid{gap:40px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
}@media (max-width:1024px){

 .wc-disseny .dw-title-main{font-size:clamp(64px,8.5vw,94px)}
}@media (max-width:1024px){

 .wc-disseny .dw-h1{font-size:clamp(44px,5.6vw,62px)}
}@media (max-width:1024px){

 .wc-disseny .dw-intro{font-size:19px}
}@media (max-width:1024px){

 .wc-disseny .dw-offer-intro,.wc-disseny .dw-commercial-intro,.wc-disseny .dw-process-intro,.wc-disseny .dw-performance-top,.wc-disseny .dw-performance-bottom,.wc-disseny .dw-redesign-grid,.wc-disseny .dw-management-grid,.wc-disseny .dw-question,.wc-disseny .dw-close-grid{gap:40px}
}@media (max-width:1024px){

 .wc-disseny .dw-offer-row,.wc-disseny .dw-platform{gap:36px}
}@media (max-width:1024px){

 .wc-disseny .dw-platform-copy{columns:1}
}@media (max-width:1024px){

 .wc-disseny .dw-process-line{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
}@media (max-width:1024px){

 .wc-disseny .dw-step-p strong{min-height:0}
}@media (max-width:1024px){

 .wc-disseny .dw-step:nth-child(2){padding-right:0}
}@media (max-width:1024px){

 .wc-disseny .dw-example{padding-inline:28px}
}@media (max-width:1024px){

 .wc-disseny .dw-commercial-outro{gap:40px}
}@media (max-width:1024px){

 .wc-disseny .dw-offer-secondary{padding:28px}
}

@media (max-width:767px){

 .wc-disseny .dw-section{padding-block:64px}
}@media (max-width:767px){

 .wc-disseny .dw-hero-grid,.wc-disseny .dw-offer-intro,.wc-disseny .dw-commercial-intro,.wc-disseny .dw-process-intro,.wc-disseny .dw-performance-top,.wc-disseny .dw-performance-bottom,.wc-disseny .dw-redesign-grid,.wc-disseny .dw-management-grid,.wc-disseny .dw-question,.wc-disseny .dw-close-grid{grid-template-columns:1fr;gap:28px}
}@media (max-width:767px){

 .wc-disseny .dw-hero{padding-block:48px 56px}
}@media (max-width:767px){

 .wc-disseny .dw-h1{font-size:clamp(40px,7.5vw,62px)}
}@media (max-width:767px){

 .wc-disseny .dw-title-main{font-size:clamp(54px,16vw,96px);white-space:nowrap;margin-bottom:12px}
}@media (max-width:767px){

 .wc-disseny .dw-title-rest{max-width:20ch}
}@media (max-width:767px){

 .wc-disseny .dw-intro{font-size:19px;max-width:58ch}
}@media (max-width:767px){

 .wc-disseny .dw-directe{max-width:58ch;margin-top:24px;padding-top:20px}
}@media (max-width:767px){

 .wc-disseny .dw-offer-intro{margin-bottom:36px}
}@media (max-width:767px){

 .wc-disseny .dw-offer-intro .dw-h2{max-width:25ch}
}@media (max-width:767px){

 .wc-disseny .dw-offer-row{grid-template-columns:1fr;gap:18px;padding-block:28px}
}@media (max-width:767px){

 .wc-disseny .dw-offer-row:nth-child(3){padding-bottom:32px}
}@media (max-width:767px){

 .wc-disseny .dw-offer-secondary{padding:24px;margin-top:0}
}@media (max-width:767px){

 .wc-disseny .dw-p{font-size:17px;line-height:1.65}
}@media (max-width:767px){

 .wc-disseny .dw-commercial-intro .dw-h2{max-width:19ch}
}@media (max-width:767px){

 .wc-disseny .dw-commercial-intro .dw-p{font-size:18px}
}@media (max-width:767px){

 .wc-disseny .dw-examples{grid-template-columns:1fr;margin-block:36px;padding:28px}
}@media (max-width:767px){

 .wc-disseny .dw-example{padding:0}
}@media (max-width:767px){

 .wc-disseny .dw-example+.dw-example{border-left:0;border-top:1px solid var(--wc-linia);margin-top:28px;padding-top:28px}
}@media (max-width:767px){

 .wc-disseny .dw-example-p{font-size:19px;max-width:none}
}@media (max-width:767px){

 .wc-disseny .dw-example-p strong{font-size:24px;margin-bottom:10px}
}@media (max-width:767px){

 .wc-disseny .dw-commercial-outro{grid-template-columns:1fr;gap:24px}
}@media (max-width:767px){

 .wc-disseny .dw-process-line{grid-template-columns:1fr;gap:0;margin-top:36px}
}@media (max-width:767px){

 .wc-disseny .dw-step{border-top:0;border-left:1px solid #a8679d;padding:0 0 30px 26px;margin-left:4px}
}@media (max-width:767px){

 .wc-disseny .dw-step:last-child{padding-bottom:0}
}@media (max-width:767px){

 .wc-disseny .dw-step::before{top:5px;left:-5px}
}@media (max-width:767px){

 .wc-disseny .dw-step-p{font-size:17px}
}@media (max-width:767px){

 .wc-disseny .dw-step-p strong{font-size:22px;margin-bottom:10px}
}@media (max-width:767px){

 .wc-disseny .dw-platform{grid-template-columns:1fr;gap:20px;margin-top:40px;padding-top:32px}
}@media (max-width:767px){

 .wc-disseny .dw-platform .dw-p{font-size:17px}
}@media (max-width:767px){

 .wc-disseny .dw-performance-bottom{margin-top:32px;padding-top:28px}
}@media (max-width:767px){

 .wc-disseny .dw-performance-thesis{font-size:23px;max-width:none}
}@media (max-width:767px){

 .wc-disseny .dw-performance-bottom .dw-p{font-size:17px;padding-left:20px}
}@media (max-width:767px){

 .wc-disseny .dw-redesign .dw-h2{margin-bottom:28px}
}@media (max-width:767px){

 .wc-disseny .dw-redesign-lead{font-size:22px;max-width:none}
}@media (max-width:767px){

 .wc-disseny .dw-management{padding-block:56px 28px}
}@media (max-width:767px){

 .wc-disseny .dw-management .dw-h2,.wc-disseny .dw-faq .dw-h2{font-size:29px;max-width:24ch}
}@media (max-width:767px){

 .wc-disseny .dw-faq{padding-block:24px 56px}
}@media (max-width:767px){

 .wc-disseny .dw-question{gap:16px;padding-block:24px}
}@media (max-width:767px){

 .wc-disseny .dw-question .dw-h3{max-width:none}
}@media (max-width:767px){

 .wc-disseny .dw-close .dw-p{font-size:18px}
}

/* WC-DISSENY-CONSOLIDAT-FINAL */
/* WC-DISSENY-REFERENCIA-INICI */
.wc-ref{--accent:var(--wc-accent);--fg:var(--wc-tinta);--bg:var(--wc-paper);--panel:#fff;--muted:#565b64;--rule:#d6d2c9;--rule2:#bdb8ad}
.wc-ref .ref-dark{background:var(--wc-nit);color:#f4f2ee;--fg:#f4f2ee;--bg:#111317;--panel:#1b1e23;--muted:#a7acb4;--rule:#2c3038;--rule2:#4a505a}
.wc-ref .ref-light{background:var(--wc-paper);color:var(--wc-tinta)}
.wc-ref .ref-white{background:#fff;color:var(--wc-tinta)}
.wc-ref .dw-h1{font-family:"WC Instrument Condensed",sans-serif;font-size:clamp(48px,5.9vw,88px);max-width:14ch;line-height:.99}
.wc-ref .dw-h2{font-family:"WC Instrument Condensed",sans-serif;font-size:clamp(36px,4.4vw,64px);font-weight:700;text-transform:uppercase;line-height:1.04;letter-spacing:-.01em}
.wc-ref .dw-h3{font-family:"WC Instrument Condensed",sans-serif;font-size:clamp(30px,3.3vw,46px);font-weight:700;text-transform:uppercase;line-height:1.07}
.wc-ref .ref-split,.wc-ref .ref-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.wc-ref .ref-intro{align-items:start}
.wc-ref .ref-hero .dw-intro{margin-top:32px;font-size:19px}
.wc-ref .ref-hero .dw-directe{margin-top:18px;padding:0;border:0}
.wc-ref .ref-copy .dw-h2,.wc-ref .ref-copy .dw-h3{margin-bottom:28px}
.wc-ref .ref-dark .dw-p{color:#c9cdd3}
.wc-ref .ref-svg{display:block;width:100%;height:auto;min-width:0}
.wc-ref .ref-svg svg{display:block;width:100%;height:auto}
.wc-ref .ref-services{display:grid;grid-template-columns:7fr 5fr;gap:16px;margin-top:56px}
.wc-ref .ref-card{border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:32px;min-width:0}
.wc-ref .ref-card .dw-h3{margin-bottom:22px}
.wc-ref .ref-card .dw-p{font-size:18px;line-height:1.6}
.wc-ref .ref-card .ref-svg{margin-top:auto}
.wc-ref .ref-card .ref-svg svg{max-height:210px}
.wc-ref .ref-card-0{background:#111317;color:#f4f2ee;--fg:#f4f2ee;--bg:#111317;--panel:#1b1e23;--muted:#a7acb4;--rule:#2c3038;--rule2:#4a505a}
.wc-ref .ref-card-1{background:var(--wc-accent);color:#fff;--fg:#fff;--bg:#b5309a;--panel:#b5309a;--muted:#fff;--rule:rgba(255,255,255,.4);--rule2:rgba(255,255,255,.6)}
.wc-ref .ref-card-2{grid-column:1/-1;background:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.wc-ref .ref-examples{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-block:56px}
.wc-ref .ref-example{padding:32px;border-radius:20px;background:#21252c}
.wc-ref .ref-example-light{background:var(--wc-paper);color:var(--wc-tinta)}
.wc-ref .ref-example-light .dw-p{color:var(--wc-tinta)}
.wc-ref .ref-path-word,.wc-ref .ref-keep-word{font-family:"WC Instrument Condensed",sans-serif;font-size:clamp(28px,3vw,44px);font-weight:700;text-transform:uppercase;line-height:1.1;padding:24px 0;border-bottom:1px solid var(--rule2)}
.wc-ref .ref-path{border-left:2px solid var(--rule2);padding-left:32px}
.wc-ref .ref-path-word:last-child{color:#e252c3}
.wc-ref .ref-steps{border-left:2px solid var(--wc-tinta);margin:56px 0 0 6px}
.wc-ref .ref-step{display:grid;grid-template-columns:1fr 1fr;gap:48px;position:relative;padding:32px 0 32px 40px;border-top:1px solid var(--rule)}
.wc-ref .ref-step:before{content:"";position:absolute;left:-7px;top:40px;width:12px;height:12px;background:var(--wc-accent);border-radius:50%;box-shadow:0 0 0 5px var(--wc-paper)}
.wc-ref .ref-step-title{font-family:"WC Instrument Condensed",sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(28px,3vw,42px);line-height:1.1}
.wc-ref .ref-platform{padding:40px;border-radius:24px;margin-top:56px}
.wc-ref .ref-callout{margin-top:48px;padding:32px;background:var(--wc-paper);border-radius:24px;max-width:980px;font-size:19px;line-height:1.6}
.wc-ref .ref-compact{padding-block:72px}
.wc-ref .ref-close-row{display:flex;align-items:center;gap:48px;justify-content:space-between;margin-top:40px;padding-top:32px;border-top:1px solid var(--rule)}
.wc-ref .ref-close-row .ref-copy{max-width:720px}
.wc-ref .ref-close-row .wc-boto-principal{flex-shrink:0}
.wc-ref .w-panel{fill:var(--panel);stroke:var(--rule2);stroke-width:1.5}.wc-ref .w-bg{fill:var(--bg);stroke:var(--rule2);stroke-width:1.5}.wc-ref .w-bgn{fill:var(--bg)}.wc-ref .w-fg{fill:var(--fg);opacity:.92}.wc-ref .w-mut{fill:var(--muted);opacity:.5}.wc-ref .w-rule{fill:var(--rule)}.wc-ref .w-rule2,.wc-ref .w-dot{fill:var(--rule2)}.wc-ref .w-acc{fill:var(--accent)}.wc-ref .w-white{fill:#fff}.wc-ref .w-night{fill:#111317}.wc-ref .w-line{fill:none;stroke:var(--rule2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.wc-ref .w-lines{fill:none;stroke:var(--fg);stroke-width:1.75;opacity:.75}.wc-ref .w-icon{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wc-ref .w-dash{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:6 6}.wc-ref .w-strike{stroke:var(--muted);stroke-width:1.5}
@media (max-width:980px){
.wc-ref .ref-split,.wc-ref .ref-services,.wc-ref .ref-card-2{grid-template-columns:1fr}
}@media (max-width:980px){
.wc-ref .ref-svg{max-width:560px;margin-inline:auto}
}@media (max-width:980px){
.wc-ref .ref-close-row{flex-direction:column;align-items:flex-start}
}@media (max-width:980px){
.wc-ref .ref-hero .dw-h1{max-width:20ch}
}
@media (max-width:600px){
.wc-ref .ref-intro,.wc-ref .ref-examples,.wc-ref .ref-step{grid-template-columns:1fr}
}@media (max-width:600px){
.wc-ref .ref-step{gap:16px;padding-left:26px}
}@media (max-width:600px){
.wc-ref .ref-platform,.wc-ref .ref-card{padding:24px}
}@media (max-width:600px){
.wc-ref .dw-h1{font-size:52px}
}@media (max-width:600px){
.wc-ref .ref-examples{margin-block:32px}
}@media (max-width:600px){
.wc-ref .ref-card .dw-p{font-size:17px}
}@media (max-width:600px){
.wc-ref .ref-platform .dw-h3{font-size:30px}
}
.wc-ref .ref-highlight{display:inline-block;background:var(--wc-accent);color:#fff;padding:0 .14em;transform:rotate(-1.2deg)}
.wc-ref .ref-hero .ref-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:80px}
.wc-ref .ref-hero .dw-intro{font-size:22px;line-height:1.5;max-width:620px}
.wc-ref .ref-hero .dw-directe{font-size:18px}
.wc-ref .ref-hero .wc-boto-principal{margin-top:32px}
@media (max-width:980px){
.wc-ref .ref-hero .ref-split{grid-template-columns:1fr;gap:48px}
}
@media (max-width:600px){
.wc-ref .ref-hero .dw-intro{font-size:19px}
}@media (max-width:600px){
.wc-ref .ref-hero .dw-directe{font-size:17px}
}
.wc-ref .ref-accent{color:var(--wc-accent)}
.wc-ref .ref-dark .ref-accent{color:#e252c3}
.wc-ref #feina-comercial>.dw-rail>.ref-split:first-child .dw-p{font-size:22px;line-height:1.5;color:#f4f2ee}
.wc-ref .ref-path{border:0;position:relative;padding-left:60px}
.wc-ref .ref-path:before{content:"";position:absolute;left:11px;top:34px;bottom:34px;width:2px;background:var(--rule2)}
.wc-ref .ref-path-word{border:0;position:relative;font-size:clamp(30px,3.4vw,48px)}
.wc-ref .ref-path-word:before{content:"";position:absolute;left:-56px;top:34px;width:16px;height:16px;border:2px solid #f4f2ee;border-radius:50%;background:#111317}
.wc-ref .ref-path-word:last-child:before{background:var(--wc-accent);border-color:var(--wc-accent);box-shadow:0 0 0 6px #b5309a44}
.wc-ref .ref-example{padding:36px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;gap:48px;border:1px solid var(--rule);background:#1b1e23;border-radius:24px}
.wc-ref .ref-example-light{background:var(--wc-paper);border-color:var(--wc-paper)}
.wc-ref .ref-example-label{font-family:"WC Instrument Condensed",sans-serif;font-size:clamp(32px,3.6vw,52px);text-transform:uppercase;font-weight:700;line-height:1;color:inherit}
.wc-ref #del-plantejament-a-la-publicacio .ref-intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}
.wc-ref #del-plantejament-a-la-publicacio .ref-intro .dw-h2{max-width:none;text-wrap:initial;font-size:clamp(36px,4.4vw,64px)}
.wc-ref .ref-line{display:block}
@media (max-width:980px){
.wc-ref #del-plantejament-a-la-publicacio .ref-intro{grid-template-columns:1fr}
}
.wc-ref .ref-platform{padding:64px;border-radius:32px;background:#181b20;--bg:#181b20;--panel:#21252c;--rule2:#3a3f48;grid-template-columns:1fr 1fr;gap:64px}
.wc-ref .ref-platform .dw-p{font-size:20px;line-height:1.55}
.wc-ref .ref-platform .dw-h3{font-size:48px;text-wrap:initial}
@media (max-width:980px){
.wc-ref .ref-platform{grid-template-columns:1fr;padding:40px}
}
@media (max-width:600px){
.wc-ref .ref-platform{padding:24px}
}@media (max-width:600px){
.wc-ref .ref-platform .dw-p{font-size:18px}
}@media (max-width:600px){
.wc-ref .ref-platform .dw-h3{font-size:32px}
}
.wc-ref #velocitat-mobil-seo .dw-p{font-size:20px;line-height:1.6}
.wc-ref #velocitat-mobil-seo .dw-h2{margin-bottom:36px}
.wc-ref #velocitat-mobil-seo .ref-svg{padding:40px;border:1px dashed var(--rule2);border-radius:28px}
.wc-ref #velocitat-mobil-seo a{color:#e252c3;font-weight:700}
@media (max-width:600px){
.wc-ref #velocitat-mobil-seo .dw-p{font-size:18px}
}@media (max-width:600px){
.wc-ref #velocitat-mobil-seo .ref-svg{padding:24px}
}
.wc-ref #redisseny-control-seo .dw-p{font-size:20px;line-height:1.6}
.wc-ref .ref-keep{border-top:2px solid var(--wc-tinta)}
.wc-ref .ref-keep-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--rule)}
.wc-ref .ref-keep-word{border:0;padding:0;font-size:clamp(32px,3.6vw,52px)}
.wc-ref .ref-icon{display:block;width:36px;flex-shrink:0;color:var(--wc-accent)}
.wc-ref .ref-icon svg{display:block;width:100%;height:auto}
.wc-ref .ref-callout{margin-top:64px;padding:48px;border-radius:32px;font-size:22px;line-height:1.6}
.wc-ref .ref-callout a{color:var(--wc-accent);font-weight:700}
@media (max-width:600px){
.wc-ref #redisseny-control-seo .dw-p{font-size:18px}
}@media (max-width:600px){
.wc-ref .ref-callout{padding:24px;font-size:19px;margin-top:32px}
}@media (max-width:600px){
.wc-ref .ref-keep-row{padding:24px 0}
}@media (max-width:600px){
.wc-ref .ref-icon{width:30px}
}
.wc-ref #gestio-manteniment{padding-block:104px}
.wc-ref #gestio-manteniment .ref-intro{grid-template-columns:7fr 5fr;align-items:center;gap:100px}
.wc-ref #gestio-manteniment .dw-h2{max-width:none;text-wrap:initial}
.wc-ref #gestio-manteniment .dw-p{font-size:20px;line-height:1.6}
.wc-ref .dw-faq{padding-block:120px}
.wc-ref .dw-faq .dw-h2{font-size:clamp(36px,4.4vw,64px);max-width:none;margin-bottom:56px}
.wc-ref .dw-faq .dw-question{grid-template-columns:5fr 6fr;gap:48px;padding-block:40px}
.wc-ref .dw-faq .dw-question:first-of-type{border-top:2px solid var(--wc-tinta)}
.wc-ref .dw-faq .dw-question .dw-h3{font-size:32px;max-width:19ch;line-height:1.1}
.wc-ref .dw-faq .dw-p{font-size:19px;line-height:1.6}
@media (max-width:980px){
.wc-ref #gestio-manteniment .ref-intro{grid-template-columns:1fr;gap:32px}
}
@media (max-width:600px){
.wc-ref #gestio-manteniment,.wc-ref .dw-faq{padding-block:64px}
}@media (max-width:600px){
.wc-ref #gestio-manteniment .dw-p,.wc-ref .dw-faq .dw-p{font-size:18px}
}@media (max-width:600px){
.wc-ref .dw-faq .dw-question{grid-template-columns:1fr;gap:20px;padding-block:28px}
}@media (max-width:600px){
.wc-ref .dw-faq .dw-question .dw-h3{font-size:28px;max-width:none}
}
.wc-ref .ref-close{background:var(--wc-accent);color:#fff}
.wc-ref .ref-close .dw-h2{font-size:clamp(40px,6vw,88px);line-height:.96;max-width:1000px;text-wrap:initial;color:#fff}
.wc-ref .ref-close-row{align-items:flex-end;border-color:#ffffff55;padding-top:36px}
.wc-ref .ref-close .ref-copy .dw-p:first-child{font-size:22px;line-height:1.5;color:#fff}
.wc-ref .ref-close .ref-copy .dw-p:last-child{font-size:18px;line-height:1.5;margin-top:16px;color:#fff}
.wc-ref .ref-close .wc-boto-principal{background:#fff;color:var(--wc-tinta);font-size:18px;padding:18px 32px;min-height:60px}
.wc-ref .ref-close .wc-boto-principal:hover{background:var(--wc-paper);color:var(--wc-tinta)}
.wc-ref .ref-close .wc-boto-principal:focus-visible{outline-color:#fff}
.wc-ref .ref-close .wc-boto-principal::after,.wc-ref .ref-hero .wc-boto-principal::after{content:"→";margin-left:14px}
@media (max-width:980px){
.wc-ref .ref-close-row{align-items:flex-start}
}
@media (max-width:600px){
.wc-ref .ref-close .ref-copy .dw-p:first-child{font-size:19px}
}@media (max-width:600px){
.wc-ref .ref-close .wc-boto-principal{width:100%;display:flex;justify-content:space-between;padding:16px 24px}
}
.wc-ref #webs-i-redissenys .ref-intro{align-items:end}
.wc-ref .ref-services{margin-top:64px}
.wc-ref .ref-card{padding:44px;border-radius:28px}
.wc-ref .ref-card-2{border:1px solid var(--rule)}
.wc-ref .ref-card-2 .ref-svg svg{max-height:none}
.wc-ref .ref-identity{grid-template-columns:1fr 1fr;gap:80px;margin-top:72px}
.wc-ref .ref-identity .ref-svg{padding:40px;background:var(--panel);border:1px solid var(--rule);border-radius:28px}
.wc-ref .ref-examples .dw-p{font-size:19px;line-height:1.55}
.wc-ref .ref-path-word:before{top:50%;margin-top:-8px}
@media (max-width:980px){
.wc-ref #webs-i-redissenys .ref-intro,.wc-ref .ref-identity{grid-template-columns:1fr;gap:40px}
}
@media (max-width:600px){
.wc-ref .ref-card,.wc-ref .ref-identity .ref-svg{padding:24px}
}@media (max-width:600px){
.wc-ref .ref-example{padding:24px;gap:32px}
}@media (max-width:600px){
.wc-ref .ref-examples .dw-p{font-size:18px}
}@media (max-width:600px){
.wc-ref .ref-identity{margin-top:40px}
}
@media (max-width:600px){
.wc-ref .dw-h1{font-size:clamp(44px,13.333vw,52px)}
}