/* WC-GRACIES-DISSENY-FINAL */


/* WC-SEO-REFERENCIA-INICI */

.wc-seo-ref{--accent:var(--wc-accent);--accent-on-dark:var(--wc-accent-fosc);--ink:var(--wc-tinta);--paper:var(--wc-paper);--night:var(--wc-nit);font-family:"WC Instrument Sans",Arial,sans-serif}

.wc-seo-ref .sr-section{padding-block:clamp(72px,9vw,128px)}

.wc-seo-ref .sr-paper{--bg:var(--wc-paper);--fg:#15171b;--body:#15171b;--muted:#4e535c;--rule:#d6d2c9;--rule2:#bdb8ad;--hl:var(--wc-accent);--panel:#fff;background:var(--bg);color:var(--fg)}

.wc-seo-ref .sr-white{--bg:#fff;--fg:#15171b;--body:#15171b;--muted:#4e535c;--rule:#e3e0d9;--rule2:#d6d2c9;--hl:var(--wc-accent);--panel:var(--wc-paper);background:var(--bg);color:var(--fg)}

.wc-seo-ref .sr-dark{--bg:var(--wc-nit);--fg:#f4f2ee;--body:#c9cdd3;--muted:#a7acb4;--rule:#2c3038;--rule2:#3a3f48;--hl:var(--wc-accent-fosc);--panel:#1b1e23;background:var(--bg);color:var(--fg)}

.wc-seo-ref .sr-magenta{--bg:var(--wc-accent);--fg:#fff;--body:#fff;--muted:#fff;--rule:#ffffff66;--rule2:#ffffff80;--hl:#fff;--panel:#ffffff24;background:var(--bg);color:var(--fg)}

.wc-seo-ref .sr-h1,.wc-seo-ref .sr-h2,.wc-seo-ref .sr-h3,.wc-seo-ref .sr-commit-title{font-family:"WC Instrument Condensed",Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02;text-wrap:balance;color:var(--fg);margin:0}

.wc-seo-ref .sr-h1{font-size:clamp(56px,5.9vw,88px);line-height:.98}

.wc-seo-ref .sr-title-line{display:block}

.wc-seo-ref .sr-chip{display:inline-block;background:var(--wc-accent);color:#fff;padding:0 .12em;transform:rotate(-1.2deg)}

.wc-seo-ref .sr-h2{font-size:clamp(36px,4.4vw,64px);max-width:1000px}

.wc-seo-ref .sr-h3,.wc-seo-ref .sr-commit-title{font-size:clamp(32px,3.3vw,48px)}

.wc-seo-ref .sr-hl{color:var(--hl)}

.wc-seo-ref .sr-p{font-size:19px;line-height:1.65;color:var(--body);margin:0}

.wc-seo-ref .sr-p+.sr-p{margin-top:20px}

.wc-seo-ref .sr-copy{min-width:0}

.wc-seo-ref .sr-copy>.sr-h2+.sr-p{margin-top:32px}

.wc-seo-ref .sr-copy>.sr-h3+.sr-p,.wc-seo-ref .sr-copy>.sr-commit-title+.sr-p{margin-top:20px}

.wc-seo-ref .sr-lead{font-size:clamp(20px,1.6vw,23px);line-height:1.5;color:var(--fg);margin:0}

.wc-seo-ref .sr-sub{font-size:18px;line-height:1.55;color:var(--muted);margin:16px 0 0}

.wc-seo-ref .sr-sub em{font-style:normal}

.wc-seo-ref .sr-note{font-size:17px;line-height:1.55;color:var(--muted);max-width:560px;margin:24px 0 0}

.wc-pagina.wc-seo-ref a:not(.wc-boto-principal){color:var(--hl);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

.wc-pagina.wc-seo-ref .wc-boto-principal{display:inline-flex;gap:14px;min-height:56px;max-width:100%;padding:17px 28px;white-space:normal;line-height:1.3;margin:0;font-size:17px}

.wc-seo-ref .wc-boto-principal:after{content:"→";flex-shrink:0}

.wc-seo-ref :focus-visible{outline:3px solid var(--hl);outline-offset:5px}

.wc-seo-ref .sr-art,.wc-seo-ref .sr-svg{display:block;width:100%;min-width:0}

.wc-seo-ref .sr-svg svg{display:block;width:100%;height:auto}

.wc-seo-ref .sr-hero{padding-block:clamp(56px,7vw,104px)}

.wc-seo-ref .sr-hero .sr-rail{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}

.wc-seo-ref .sr-hero .sr-lead{margin-top:36px;max-width:620px}

.wc-seo-ref .sr-hero .wc-boto-principal{margin-top:32px}

.wc-seo-ref .sr-hero-art{max-width:560px}

.wc-seo-ref .sr-services,.wc-seo-ref .sr-commits{margin-top:64px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}

.wc-seo-ref .sr-card{border-radius:28px;padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;gap:32px;min-width:0}

.wc-seo-ref .sr-card .sr-p{font-size:18px;line-height:1.6}

.wc-seo-ref .sr-card .sr-p+.sr-p{margin-top:14px}

.wc-seo-ref .sr-card>.sr-art{margin-top:auto}

.wc-seo-ref .sr-corp{grid-column:span 7}

.wc-seo-ref .sr-content{grid-column:span 5;border:1px solid var(--rule)}

.wc-seo-ref .sr-corp .sr-art{padding-top:32px}

.wc-seo-ref .sr-corp .sr-svg svg{max-height:300px}

.wc-seo-ref .sr-content .sr-svg svg{max-height:210px}

.wc-seo-ref .sr-wide{grid-column:span 12;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:center}

.wc-seo-ref .sr-cycle{display:grid;grid-template-columns:auto 20px auto;gap:16px 12px;justify-content:center;align-items:center}

.wc-seo-ref .sr-cycle>.sr-label:nth-child(3n/**/+1),.wc-seo-ref .sr-cycle>.sr-label:nth-child(3n){border:1px solid var(--rule2);border-radius:999px;padding:12px 20px;font-size:18px;font-weight:600;text-align:center}

.wc-seo-ref .sr-cycle>.sr-label:nth-child(3n/**/+2){font-size:24px;color:#fff}

.wc-seo-ref .sr-mini{grid-column:span 6;gap:24px;border:1px solid var(--rule)}

.wc-seo-ref .sr-mini .sr-h3{font-size:clamp(26px,2.4vw,34px);max-width:440px}

.wc-seo-ref .sr-icon{display:block;width:44px;height:44px;color:var(--hl)}

.wc-seo-ref .sr-icon svg{width:44px;height:44px}

.wc-seo-ref .sr-split .sr-rail{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:72px;align-items:center}

.wc-seo-ref .sr-figure{border:1px dashed var(--rule2);border-radius:28px;padding:clamp(24px,3vw,40px);min-width:0}

.wc-seo-ref .sr-funnel-labels{display:grid;grid-template-columns:30fr 34fr 36fr;gap:12px;margin-top:20px}

.wc-seo-ref .sr-funnel-labels .sr-label{font-size:16px;line-height:1.35;color:var(--muted)}

.wc-seo-ref .sr-funnel-labels .sr-label:last-child{color:var(--hl);font-weight:600}

.wc-seo-ref .sr-fit{padding-block:clamp(64px,7vw,104px)}

.wc-seo-ref .sr-fit .sr-rail{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,6vw,96px);align-items:start}

.wc-seo-ref .sr-fit .sr-h2{font-size:clamp(28px,2.4vw,36px)}

.wc-seo-ref .sr-fit .sr-p{font-size:18px;color:var(--muted);margin-top:16px}

.wc-seo-ref .sr-fit-list{columns:2;column-gap:40px;list-style:none;margin:0;padding:0}

.wc-seo-ref .sr-fit-list li{position:relative;break-inside:avoid;padding:14px 0 14px 32px;border-bottom:1px solid var(--rule);font-size:17px;line-height:1.5}

.wc-seo-ref .sr-fit-list li:before{content:"✓";position:absolute;left:0;top:14px;color:var(--hl)}

.wc-seo-ref .sr-data .sr-copy,.wc-seo-ref .sr-local .sr-copy{grid-column:2;grid-row:1}

.wc-seo-ref .sr-data .sr-figure,.wc-seo-ref .sr-local .sr-local-art{grid-column:1;grid-row:1}

.wc-seo-ref .sr-matrix{position:relative;padding-block:30px}

.wc-seo-ref .sr-matrix>span{position:absolute;font-size:16px;line-height:1}

.wc-seo-ref .sr-mx-yes{left:40%;top:8%;background:var(--wc-accent);color:#fff;border-radius:999px;padding:8px 14px;font-weight:600}

.wc-seo-ref .sr-mx-no{right:3%;top:52%;color:var(--muted);border:1px dashed var(--rule2);border-radius:999px;padding:8px 14px;font-weight:600}

.wc-seo-ref .sr-mx-y{left:0;top:4px;color:var(--muted)}

.wc-seo-ref .sr-mx-x{right:0;bottom:4px;color:var(--muted)}

.wc-seo-ref .sr-head-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:end}

.wc-seo-ref .sr-commits{margin-top:56px}

.wc-seo-ref .sr-commit{grid-column:span 6}

.wc-seo-ref .sr-commit.sr-wide{grid-column:span 12}

.wc-seo-ref .sr-accounts{display:flex;flex-direction:column;gap:12px;margin-top:auto}

.wc-seo-ref .sr-accounts>.sr-label{display:flex;align-items:center;gap:12px;border:1px solid var(--rule2);border-radius:18px;padding:18px 22px;background:var(--panel);font-weight:600}

.wc-seo-ref .sr-accounts>.sr-label:after{content:"✓";margin-left:auto;display:grid;place-items:center;background:var(--wc-accent);border-radius:50%;width:22px;height:22px;font-size:14px}

.wc-seo-ref .sr-report{display:flex;flex-direction:column;background:var(--panel);border-radius:18px;padding:6px 22px;margin-top:auto}

.wc-seo-ref .sr-report>.sr-label{display:flex;align-items:center;gap:16px;justify-content:space-between;padding-block:14px;border-bottom:1px solid var(--rule);font-size:17px;font-weight:600}

.wc-seo-ref .sr-report>.sr-label:after{content:"";width:24%;height:8px;background:var(--rule2);border-radius:4px}

.wc-seo-ref .sr-report>.sr-label:last-child{border:0}

.wc-seo-ref .sr-report>.sr-label:last-child:after{background:var(--wc-accent)}

.wc-seo-ref .sr-contact-chain{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-left:28px}

.wc-seo-ref .sr-contact-chain>.sr-label:nth-child(odd){border:1px solid var(--rule2);border-radius:999px;padding:12px 22px;font-size:18px;font-weight:600}

.wc-seo-ref .sr-contact-chain>.sr-label:nth-child(even){margin-left:28px;font-size:22px;color:var(--rule2)}

.wc-seo-ref .sr-contact-chain>.sr-label:last-child{background:var(--wc-nit);color:#fff;border-color:var(--wc-nit)}

.wc-seo-ref .sr-ai-head{align-items:start}

.wc-seo-ref .sr-ai-evidence{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;margin-top:56px}

.wc-seo-ref .sr-network{--seo-line:#414650;--seo-panel:#1c2026;width:100%;max-width:520px;justify-self:center}

.wc-seo-ref .sr-found{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

.wc-seo-ref .sr-found>.sr-label{min-height:118px;display:flex;align-items:flex-end;background:var(--panel);border:1px solid #2c3038;border-radius:20px;padding:24px;font-family:"WC Instrument Condensed",Arial,sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;line-height:1.05}

.wc-seo-ref .sr-found>.sr-label:last-child{background:#f4f2ee;color:#15171b}

.wc-seo-ref .sr-closing{max-width:1000px;font-size:clamp(24px,2.4vw,34px);font-weight:500;letter-spacing:-.02em;line-height:1.3;color:var(--fg);margin-top:56px}

.wc-seo-ref .sr-local-art{max-width:520px}

.wc-seo-ref .sr-local-service{border:1px solid var(--rule)}

.wc-seo-ref .sr-local-service .sr-local-art{width:100%;justify-self:center}

.wc-seo-ref .sr-second-opinion{margin-top:32px;max-width:800px;font-size:17px}

.wc-seo-ref .sr-local-labels{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}

.wc-seo-ref .sr-local-labels>.sr-label{border:1px solid var(--rule2);border-radius:999px;padding:8px 16px;font-size:17px}

.wc-seo-ref .sr-local-labels>.sr-label:last-child{background:var(--wc-accent);color:#fff;border-color:var(--wc-accent)}

.wc-seo-ref .sr-faq-list{margin-top:56px;border-top:1px solid var(--fg)}

.wc-seo-ref .sr-question{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);padding-block:clamp(28px,3vw,40px);border-bottom:1px solid var(--rule);align-items:start}

.wc-seo-ref .sr-question .sr-h3{font-size:clamp(24px,2.3vw,32px);max-width:420px;line-height:1.05}

.wc-seo-ref .sr-question .sr-p{font-size:18px;line-height:1.65}

.wc-seo-ref .sr-close .sr-h2{font-size:clamp(40px,6vw,88px);line-height:1;max-width:1180px}

.wc-seo-ref .sr-close-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;margin-top:48px;padding-top:36px;border-top:1px solid var(--rule);align-items:end}

.wc-pagina.wc-seo-ref .sr-close .wc-boto-principal{background:#fff;color:var(--wc-tinta)}

.wc-seo-ref .sr-close .sr-note{font-size:16px}

.wc-seo-ref .sr-close .sr-sub{font-size:17px}

@media (max-width:1100px){
.wc-seo-ref .sr-split .sr-rail{gap:40px}
}@media (max-width:1100px){
.wc-seo-ref .sr-card{padding:32px}
}@media (max-width:1100px){
.wc-seo-ref .sr-cycle>.sr-label:nth-child(3n/**/+1),.wc-seo-ref .sr-cycle>.sr-label:nth-child(3n){padding:10px 14px;font-size:16px}
}@media (max-width:1100px){
.wc-seo-ref .sr-head-row{gap:40px}
}

@media (max-width:980px){
.wc-seo-ref .sr-hero .sr-rail{grid-template-columns:1fr;gap:48px}
}@media (max-width:980px){
.wc-seo-ref .sr-hero-art{max-width:520px;margin-inline:auto}
}@media (max-width:980px){
.wc-seo-ref .sr-title-line{display:inline}
}@media (max-width:980px){
.wc-seo-ref .sr-h1{max-width:700px}
}@media (max-width:980px){
.wc-seo-ref .sr-corp,.wc-seo-ref .sr-content,.wc-seo-ref .sr-mini,.wc-seo-ref .sr-commit{grid-column:span 12}
}@media (max-width:980px){
.wc-seo-ref .sr-wide{grid-template-columns:1fr}
}@media (max-width:980px){
.wc-seo-ref .sr-corp .sr-art,.wc-seo-ref .sr-content .sr-art{max-width:520px;margin-inline:auto}
}@media (max-width:980px){
.wc-seo-ref .sr-fit .sr-rail{grid-template-columns:1fr;gap:32px}
}@media (max-width:980px){
.wc-seo-ref .sr-question{grid-template-columns:1fr;gap:20px}
}@media (max-width:980px){
.wc-seo-ref .sr-question .sr-h3{max-width:650px}
}@media (max-width:980px){
.wc-seo-ref .sr-close-grid{grid-template-columns:1fr;gap:32px}
}@media (max-width:980px){
.wc-seo-ref .sr-ai-evidence{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
}@media (max-width:980px){
.wc-seo-ref .sr-found>.sr-label{font-size:25px;padding:20px;min-height:105px}
}@media (max-width:980px){
.wc-seo-ref .sr-contact-chain{padding-left:0}
}@media (max-width:980px){
.wc-seo-ref .sr-cycle{justify-content:start}
}

@media (max-width:820px){
.wc-seo-ref .sr-split .sr-rail,.wc-seo-ref .sr-head-row{grid-template-columns:1fr;gap:40px}
}@media (max-width:820px){
.wc-seo-ref .sr-data .sr-copy,.wc-seo-ref .sr-local .sr-copy,.wc-seo-ref .sr-data .sr-figure,.wc-seo-ref .sr-local .sr-local-art{grid-column:auto;grid-row:auto}
}@media (max-width:820px){
.wc-seo-ref .sr-figure,.wc-seo-ref .sr-local-art{width:100%;max-width:560px;margin-inline:auto}
}@media (max-width:820px){
.wc-seo-ref .sr-ai-evidence{grid-template-columns:1fr}
}@media (max-width:820px){
.wc-seo-ref .sr-found{grid-template-columns:repeat(3,minmax(0,1fr))}
}@media (max-width:820px){
.wc-seo-ref .sr-found>.sr-label{font-size:28px}
}

@media (max-width:640px){
.wc-seo-ref .sr-fit-list{columns:1}
}@media (max-width:640px){
.wc-seo-ref .sr-found{grid-template-columns:repeat(2,minmax(0,1fr))}
}@media (max-width:640px){
.wc-seo-ref .sr-section{padding-block:64px}
}@media (max-width:640px){
.wc-seo-ref .sr-h1{font-size:clamp(48px,12vw,64px)}
}@media (max-width:640px){
.wc-seo-ref .sr-h2{font-size:40px}
}@media (max-width:640px){
.wc-seo-ref .sr-p{font-size:18px}
}@media (max-width:640px){
.wc-seo-ref .sr-lead{font-size:21px}
}@media (max-width:640px){
.wc-seo-ref .sr-card{padding:28px}
}@media (max-width:640px){
.wc-seo-ref .sr-h3,.wc-seo-ref .sr-commit-title{font-size:34px}
}@media (max-width:640px){
.wc-seo-ref .sr-services{margin-top:40px}
}@media (max-width:640px){
.wc-seo-ref .sr-figure{padding:24px}
}@media (max-width:640px){
.wc-seo-ref .sr-funnel-labels{grid-template-columns:1fr;gap:10px}
}@media (max-width:640px){
.wc-seo-ref .sr-funnel-labels>.sr-label{padding-left:16px;border-left:1px solid var(--rule2)}
}@media (max-width:640px){
.wc-seo-ref .sr-matrix>span{font-size:13px}
}@media (max-width:640px){
.wc-seo-ref .sr-mx-yes,.wc-seo-ref .sr-mx-no{padding:7px 10px}
}@media (max-width:640px){
.wc-seo-ref .sr-found>.sr-label{font-size:25px;padding:20px}
}@media (max-width:640px){
.wc-seo-ref .sr-close .sr-h2{font-size:44px}
}@media (max-width:640px){
.wc-pagina.wc-seo-ref .wc-boto-principal{width:100%;justify-content:space-between;font-size:16px;padding:16px 22px}
}@media (max-width:640px){
.wc-seo-ref .sr-closing{font-size:25px}
}@media (max-width:640px){
.wc-seo-ref .sr-note{font-size:16px}
}

/* Narrow layouts must not inherit the minimum width of the cycle labels. */

@media (max-width:980px){
.wc-seo-ref .sr-wide{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:380px){
.wc-seo-ref .sr-cycle{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:12px 8px;width:100%;max-width:280px}
}@media (max-width:380px){
.wc-seo-ref .sr-cycle>.sr-label:nth-child(3n/**/+1),.wc-seo-ref .sr-cycle>.sr-label:nth-child(3n){padding:10px 8px;font-size:14px}
}@media (max-width:380px){
.wc-seo-ref .sr-cycle>.sr-label:nth-child(3n/**/+2){font-size:20px}
}

@media (max-width:520px){
.wc-seo-ref .sr-found{grid-template-columns:minmax(0,1fr)}
}@media (max-width:520px){
.wc-seo-ref .sr-found>.sr-label{min-height:90px}
}

.wc-seo-ref .w-panel{fill:var(--panel);stroke:var(--rule2);stroke-width:1.5}

.wc-seo-ref .w-bg{fill:var(--bg);stroke:var(--rule2);stroke-width:1.5}

.wc-seo-ref .w-bgn{fill:var(--bg)}

.wc-seo-ref .w-fg{fill:var(--fg);opacity:.92}

.wc-seo-ref .w-mut{fill:var(--muted);opacity:.5}

.wc-seo-ref .w-rule{fill:var(--rule)}

.wc-seo-ref .w-rule2{fill:var(--rule2)}

.wc-seo-ref .w-acc{fill:var(--accent)}

.wc-seo-ref .w-white{fill:#fff}

.wc-seo-ref .w-night{fill:#111317}

.wc-seo-ref .w-dot{fill:var(--rule2)}

.wc-seo-ref .w-line{fill:none;stroke:var(--rule2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.wc-seo-ref .w-lines{fill:none;stroke:var(--fg);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;opacity:.75}

.wc-seo-ref .w-icon{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.wc-seo-ref .w-dash{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:6 6;opacity:.8}

.wc-seo-ref .w-strike{stroke:var(--muted);stroke-width:1.5;opacity:.8}

.wc-seo-ref .w-bgacc{fill:var(--bg);stroke:var(--accent);stroke-width:2}

.wc-seo-ref .w-accfg{fill:var(--hl)}

.wc-seo-ref .w-panelhi{fill:var(--panel);stroke:var(--accent);stroke-width:2}

.wc-seo-ref .w-lineS{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;opacity:.7}

.wc-seo-ref .w-mutdot{fill:var(--muted);opacity:.6}

.wc-seo-ref .w-ring{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke:var(--accent);stroke-width:2}

.wc-seo-ref .w-ringfar{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 8;opacity:.55}

.wc-seo-ref .f-dot{fill:var(--muted);opacity:.55}

.wc-seo-ref .f-hot{fill:var(--accent)}

.wc-seo-ref .f-edge{fill:none;stroke:var(--rule2);stroke-width:1.5;stroke-linejoin:round}

.wc-seo-ref .f-link{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}

.wc-seo-ref .f-cap{display:grid;grid-template-columns:30fr 34fr 36fr;gap:12px;margin-top:20px}

.wc-seo-ref .f-cap{grid-template-columns:1fr}