

/* WC-SEO-REFERENCIA-FINAL */



/* WC-INT-REFERENCIA-INICI */

.wc-int-ref{

  --accent:#B5309A;

  --accent-on-dark:#E252C3;

  --ink:#15171B; --paper:#F6F5F2; --night:#111317;



  

  --h-tt:uppercase; --h-stretch:75%; --h-wt:700; --h-ls:-.01em; --h-lh:.95;

  --h1:clamp(56px,8.4vw,128px);

  --h2:clamp(40px,5.4vw,80px);

  --d-big:clamp(40px,4.6vw,68px);

  --d-mid:clamp(30px,3.4vw,48px);

  --d-word:clamp(40px,4.4vw,64px);

  --d-lang:clamp(24px,2.4vw,34px);

  --d-tile:clamp(28px,2.8vw,40px);

  --d-minor:clamp(28px,2.8vw,40px);

  --d-cta:clamp(44px,7vw,104px);

}

.wc-int-ref *,.wc-int-ref *::before,.wc-int-ref *::after{box-sizing:border-box}

.wc-int-ref{margin:0;background:#111317;color:var(--ink);font-family:"Instrument Sans","Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

.wc-int-ref svg{display:block}

.wc-int-ref a{color:inherit}



.wc-int-ref h1,.wc-int-ref h2,.wc-int-ref h3{margin:0}

.wc-int-ref :focus-visible{outline:3px solid var(--hl,var(--accent));outline-offset:3px;border-radius:4px}

.wc-int-ref .wrap{max-width:1280px;margin:0 auto;padding-inline:clamp(20px,4vw,40px)}

.wc-int-ref .tone{background:var(--bg);color:var(--fg)}

.wc-int-ref .tone-dark{--bg:#111317;--fg:#F4F2EE;--body:#C9CDD3;--muted:#A7ACB4;--rule:#2C3038;--rule2:#3A3F48;--btn:#4A505A;--hl:var(--accent-on-dark);--panel:#1B1E23;--inv-bg:#F4F2EE;--inv-fg:#15171B}

.wc-int-ref .tone-dark2{--bg:#181B20;--fg:#F4F2EE;--body:#C9CDD3;--muted:#A7ACB4;--rule:#2C3038;--rule2:#3A3F48;--btn:#4A505A;--hl:var(--accent-on-dark);--panel:#21252C;--inv-bg:#F4F2EE;--inv-fg:#15171B}

.wc-int-ref .tone-light{--bg:#F6F5F2;--fg:#15171B;--body:#15171B;--muted:#4E535C;--rule:#D6D2C9;--rule2:#BDB8AD;--btn:#15171B;--hl:var(--accent);--panel:#FFFFFF;--inv-bg:#111317;--inv-fg:#F4F2EE}

.wc-int-ref .tone-white{--bg:#FFFFFF;--fg:#15171B;--body:#15171B;--muted:#4E535C;--rule:#E3E0D9;--rule2:#D6D2C9;--btn:#15171B;--hl:var(--accent);--panel:#F6F5F2;--inv-bg:#111317;--inv-fg:#F4F2EE;border-top:1px solid #E3E0D9}

.wc-int-ref .tone-accent{--bg:var(--accent);--fg:#FFFFFF;--body:#FFFFFF;--muted:#FFFFFF;--rule:rgba(255,255,255,.4);--rule2:rgba(255,255,255,.5);--btn:#FFFFFF;--hl:#FFFFFF;--panel:rgba(255,255,255,.14);--inv-bg:#111317;--inv-fg:#FFFFFF;--lp1:#fff;--lp2:#fff;--lp3:#fff;--lp4:#fff}

.wc-int-ref .tone-accent .hl{background:var(--night);color:#fff;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

.wc-int-ref .d{font-weight:var(--h-wt);font-stretch:var(--h-stretch);text-transform:var(--h-tt);letter-spacing:var(--h-ls);line-height:var(--h-lh);text-wrap:balance}

.wc-int-ref h1.d{font-size:var(--h1);max-width:1180px}

.wc-int-ref h2.d{font-size:var(--h2);max-width:1120px}

.wc-int-ref .hl{color:var(--hl)}

.wc-int-ref .lead{font-size:clamp(19px,1.6vw,22px);line-height:1.5;color:var(--fg)}

.wc-int-ref .body{font-size:19px;line-height:1.65;color:var(--body)}

.wc-int-ref .muted{color:var(--muted)}

.wc-int-ref .sub{font-size:18px;line-height:1.55;color:var(--muted)}

.wc-int-ref .note{font-size:16px;line-height:1.5;color:var(--muted);max-width:480px}

.wc-int-ref .ja{font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;font-stretch:100%}

.wc-int-ref .hero{min-height:760px;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(48px,6vw,80px)}

.wc-int-ref .hero .wrap{width:100%}

.wc-int-ref .foot-row{margin-top:48px;padding-top:32px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px 64px}

.wc-int-ref .hero-copy{flex:1 1 520px;min-width:0;max-width:640px}

.wc-int-ref .hero-copy .sub{margin-top:14px}

.wc-int-ref .cta-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}

.wc-int-ref .cta-row{display:flex;flex-wrap:wrap;gap:12px}

.wc-int-ref .sec{padding-block:clamp(72px,9vw,128px)}





.wc-int-ref .head-row .body{flex:1 1 400px;min-width:0}

.wc-int-ref .chip{border:1px solid var(--rule2);border-radius:999px;padding:4px 14px;font-size:16px;color:var(--muted)}

.wc-int-ref .link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:17px;font-weight:600;color:var(--fg);text-decoration:underline;text-decoration-color:var(--btn);text-decoration-thickness:2px;text-underline-offset:6px}

.wc-int-ref .link svg{width:16px;height:16px}





.wc-int-ref .split>.col-s{flex:1 1 440px;min-width:0}

.wc-int-ref .split .body{margin-top:28px}

.wc-int-ref .split .body+.body{margin-top:16px}

.wc-int-ref .split .link{margin-top:28px}

.wc-int-ref .chips{display:flex;flex-wrap:wrap;gap:8px}

.wc-int-ref .found{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}

.wc-int-ref .found li{background:var(--panel);border-radius:20px;padding:28px;min-height:150px;display:flex;align-items:flex-end;font-size:var(--d-tile);font-weight:var(--h-wt);font-stretch:var(--h-stretch);text-transform:var(--h-tt);letter-spacing:var(--h-ls);line-height:1}

.wc-int-ref .found li.inv{background:var(--inv-bg);color:var(--inv-fg)}

.wc-int-ref .closing{margin-top:56px;max-width:1000px;font-size:clamp(24px,2.4vw,34px);font-weight:500;letter-spacing:-.02em;line-height:1.3;text-wrap:pretty}

.wc-int-ref .cta h2.d{font-size:var(--d-cta);line-height:.93;max-width:1180px}

.wc-int-ref .cta .foot-row{padding-top:36px}

.wc-int-ref .cta .hero-copy{max-width:720px}

.wc-int-ref .cta .sub{font-size:17px}

@media (max-width:820px){
.wc-int-ref .hero{min-height:0}
}

.wc-int-ref{--d-big:clamp(34px,3.6vw,52px);--h2m:clamp(36px,4.4vw,64px);--h3c:clamp(32px,3.3vw,48px)}

.wc-int-ref{background:#0B0C0F}

.wc-int-ref .tone-dark,.wc-int-ref .tone-dark2{--strong:#4A505A}

.wc-int-ref .tone-light,.wc-int-ref .tone-white{--strong:#15171B}

.wc-int-ref h2.d.h2m{font-size:var(--h2m);max-width:1000px}

.wc-int-ref .sec-tight{padding-block:clamp(64px,7vw,104px)}

.wc-int-ref .art svg{display:block;width:100%;height:auto}

.wc-int-ref .w-panel{fill:var(--panel);stroke:var(--rule2);stroke-width:1.5}

.wc-int-ref .w-bg{fill:var(--bg);stroke:var(--rule2);stroke-width:1.5}

.wc-int-ref .w-bgn{fill:var(--bg)}

.wc-int-ref .w-fg{fill:var(--fg);opacity:.92}

.wc-int-ref .w-mut{fill:var(--muted);opacity:.5}

.wc-int-ref .w-rule{fill:var(--rule)}

.wc-int-ref .w-acc{fill:var(--accent)}

.wc-int-ref .w-dot{fill:var(--rule2)}

.wc-int-ref .w-line{fill:none;stroke:var(--rule2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.wc-int-ref .w-lines{fill:none;stroke:var(--fg);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;opacity:.75}

.wc-int-ref .w-dash{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:6 6;opacity:.8}

.wc-int-ref .hero-web{min-height:0;padding-block:clamp(56px,7vw,104px)}

.wc-int-ref .hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px clamp(32px,5vw,80px);align-items:center}

.wc-int-ref h1.d.h1-web{font-size:clamp(46px,5.9vw,88px);max-width:none}

.wc-int-ref .hero-web .lead{margin-top:36px;max-width:620px}

.wc-int-ref .hero-web .sub{margin-top:16px;max-width:620px}

.wc-int-ref .hero-web .cta-row{margin-top:32px}

.wc-int-ref .bento{margin-top:64px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}

.wc-int-ref .card{border-radius:28px;padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;gap:32px;min-width:0}

.wc-int-ref .card h3{font-size:var(--h3c);line-height:.95}

.wc-int-ref .card p{font-size:18px;line-height:1.6;color:var(--body)}

.wc-int-ref .card p+p{margin-top:14px}

.wc-int-ref .card strong{font-weight:600;color:var(--fg)}

.wc-int-ref .card .art{margin-top:auto}

.wc-int-ref .card-corp{grid-column:span 7}

.wc-int-ref .card-redis{grid-column:span 5}

.wc-int-ref .card.tone-white{border:1px solid var(--rule)}

.wc-int-ref .card .art svg{max-height:210px}

.wc-int-ref .split{display:flex;flex-wrap:wrap;align-items:center;gap:48px 72px}

.wc-int-ref .split>.col{flex:1 1 520px;min-width:0}

.wc-int-ref .split>.col-s{flex:1 1 420px;min-width:0}

.wc-int-ref .head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 64px}

.wc-int-ref .head-row h2{flex:1.3 1 520px;min-width:0}

.wc-int-ref .head-row .body{flex:1 1 380px;min-width:0;max-width:520px}

.wc-int-ref .tx p{font-size:19px;line-height:1.65;color:var(--body)}

.wc-int-ref .tx p+p{margin-top:20px}

.wc-int-ref .tx h2+p{margin-top:32px}

.wc-int-ref .tx strong{font-weight:600;color:var(--fg)}

.wc-int-ref .tx a{color:var(--hl);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

.wc-int-ref .tx a:hover{text-decoration-color:var(--fg)}

.wc-int-ref .faq{margin-top:56px;border-top:2px solid var(--strong)}

.wc-int-ref .qa{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px clamp(32px,6vw,96px);align-items:start;padding-block:clamp(28px,3vw,40px);border-bottom:1px solid var(--rule)}

.wc-int-ref .qa h3{font-size:clamp(24px,2.3vw,32px);line-height:1.05;max-width:420px}

.wc-int-ref .qa p{font-size:18px;line-height:1.65;color:var(--body);max-width:640px}

.wc-int-ref .cta-web h2.d{font-size:clamp(40px,6vw,88px);line-height:.93;max-width:1180px}

.wc-int-ref .cta-web .foot-row{padding-top:36px}

.wc-int-ref .cta-web .hero-copy{max-width:720px}

.wc-int-ref .cta-web .sub{font-size:17px}

@media (max-width:980px){
.wc-int-ref .hero-grid{grid-template-columns:1fr}
}@media (max-width:980px){


.wc-int-ref .hero-art{max-width:560px}
}@media (max-width:980px){


.wc-int-ref .card-corp,.wc-int-ref .card-redis{grid-column:span 12}
}@media (max-width:980px){


.wc-int-ref .qa{grid-template-columns:1fr}
}

.wc-int-ref .w-panelhi{fill:var(--panel);stroke:var(--accent);stroke-width:2}

.wc-int-ref .w-ring{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke:var(--accent);stroke-width:2}

.wc-int-ref .f-link{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}

.wc-int-ref .hero-note{margin-top:28px;max-width:560px;font-size:17px}

.wc-int-ref .card-wide{grid-column:span 12;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px clamp(32px,5vw,72px);align-items:center}

.wc-int-ref .card-wide .art{margin:0}

.wc-int-ref .card mark{background:none;color:var(--hl);font-weight:600}

.wc-int-ref .who-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px clamp(32px,6vw,96px);align-items:start}

.wc-int-ref .who h2.d{font-size:clamp(26px,2.4vw,36px);line-height:1}

.wc-int-ref .who .intro-s{margin-top:16px;font-size:18px;line-height:1.5;color:var(--muted)}

.wc-int-ref .who ul{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}

.wc-int-ref .who li{break-inside:avoid;display:flex;gap:12px;align-items:flex-start;padding-block:14px;border-bottom:1px solid var(--rule);font-size:17px;line-height:1.5;color:var(--body)}

.wc-int-ref .who li svg{width:22px;height:22px;flex:none;margin-top:2px;color:var(--hl)}

.wc-int-ref .found{grid-template-columns:repeat(3,minmax(0,1fr))}

.wc-int-ref .tone-dark .found li{border:1px solid #2C3038}

.wc-int-ref .closing{max-width:1000px}

.wc-int-ref .qa p+p{margin-top:14px}

.wc-int-ref .qa a{color:var(--hl);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

@media (max-width:980px){
.wc-int-ref .card-wide{grid-column:span 12}
}@media (max-width:980px){


.wc-int-ref .card-wide{grid-template-columns:1fr}
}@media (max-width:980px){


.wc-int-ref .who-grid{grid-template-columns:1fr}
}

@media (max-width:900px){
.wc-int-ref .found{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
.wc-int-ref .who ul{columns:1}
}

@media (max-width:520px){
.wc-int-ref .found{grid-template-columns:1fr}
}

.wc-int-ref .card-corp .art svg{max-height:300px}

.wc-int-ref .head-row-top{align-items:flex-start}

.wc-int-ref h1.d.h1-intl{font-size:clamp(32px,4.9vw,72px);line-height:.95;max-width:none}

.wc-int-ref .hero-web .lead{margin-top:32px}

.wc-int-ref .hero-art{padding-top:14px}

.wc-int-ref .stage{position:relative}

.wc-int-ref .stage svg{display:block;width:100%;height:auto}

.wc-int-ref .ht{position:absolute;transform:translateY(-50%);background:var(--bg);border:1px solid var(--rule2);border-radius:999px;padding:4px 12px;font-size:16px;font-weight:600;line-height:1.1;color:var(--fg);white-space:nowrap}

.wc-int-ref .ht.hot{background:var(--accent);border-color:var(--accent);color:#fff}

.wc-int-ref .hero-web .cta-row{align-items:center;gap:14px 28px}

.wc-int-ref .tg{align-self:flex-start;display:inline-block;background:var(--panel);border:1px solid var(--rule2);border-radius:999px;padding:4px 12px;font-size:16px;font-weight:600;line-height:1.2;color:var(--fg)}

.wc-int-ref .tg.hot{background:var(--accent);border-color:var(--accent);color:#fff}

.wc-int-ref .xt-wrap{margin-top:56px;border-radius:32px;overflow:hidden;border:1px solid var(--rule);background:var(--panel)}

.wc-int-ref .card-line{border:1px solid var(--rule)}

.wc-int-ref .mk{background:var(--panel);border:1px solid var(--rule);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:16px}

.wc-int-ref .mk-head,.wc-int-ref .mk-row{display:grid;grid-template-columns:100px minmax(0,1fr) 112px;gap:16px;align-items:center}

.wc-int-ref .mk-head{font-size:16px;font-weight:600;color:var(--muted)}

.wc-int-ref .mk-row{font-size:17px;color:var(--fg)}

.wc-int-ref .mk-row .ir-b{font-weight:600}

.wc-int-ref .mk-row .mb{display:block;height:12px;border-radius:6px;background:color-mix(in srgb,var(--fg) 9%,transparent)}

.wc-int-ref .mk-row .mb .ir-i{display:block;height:100%;border-radius:6px;background:var(--fg);opacity:.85}

.wc-int-ref .mk-row .dots{display:flex;gap:6px;align-items:center}

.wc-int-ref .mk-row .dots .ir-u{display:block;width:14px;height:14px;border-radius:50%;background:var(--muted);opacity:.6;text-decoration:none}

.wc-int-ref .mk-row .dots .ir-u.q{width:26px;height:26px;opacity:1;background:none;border:1.5px dashed var(--accent);color:var(--accent);font-size:16px;font-weight:700;line-height:23px;text-align:center}

.wc-int-ref .sbars{display:flex;flex-direction:column;gap:12px}

.wc-int-ref .sb{display:flex;align-items:center;gap:14px;background:var(--bg);border:1px solid var(--rule2);border-radius:999px;padding:9px 20px 9px 10px}

.wc-int-ref .sb .tg{min-width:68px;text-align:center}

.wc-int-ref .sb .ir-i{display:block;height:8px;border-radius:4px;background:var(--rule2)}

.wc-int-ref .sb-chips{margin-top:16px}

.wc-int-ref .cities3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

.wc-int-ref .cities3 figure{margin:0;display:flex;flex-direction:column;gap:10px}

.wc-int-ref .cities3 svg{width:100%;height:auto;max-height:none}

.wc-int-ref .cities3 .ir-caption{font-size:17px;font-weight:600;color:var(--fg)}

.wc-int-ref .cities3 figure.hot .ir-caption{color:var(--hl)}

.wc-int-ref .tree{display:flex;flex-direction:column;align-items:stretch}

.wc-int-ref .tree-root{align-self:center}

.wc-int-ref .tp{display:inline-block;background:#fff;color:#15171B;border-radius:999px;padding:8px 16px;font-size:17px;font-weight:600;line-height:1.1}

.wc-int-ref .tp.dk{background:#111317;color:#fff}

.wc-int-ref .card .tree svg{width:100%;height:44px;max-height:none}

.wc-int-ref .tree-kids{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center}

.wc-int-ref .hre{position:relative;margin:18px 10% 28px;height:24px;border:2px dashed rgba(255,255,255,.8);border-top:0;border-radius:0 0 16px 16px}

.wc-int-ref .hre span{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);background:var(--accent);padding:0 12px;font-size:16px;font-weight:600;line-height:1.6;color:#fff}

.wc-int-ref .trustmods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

.wc-int-ref .trustmods figure{margin:0;display:flex;flex-direction:column;gap:10px}

.wc-int-ref .trustmods svg{width:100%;height:auto;max-height:none}

.wc-int-ref .ja-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}

.wc-int-ref .ja-panel{background:var(--accent);color:#fff;padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:520px}

.wc-int-ref .ja-big{margin:0;font-size:clamp(88px,11vw,176px);line-height:1.02;font-weight:700;letter-spacing:.02em}

.wc-int-ref .ja-tag{font-size:var(--d-word);line-height:.95}

.wc-int-ref .ja-copy{padding:clamp(56px,8vw,112px) clamp(24px,5vw,72px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:780px}

.wc-int-ref .ja-copy .body{margin-top:24px}

.wc-int-ref .ja-copy h2+.body{margin-top:28px}

.wc-int-ref .ja-copy .chips{margin-top:28px}

.wc-int-ref .ja-copy .chip{border-color:var(--rule2);color:var(--fg);padding:8px 16px;font-size:17px}

.wc-int-ref .ja-copy .chip.hot{background:var(--accent);border-color:var(--accent);color:#fff}

.wc-int-ref .ja-cmp{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(72px,9vw,128px)}

.wc-int-ref .cmp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

.wc-int-ref .cmp{margin:0;background:#fff;border:1px solid var(--rule);border-radius:28px;padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:20px}

.wc-int-ref .cmp svg{width:100%;height:auto}

.wc-int-ref .cmp .ir-caption{font-size:18px;font-weight:600;color:var(--muted)}

.wc-int-ref .cmp.hot .ir-caption{color:var(--hl)}

.wc-int-ref .ja-cmp .closing{margin-top:56px}

.wc-int-ref .duo{margin-top:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

.wc-int-ref .duo .t{font-size:var(--h3c);line-height:.95;color:var(--fg)}

.wc-int-ref .eq{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}

.wc-int-ref .eq figure{margin:0;display:flex;flex-direction:column;gap:10px}

.wc-int-ref .eq svg{width:100%;height:auto;max-height:none}

.wc-int-ref .eq .sign{font-size:40px;font-weight:700;line-height:1;color:var(--hl)}

.wc-int-ref .route{display:flex;flex-direction:column;gap:22px}

.wc-int-ref .route-line{display:flex;align-items:center;gap:10px}

.wc-int-ref .route .dash{flex:1;height:0;border-top:2px dashed var(--rule2)}

.wc-int-ref .route .rp{width:34px;height:34px;color:var(--hl);flex:none}

.wc-int-ref .tg-big{background:var(--panel);border:1px solid var(--rule2);border-radius:999px;padding:10px 22px;font-size:20px;font-weight:700;line-height:1.1;color:var(--fg)}

.wc-int-ref .tg-big.hot{background:var(--accent);border-color:var(--accent);color:#fff}

.wc-int-ref .phases{background:#fff;border:1px solid var(--rule);border-radius:28px;padding:clamp(22px,2.8vw,34px);display:flex;flex-direction:column;gap:28px}

.wc-int-ref .ph-h{font-size:16px;font-weight:600;color:var(--muted)}

.wc-int-ref .ph-h.hot{color:var(--hl)}

.wc-int-ref .ph-vers{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

.wc-int-ref .ph-vers span{border:1px solid var(--rule2);border-radius:12px;padding:10px 14px;font-size:17px;font-weight:600;color:var(--fg);background:var(--panel)}

.wc-int-ref .ph-vers .dead{border-style:dashed;color:var(--muted);background:transparent}

.wc-int-ref .ph-s{margin-top:12px;font-size:17px;color:var(--muted)}

.wc-int-ref .ph-steps{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}

.wc-int-ref .st{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.35;color:var(--muted);background:var(--panel);border:1px solid var(--rule)}

.wc-int-ref .st .k{font-weight:600}

.wc-int-ref .st .ir-b{font-size:19px;line-height:1.2;font-weight:600;color:var(--fg)}

.wc-int-ref .st1{min-height:130px}

.wc-int-ref .st2{min-height:180px;background:var(--accent);border-color:var(--accent);color:#fff}

.wc-int-ref .st2 .k,.wc-int-ref .st2 .ir-b{color:#fff}

.wc-int-ref .st3{min-height:230px;border-style:dashed;background:transparent}

.wc-int-ref .ph-base{margin-top:10px;background:var(--inv-bg);color:var(--inv-fg);border-radius:14px;padding:14px 18px;font-size:17px;font-weight:600;text-align:center}

@media (max-width:980px){
.wc-int-ref .duo,.wc-int-ref .cmp-grid{grid-template-columns:1fr}
}

@media (max-width:820px){
.wc-int-ref .ja-split{grid-template-columns:1fr}
}@media (max-width:820px){


.wc-int-ref .ja-panel{min-height:0}
}

@media (max-width:560px){
.wc-int-ref .mk-head,.wc-int-ref .mk-row{grid-template-columns:24px minmax(0,1fr) 98px;gap:10px}
}@media (max-width:560px){


.wc-int-ref .mk .lw{display:none}
}@media (max-width:560px){


.wc-int-ref .mk{padding:16px 14px}
}@media (max-width:560px){


.wc-int-ref .mk-head span{white-space:nowrap}
}@media (max-width:560px){


.wc-int-ref .ph-steps{grid-template-columns:1fr}
}@media (max-width:560px){


.wc-int-ref .ph-steps .st{min-height:0!important}
}@media (max-width:560px){


.wc-int-ref .st2{margin-left:18px}
}@media (max-width:560px){


.wc-int-ref .st3{margin-left:36px}
}@media (max-width:560px){


.wc-int-ref .trustmods{grid-template-columns:1fr}
}@media (max-width:560px){


.wc-int-ref .eq .sign{font-size:30px}
}@media (max-width:560px){


.wc-int-ref .hero-web .cta-row{flex-direction:column;align-items:stretch}
}@media (max-width:560px){


.wc-int-ref .hero-web .cta-row .link{align-self:flex-start}
}

.wc-int-ref .ir-inline-1{left:calc(0.2% + 16px);top:25.1%}

.wc-int-ref .ir-inline-2{left:calc(58.9% + 16px);top:3.4%}

.wc-int-ref .ir-inline-3{left:calc(58.9% + 16px);top:37.9%}

.wc-int-ref .ir-inline-4{left:calc(58.9% + 16px);top:72.3%}

.wc-int-ref .ir-inline-5{margin-top:16px}

.wc-int-ref .ir-inline-6{margin-top:20px}

.wc-int-ref .ir-inline-7{width:82%}

.wc-int-ref .ir-inline-8{width:56%}

.wc-int-ref .ir-inline-9{width:68%}

.wc-int-ref .ir-inline-10{margin-top:20px}

.wc-int-ref .ir-inline-11{width:56%}

.wc-int-ref .ir-inline-12{width:70%}

.wc-int-ref .ir-inline-13{width:42%}

.wc-int-ref .ir-inline-14{margin-top:20px}

.wc-int-ref .ir-inline-15{margin-top:20px}

.wc-int-ref .ir-inline-16{margin-top:20px}

.wc-int-ref .ir-inline-17{margin-top:20px}

.wc-int-ref .ir-inline-18{margin-top:20px}

/* Identitat Home; totes les variants són exclusives d’Internacionalització. */

/* Conserva el comportament anterior de la capçalera en aquesta pàgina. */



.wc-pagina.wc-int-ref{font-family:"WC Instrument Sans",Arial,sans-serif;--accent:var(--wc-accent);--accent-on-dark:var(--wc-accent-clar,#e252c3);--h2m:clamp(36px,4.4vw,64px);--h3c:clamp(32px,3.3vw,48px);background:#111317;overflow-wrap:normal;word-break:normal}

.wc-int-ref .d,.wc-int-ref .found li,.wc-int-ref .int-comparison th,.wc-int-ref .int-comparison td:first-child{font-family:"WC Instrument Condensed",Arial,sans-serif;font-stretch:normal}

.wc-int-ref .ja{font-family:"Noto Sans JP","Yu Gothic","Meiryo",sans-serif}

.wc-int-ref h1,.wc-int-ref h2,.wc-int-ref h3{color:var(--fg);margin:0;font-weight:700}

.wc-int-ref p{margin:0}

.wc-int-ref .ir-shape{display:block;width:100%;line-height:0}

.wc-int-ref .ir-shape svg{display:block;width:100%;height:auto}

.wc-int-ref .wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}

.wc-int-ref .hero-art{margin-inline:auto;width:100%}

.wc-int-ref .hero-main{min-width:0}

.wc-int-ref .ir-title-line{display:block}

.wc-pagina.wc-int-ref .wc-boto-principal{margin:0;display:inline-flex}

.wc-int-ref .wc-boto-principal::after{content:"→";font-size:23px;line-height:1;flex:none}

.wc-int-ref .int-comparison thead{border-bottom:1px solid var(--rule)}

.wc-int-ref .head-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px}

.wc-int-ref .head-row .body{max-width:none}

.wc-int-ref .tone-white{border-top:0}

.wc-int-ref .tone-accent .hl{background:none;padding:0}

.wc-int-ref .card p.t{font-size:var(--h3c);line-height:.95}

.wc-int-ref .mk-row.hot .mb .ir-i{background:var(--accent);opacity:1}

.wc-int-ref .card .tree .ir-shape{height:44px}

.wc-int-ref .route .ir-shape.rp{width:34px;height:34px;flex:none}

.wc-int-ref .tree .hre{border-width:1px}

.wc-int-ref .who li::before{content:"✓";color:var(--accent);flex:none;font-size:20px}

.wc-int-ref .found{margin:56px 0 0;padding:0;list-style:none}

.wc-int-ref .found li{margin:0}

.wc-int-ref .wc-boto-principal{white-space:normal;min-height:56px}

.wc-pagina.wc-int-ref .ir-white-button{background:#fff;color:var(--wc-tinta)}

.wc-int-ref .tone-accent a:focus-visible{outline:3px solid #fff;outline-offset:5px}

.wc-int-ref .link{font-size:17px;color:var(--fg)}

.wc-int-ref .faq{border-top:1px solid var(--fg)}

.wc-int-ref .xt-wrap{border-radius:28px}

.wc-int-ref .int-comparison{margin:0;width:100%;overflow:visible}

.wc-int-ref .int-comparison table{margin:0;width:100%;table-layout:fixed;border-collapse:collapse;border:0}

.wc-int-ref .int-comparison th,.wc-int-ref .int-comparison td{border:0;text-align:left;vertical-align:middle;padding:clamp(20px,2.2vw,30px) clamp(20px,3vw,40px);border-bottom:1px solid var(--rule)}

.wc-int-ref .int-comparison th:first-child,.wc-int-ref .int-comparison td:first-child{width:21%}

.wc-int-ref .int-comparison th:nth-child(2),.wc-int-ref .int-comparison td:nth-child(2){width:33%}

.wc-int-ref .int-comparison th:nth-child(3),.wc-int-ref .int-comparison td:nth-child(3){width:46%;background:#111317;color:#f4f2ee;border-color:#ffffff24}

.wc-int-ref .int-comparison th{font-size:clamp(24px,2.7vw,38px);line-height:1;text-transform:uppercase;font-weight:700;color:var(--muted)}

.wc-int-ref .int-comparison th:first-child{font-family:"WC Instrument Sans",Arial,sans-serif;font-size:16px;text-transform:none}

.wc-int-ref .int-comparison th:nth-child(3){color:var(--accent-on-dark);box-shadow:inset 0 1px 0 var(--accent)}

.wc-int-ref .int-comparison td{font-size:19px;line-height:1.45}

.wc-int-ref .int-comparison td:first-child{font-size:28px;line-height:1;text-transform:uppercase;font-weight:700}

.wc-int-ref .int-comparison td:nth-child(2){color:var(--muted)}

.wc-int-ref .int-comparison td:nth-child(n/**/+2){padding-left:64px;position:relative}

.wc-int-ref .int-comparison td:nth-child(2)::before,.wc-int-ref .int-comparison td:nth-child(3)::before{position:absolute;left:28px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}

.wc-int-ref .int-comparison td:nth-child(2)::before{content:"−";border:1px solid var(--rule2);color:var(--rule2)}

.wc-int-ref .int-comparison td:nth-child(3)::before{content:"✓";background:var(--accent);color:white}

.wc-int-ref .int-comparison tr:last-child td{border-bottom:0}

@media (max-width:1100px){
.wc-int-ref .head-row{gap:40px}
}@media (max-width:1100px){
.wc-int-ref .mk-head,.wc-int-ref .mk-row{grid-template-columns:60px minmax(0,1fr) 112px;gap:12px}
}@media (max-width:1100px){
.wc-int-ref .mk .lw{display:none}
}

@media (max-width:980px){
.wc-int-ref .head-row{grid-template-columns:minmax(0,1fr);gap:32px}
}@media (max-width:980px){
.wc-int-ref .int-comparison th,.wc-int-ref .int-comparison td{padding-inline:20px}
}@media (max-width:980px){
.wc-int-ref .int-comparison td:nth-child(n/**/+2){padding-left:52px}
}@media (max-width:980px){
.wc-int-ref .int-comparison td:nth-child(n/**/+2)::before{left:20px}
}@media (max-width:980px){
.wc-int-ref .card-wide{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:760px){
.wc-int-ref .int-comparison table,.wc-int-ref .int-comparison tbody,.wc-int-ref .int-comparison tr,.wc-int-ref .int-comparison td{display:block;width:100%}
}@media (max-width:760px){
.wc-int-ref .int-comparison thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
}@media (max-width:760px){
.wc-int-ref .int-comparison td:first-child{width:100%;padding:26px 24px 10px;border:0;font-size:30px}
}@media (max-width:760px){
.wc-int-ref .int-comparison td:nth-child(n/**/+2){width:100%;padding:12px 24px;border:0}
}@media (max-width:760px){
.wc-int-ref .int-comparison td:nth-child(3){padding-block:16px 22px}
}@media (max-width:760px){
.wc-int-ref .int-comparison td:nth-child(n/**/+2)::before{position:static;transform:none;width:auto;height:auto;border:0;border-radius:0;background:none;display:block;margin-bottom:8px;text-align:left;font-size:16px;font-weight:600}
}@media (max-width:760px){
.wc-int-ref .int-comparison td:nth-child(2)::before{content:"Traduir";color:var(--muted)}
}@media (max-width:760px){
.wc-int-ref .int-comparison td:nth-child(3)::before{content:"Internacionalitzar";color:var(--accent-on-dark)}
}@media (max-width:760px){
.wc-int-ref .int-comparison tbody tr+tr{border-top:1px solid var(--rule)}
}

@media (max-width:640px){
.wc-int-ref .sec{padding-block:64px}
}@media (max-width:640px){
.wc-int-ref .card{padding:28px}
}@media (max-width:640px){
.wc-int-ref h1.d.h1-intl{font-size:clamp(30px,8.7vw,54px)}
}@media (max-width:640px){
.wc-int-ref h2.d.h2m{font-size:clamp(29px,8vw,40px)}
}@media (max-width:640px){
.wc-int-ref .card h3{font-size:34px}
}@media (max-width:640px){
.wc-int-ref .ht{font-size:13px;padding:4px 8px}
}@media (max-width:640px){
.wc-int-ref .tree-kids .tp{font-size:14px;padding:8px}
}@media (max-width:640px){
.wc-int-ref .ja-copy{padding-block:64px}
}@media (max-width:640px){
.wc-int-ref .ja-cmp{padding-block:48px 64px}
}@media (max-width:640px){
.wc-int-ref .ja-big{font-size:112px}
}@media (max-width:640px){
.wc-int-ref .found li{font-size:30px;min-height:110px;padding:24px}
}@media (max-width:640px){
.wc-int-ref .wc-boto-principal{font-size:16px;padding-inline:22px;width:100%;justify-content:space-between}
}

@media (max-width:560px){
.wc-int-ref .mk-head,.wc-int-ref .mk-row{grid-template-columns:18px minmax(0,1fr) 92px;gap:8px;font-size:14px}
}@media (max-width:560px){
.wc-int-ref .mk-head span{white-space:normal}
}

@media (max-width:380px){
.wc-int-ref .card{padding:24px}
}@media (max-width:380px){
.wc-int-ref .mk{padding:14px 10px}
}@media (max-width:380px){
.wc-int-ref .mk-row .dots{gap:4px}
}@media (max-width:380px){
.wc-int-ref .mk-row .dots .ir-u{width:12px;height:12px}
}@media (max-width:380px){
.wc-int-ref .cities3{gap:8px}
}@media (max-width:380px){
.wc-int-ref .cities3 .ir-caption{font-size:15px}
}@media (max-width:380px){
.wc-int-ref .ht{font-size:11px;padding:3px 6px}
}@media (max-width:380px){
.wc-int-ref .tree-kids .tp{padding:7px 6px;font-size:12px}
}