



/* WC-INT-REFERENCIA-FINAL */

/* WC-PPC-REFERENCIA-INICI */

.wc-ppc-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-ppc-ref *,.wc-ppc-ref *::before,.wc-ppc-ref *::after{box-sizing:border-box}

.wc-ppc-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-ppc-ref svg{display:block}

.wc-ppc-ref a{color:inherit}



.wc-ppc-ref h1,.wc-ppc-ref h2,.wc-ppc-ref h3{margin:0}

.wc-ppc-ref :focus-visible{outline:3px solid var(--hl,var(--accent));outline-offset:3px;border-radius:4px}

.wc-ppc-ref .wrap{max-width:1280px;margin:0 auto;padding-inline:clamp(20px,4vw,40px)}

.wc-ppc-ref .tone{background:var(--bg);color:var(--fg)}

.wc-ppc-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-ppc-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-ppc-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-ppc-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-ppc-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-ppc-ref .tone-accent .hl{background:var(--night);color:#fff;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

.wc-ppc-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-ppc-ref h1.d{font-size:var(--h1);max-width:1180px}

.wc-ppc-ref h2.d{font-size:var(--h2);max-width:1120px}

.wc-ppc-ref .hl{color:var(--hl)}

.wc-ppc-ref .lead{font-size:clamp(19px,1.6vw,22px);line-height:1.5;color:var(--fg)}

.wc-ppc-ref .sub{font-size:18px;line-height:1.55;color:var(--muted)}

.wc-ppc-ref .note{font-size:16px;line-height:1.5;color:var(--muted);max-width:480px}

.wc-ppc-ref .hero{min-height:760px;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(48px,6vw,80px)}

.wc-ppc-ref .hero .wrap{width:100%}

.wc-ppc-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-ppc-ref .hero-copy{flex:1 1 520px;min-width:0;max-width:640px}

.wc-ppc-ref .hero-copy .sub{margin-top:14px}

.wc-ppc-ref .cta-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}

.wc-ppc-ref .cta-row{display:flex;flex-wrap:wrap;gap:12px}

.wc-ppc-ref .sec{padding-block:clamp(72px,9vw,128px)}

.wc-ppc-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-ppc-ref .link svg{width:16px;height:16px}





.wc-ppc-ref .split>.col-s{flex:1 1 440px;min-width:0}

.wc-ppc-ref .split .link{margin-top:28px}

.wc-ppc-ref .pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:16px}

.wc-ppc-ref .pills .arr{color:var(--rule2)}

.wc-ppc-ref .pill{border:1px solid var(--rule2);border-radius:999px;padding:8px 16px;background:var(--bg);color:var(--muted)}

.wc-ppc-ref .pill-dashed{border-style:dashed;background:transparent}

.wc-ppc-ref .pills-big{gap:12px;font-size:18px;font-weight:600}

.wc-ppc-ref .pills-big .pill{padding:12px 22px;color:var(--fg)}

.wc-ppc-ref .pills-big .pill-solid{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}

.wc-ppc-ref .pills-big svg{width:40px;height:20px;color:var(--fg)}

.wc-ppc-ref .split-rev{flex-direction:row-reverse}

.wc-ppc-ref .cta h2.d{font-size:var(--d-cta);line-height:.93;max-width:1180px}

.wc-ppc-ref .cta .foot-row{padding-top:36px}

.wc-ppc-ref .cta .hero-copy{max-width:720px}

.wc-ppc-ref .cta .sub{font-size:17px}

@media (max-width:820px){
.wc-ppc-ref .hero{min-height:0}
}

.wc-ppc-ref{--d-big:clamp(34px,3.6vw,52px);--h2m:clamp(36px,4.4vw,64px);--h3c:clamp(32px,3.3vw,48px)}

.wc-ppc-ref{background:#0B0C0F}

.wc-ppc-ref .tone-dark,.wc-ppc-ref .tone-dark2{--strong:#4A505A}

.wc-ppc-ref .tone-light,.wc-ppc-ref .tone-white{--strong:#15171B}

.wc-ppc-ref h2.d.h2m{font-size:var(--h2m);max-width:1000px}

.wc-ppc-ref .sec-tight{padding-block:clamp(64px,7vw,104px)}

.wc-ppc-ref .art svg{display:block;width:100%;height:auto}

.wc-ppc-ref .w-panel{fill:var(--panel);stroke:var(--rule2);stroke-width:1.5}

.wc-ppc-ref .w-bg{fill:var(--bg);stroke:var(--rule2);stroke-width:1.5}

.wc-ppc-ref .w-fg{fill:var(--fg);opacity:.92}

.wc-ppc-ref .w-mut{fill:var(--muted);opacity:.5}

.wc-ppc-ref .w-rule{fill:var(--rule)}

.wc-ppc-ref .w-rule2{fill:var(--rule2)}

.wc-ppc-ref .w-acc{fill:var(--accent)}

.wc-ppc-ref .w-white{fill:#fff}

.wc-ppc-ref .w-dot{fill:var(--rule2)}

.wc-ppc-ref .w-line{fill:none;stroke:var(--rule2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.wc-ppc-ref .w-lines{fill:none;stroke:var(--fg);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;opacity:.75}

.wc-ppc-ref .hero-web{min-height:0;padding-block:clamp(56px,7vw,104px)}

.wc-ppc-ref .hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px clamp(32px,5vw,80px);align-items:center}

.wc-ppc-ref h1.d.h1-web{font-size:clamp(46px,5.9vw,88px);max-width:none}

.wc-ppc-ref .hero-web .lead{margin-top:36px;max-width:620px}

.wc-ppc-ref .hero-web .sub{margin-top:16px;max-width:620px}

.wc-ppc-ref .hero-web .cta-row{margin-top:32px}

.wc-ppc-ref .bento{margin-top:64px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}

.wc-ppc-ref .card{border-radius:28px;padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;gap:32px;min-width:0}

.wc-ppc-ref .card h3{font-size:var(--h3c);line-height:.95}

.wc-ppc-ref .card p{font-size:18px;line-height:1.6;color:var(--body)}

.wc-ppc-ref .card p+p{margin-top:14px}

.wc-ppc-ref .card strong{font-weight:600;color:var(--fg)}

.wc-ppc-ref .card .art{margin-top:auto}

.wc-ppc-ref .card-corp{grid-column:span 7}

.wc-ppc-ref .card-redis{grid-column:span 5}

.wc-ppc-ref .card.tone-white{border:1px solid var(--rule)}

.wc-ppc-ref .card .art svg{max-height:210px}

.wc-ppc-ref .split{display:flex;flex-wrap:wrap;align-items:center;gap:48px 72px}

.wc-ppc-ref .split>.col{flex:1 1 520px;min-width:0}

.wc-ppc-ref .split>.col-s{flex:1 1 420px;min-width:0}

.wc-ppc-ref .tx p{font-size:19px;line-height:1.65;color:var(--body)}

.wc-ppc-ref .tx p+p{margin-top:20px}

.wc-ppc-ref .tx h2+p{margin-top:32px}

.wc-ppc-ref .tx strong{font-weight:600;color:var(--fg)}

.wc-ppc-ref .tx a{color:var(--hl);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

.wc-ppc-ref .tx a:hover{text-decoration-color:var(--fg)}

.wc-ppc-ref .faq{margin-top:56px;border-top:2px solid var(--strong)}

.wc-ppc-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-ppc-ref .qa h3{font-size:clamp(24px,2.3vw,32px);line-height:1.05;max-width:420px}

.wc-ppc-ref .qa p{font-size:18px;line-height:1.65;color:var(--body);max-width:640px}

.wc-ppc-ref .cta-web h2.d{font-size:clamp(40px,6vw,88px);line-height:.93;max-width:1180px}

.wc-ppc-ref .cta-web .foot-row{padding-top:36px}

.wc-ppc-ref .cta-web .hero-copy{max-width:720px}

.wc-ppc-ref .cta-web .sub{font-size:17px}

@media (max-width:980px){
.wc-ppc-ref .hero-grid{grid-template-columns:1fr}
}@media (max-width:980px){


.wc-ppc-ref .hero-art{max-width:560px}
}@media (max-width:980px){


.wc-ppc-ref .card-corp,.wc-ppc-ref .card-redis{grid-column:span 12}
}@media (max-width:980px){


.wc-ppc-ref .qa{grid-template-columns:1fr}
}

.wc-ppc-ref .w-accfg{fill:var(--hl)}

.wc-ppc-ref .w-panelhi{fill:var(--panel);stroke:var(--accent);stroke-width:2}

.wc-ppc-ref .w-ring{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke:var(--accent);stroke-width:2}

.wc-ppc-ref .f-link{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}

.wc-ppc-ref .hero-note{margin-top:28px;max-width:560px;font-size:17px}

.wc-ppc-ref .card-half{grid-column:span 6}

.wc-ppc-ref .card-mini{gap:24px}

.wc-ppc-ref .card-mini h3{font-size:clamp(26px,2.4vw,34px);line-height:1}

.wc-ppc-ref .mini-ic{width:44px;height:44px;color:var(--hl);flex:none}

.wc-ppc-ref .card mark{background:none;color:var(--hl);font-weight:600}

.wc-ppc-ref .who-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px clamp(32px,6vw,96px);align-items:start}

.wc-ppc-ref .who h2.d{font-size:clamp(26px,2.4vw,36px);line-height:1}

.wc-ppc-ref .who ul{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}

.wc-ppc-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-ppc-ref .who li svg{width:22px;height:22px;flex:none;margin-top:2px;color:var(--hl)}

.wc-ppc-ref .commit{margin-top:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}

.wc-ppc-ref .c-half{grid-column:span 6}

.wc-ppc-ref .c-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-ppc-ref .c-wide .art{margin:0}

.wc-ppc-ref .commit .t{font-size:var(--h3c);line-height:.95;color:var(--fg)}

.wc-ppc-ref .acc-list{display:flex;flex-direction:column;gap:12px}

.wc-ppc-ref .acc-list > .pr-account{display:flex;align-items:center;gap:12px;border:1px solid var(--rule2);border-radius:18px;padding:18px 22px;font-size:18px;font-weight:600;color:var(--fg);background:var(--panel)}

.wc-ppc-ref .acc-list > .pr-account::after{content:"";margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 8.8' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}

.wc-ppc-ref .acc-list svg{width:24px;height:24px;color:var(--hl);flex:none}

.wc-ppc-ref .qa p+p{margin-top:14px}

.wc-ppc-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-ppc-ref .card-half,.wc-ppc-ref .c-half,.wc-ppc-ref .c-wide{grid-column:span 12}
}@media (max-width:980px){


.wc-ppc-ref .c-wide{grid-template-columns:1fr}
}@media (max-width:980px){


.wc-ppc-ref .who-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
.wc-ppc-ref .who ul{columns:1}
}

.wc-ppc-ref .card-corp .art svg{max-height:300px}

.wc-ppc-ref .hero-web .lead{margin-top:32px}

.wc-ppc-ref .hero-art{padding-top:14px}

.wc-ppc-ref .stage{position:relative}

.wc-ppc-ref .stage svg{display:block;width:100%;height:auto}

.wc-ppc-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-ppc-ref .ht.hot{background:var(--accent);border-color:var(--accent);color:#fff}

.wc-ppc-ref .hero-web .cta-row{align-items:center;gap:14px 28px}

.wc-ppc-ref .card-line{border:1px solid var(--rule)}

@media (max-width:560px){
.wc-ppc-ref .hero-web .cta-row{flex-direction:column;align-items:stretch}
}@media (max-width:560px){


.wc-ppc-ref .hero-web .cta-row .link{align-self:flex-start}
}

.wc-ppc-ref h1.d.h1-ads{font-size:clamp(32px,4.5vw,66px);line-height:.95;max-width:none}

.wc-ppc-ref .pieces{flex:1 1 420px;min-width:0}

.wc-ppc-ref .pc{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;background:var(--panel);border:1px solid var(--rule);border-radius:22px;padding:22px 26px}

.wc-ppc-ref .pc+.pc{margin-top:26px}

.wc-ppc-ref .pc+.pc::before{content:"+";position:absolute;left:50%;top:-23px;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:20px;line-height:30px;text-align:center}

.wc-ppc-ref .pc .pr-b{font-size:clamp(26px,2.6vw,36px);font-weight:700;font-stretch:75%;text-transform:uppercase;letter-spacing:-.01em;line-height:1;color:var(--fg)}

.wc-ppc-ref .pc > span:not(.pr-b){font-size:17px;line-height:1.35;color:var(--muted);max-width:230px}

.wc-ppc-ref .pc.hot{background:var(--accent);border-color:var(--accent)}

.wc-ppc-ref .pc.hot .pr-b,.wc-ppc-ref .pc.hot span{color:#fff}

.wc-ppc-ref .pc-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}

.wc-ppc-ref .pc-out p{border-radius:18px;padding:16px 18px;font-size:17px;line-height:1.4}

.wc-ppc-ref .pc-out .pr-b{font-weight:700}

.wc-ppc-ref .pc-out .ok{background:color-mix(in srgb,var(--accent) 10%,#fff);border:1px solid var(--accent);color:var(--fg)}

.wc-ppc-ref .pc-out .ko{border:1.5px dashed var(--rule2);color:var(--muted)}

.wc-ppc-ref .who .fil{margin-top:24px;border:1.5px dashed var(--rule2);border-radius:22px;padding:22px 24px;font-size:19px;line-height:1.5;font-weight:500;color:var(--fg)}

.wc-ppc-ref .who .lead-s{margin-bottom:6px;font-size:18px;font-weight:600;color:var(--fg)}

.wc-ppc-ref .audit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

.wc-ppc-ref .au{background:var(--panel);border:1px solid var(--rule);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}

.wc-ppc-ref .au .pr-h4{margin:0 0 4px;display:flex;align-items:flex-start;gap:10px;font-size:16px;font-weight:600;line-height:1.25;color:var(--fg)}

.wc-ppc-ref .au .pr-h4::before{content:"";flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%}

.wc-ppc-ref .au.ok .pr-h4::before{background:var(--fg);opacity:.85}

.wc-ppc-ref .au.warn .pr-h4::before{background:var(--accent)}

.wc-ppc-ref .au.stop .pr-h4::before{border:1.5px dashed var(--muted)}

.wc-ppc-ref .au .pr-i{display:block;height:8px;border-radius:4px;background:var(--rule2)}

.wc-ppc-ref .au .pr-i:nth-of-type(1){width:90%}

.wc-ppc-ref .au .pr-i:nth-of-type(2){width:64%}

.wc-ppc-ref .au .pr-i:nth-of-type(3){width:78%}

.wc-ppc-ref .au.warn .pr-i{background:color-mix(in srgb,var(--accent) 35%,transparent)}

.wc-ppc-ref .au.stop .pr-i{background:none;border:1.5px dashed var(--rule2);height:10px}

.wc-ppc-ref .camps{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

.wc-ppc-ref .cp{display:inline-block;border-radius:999px;font-weight:700;line-height:1.1}

.wc-ppc-ref .cp.base{background:var(--accent);color:#fff;padding:16px 30px;font-size:22px}

.wc-ppc-ref .cp.opt{border:1.5px dashed var(--rule2);color:var(--muted);padding:12px 22px;font-size:18px;font-weight:600}

.wc-ppc-ref .meas{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}

.wc-ppc-ref .ev{display:flex;flex-direction:column;gap:10px}

.wc-ppc-ref .ev span,.wc-ppc-ref .uf span{display:flex;align-items:center;gap:10px;border-radius:999px;padding:10px 18px;font-size:17px;font-weight:600;line-height:1.2}

.wc-ppc-ref .ev span{background:var(--panel);border:1px solid var(--rule2);color:var(--fg)}

.wc-ppc-ref .ev span::before,.wc-ppc-ref .uf .u2::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 8.8' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}

.wc-ppc-ref .meas .ar{font-size:30px;font-weight:700;line-height:1;color:var(--hl)}

.wc-ppc-ref .uf{display:flex;flex-direction:column;gap:10px}

.wc-ppc-ref .uf .u1{border:1.5px dashed var(--rule2);color:var(--muted);align-self:flex-start}

.wc-ppc-ref .uf .u2{background:var(--inv-bg);color:var(--inv-fg)}

.wc-ppc-ref .tchart{flex:1 1 420px;min-width:0}

.wc-ppc-ref .tc-box{position:relative;background:#fff;border:1px solid var(--rule);border-radius:28px;padding:clamp(20px,2.6vw,32px) clamp(20px,2.6vw,32px) clamp(40px,4vw,52px) clamp(40px,4vw,56px)}

.wc-ppc-ref .tc-box svg{display:block;width:100%;height:auto}

.wc-ppc-ref .ads-line,.wc-ppc-ref .seo-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}

.wc-ppc-ref .ads-line{stroke:var(--accent)}

.wc-ppc-ref .seo-line{stroke:var(--fg)}

.wc-ppc-ref .tc-ax{position:absolute;font-size:16px;line-height:1;color:var(--muted)}

.wc-ppc-ref .tc-y{left:clamp(20px,2.6vw,32px);top:12px}

.wc-ppc-ref .tc-x{right:clamp(20px,2.6vw,32px);bottom:14px}

.wc-ppc-ref .tc-tag{position:absolute;border-radius:999px;padding:6px 14px;font-size:16px;font-weight:700;line-height:1.1}

.wc-ppc-ref .t-ads{left:22%;top:25%;background:var(--accent);color:#fff}

.wc-ppc-ref .t-seo{right:6%;top:9%;background:var(--fg);color:#fff}

.wc-ppc-ref .tc-leg{margin-top:20px;display:flex;flex-direction:column;gap:10px}

.wc-ppc-ref .tc-leg p{display:flex;align-items:baseline;gap:12px;font-size:17px;line-height:1.45;color:var(--body)}

.wc-ppc-ref .tc-leg .pr-i{flex:none;display:block;width:22px;height:5px;border-radius:3px;transform:translateY(-3px)}

.wc-ppc-ref .tc-leg .pr-b{font-weight:700;color:var(--fg)}

.wc-ppc-ref .splitbar .sbr{display:flex;border-radius:18px;overflow:hidden;font-size:17px;font-weight:600;line-height:1.2}

.wc-ppc-ref .sbr span{padding:22px 20px;display:flex;align-items:center}

.wc-ppc-ref .sbr .g{flex:68;background:var(--inv-bg);color:var(--inv-fg)}

.wc-ppc-ref .sbr .m{flex:32;background:var(--accent);color:#fff}

.wc-ppc-ref .pill.faded{opacity:.7}

.wc-ppc-ref .c-wide .pill-dashed{background:transparent}

.wc-ppc-ref .c-chain{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}

.wc-ppc-ref .c-chain .pills{gap:10px}

.wc-ppc-ref .c-chain .pills .arr{color:var(--hl);font-size:22px}

@media (max-width:980px){
.wc-ppc-ref .c-chain{grid-template-columns:1fr}
}

@media (max-width:560px){
.wc-ppc-ref .audit{grid-template-columns:1fr}
}@media (max-width:560px){


.wc-ppc-ref .pc-out{grid-template-columns:1fr}
}@media (max-width:560px){


.wc-ppc-ref .pc > span:not(.pr-b){max-width:none}
}@media (max-width:560px){


.wc-ppc-ref .meas{flex-direction:column;align-items:stretch}
}@media (max-width:560px){


.wc-ppc-ref .meas .ar{transform:rotate(90deg);align-self:flex-start;margin-left:14px}
}@media (max-width:560px){


.wc-ppc-ref .t-ads{left:16%;top:22%}
}

.wc-ppc-ref .pr-inline-1{left:calc(0.2% + 16px);top:2.7%}

.wc-ppc-ref .pr-inline-2{left:calc(0.2% + 16px);top:43.2%}

.wc-ppc-ref .pr-inline-3{left:calc(61.6% + 16px);top:27.3%}

.wc-ppc-ref .pr-inline-4{margin-top:20px}

.wc-ppc-ref .pr-inline-5{margin-top:20px}

.wc-ppc-ref .pr-inline-6{margin-top:20px}

.wc-ppc-ref .pr-inline-7{margin-top:20px}

.wc-ppc-ref .pr-inline-8{margin-top:16px}

.wc-ppc-ref .pr-inline-9{margin-top:16px}

.wc-ppc-ref .pr-inline-10{margin-top:20px}

.wc-ppc-ref .pr-inline-11{margin-top:20px}

.wc-ppc-ref .pr-inline-12{margin-top:20px}

/* Identitat Home. Variants exclusives de Publicitat digital. */



.wc-pagina.wc-ppc-ref{font-family:"WC Instrument Sans",Arial,sans-serif;--accent:var(--wc-accent);--accent-on-dark:var(--wc-accent-fosc);background:var(--wc-nit);overflow-wrap:normal;word-break:normal}

.wc-ppc-ref .d,.wc-ppc-ref .pc .pr-b{font-family:"WC Instrument Condensed",Arial,sans-serif;font-stretch:normal}

.wc-ppc-ref h1,.wc-ppc-ref h2,.wc-ppc-ref h3{color:var(--fg);margin:0;font-weight:700}

.wc-ppc-ref p{margin:0}

.wc-ppc-ref .pr-shape{display:block;width:100%;line-height:0}

.wc-ppc-ref .pr-shape svg{display:block;width:100%;height:auto}

.wc-ppc-ref .wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--wc-marge)}

.wc-ppc-ref .hero-art{margin-inline:auto;width:100%}

.wc-ppc-ref .hero-main{min-width:0}

.wc-pagina.wc-ppc-ref .wc-boto-principal{margin:0;display:inline-flex;white-space:normal;min-height:56px}

.wc-ppc-ref .wc-boto-principal::after{content:"→";font-size:23px;line-height:1;flex:none}

.wc-pagina.wc-ppc-ref .pr-white-button{background:#fff;color:var(--wc-tinta)}

.wc-ppc-ref .tone-accent a:focus-visible{outline:3px solid #fff;outline-offset:5px}

.wc-ppc-ref .wc-boto-principal:focus-visible{border-radius:var(--wc-radi-boto)}

.wc-ppc-ref .link{font-size:17px;color:var(--fg)}

.wc-ppc-ref .tone-white{border-top:0}

.wc-ppc-ref .who li{margin:0}

.wc-ppc-ref .who li::before{content:"✓";color:var(--accent);flex:none;font-size:20px}

.wc-ppc-ref .card .mini-ic{width:44px;height:44px;flex:none}

.wc-ppc-ref .acc-list .pr-shape{width:24px;height:24px;flex:none}

.wc-ppc-ref .acc-list .pr-account::after{flex:none}

.wc-ppc-ref .card p.t{font-size:var(--h3c);line-height:.95}

.wc-ppc-ref .faq{border-top:1px solid var(--fg)}

.wc-ppc-ref .pr-b{font-weight:700}

.wc-ppc-ref .pc .pr-b{font-size:clamp(26px,2.6vw,36px);line-height:1;max-width:none}

.wc-ppc-ref .au .pr-h4{font-size:16px;font-weight:600;line-height:1.25}

.wc-pagina.wc-ppc-ref .card p a,.wc-pagina.wc-ppc-ref .tx a,.wc-pagina.wc-ppc-ref .qa a{color:var(--hl);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

.wc-ppc-ref .tc-leg p::before{content:"";flex:none;display:block;width:22px;height:5px;border-radius:3px;transform:translateY(-3px);background:var(--fg)}

.wc-ppc-ref .tc-leg .pr-legend-ads::before{background:var(--accent)}

@media (min-width:981px) and (max-width:1100px){
.wc-ppc-ref .au .pr-h4{display:block}
}@media (min-width:981px) and (max-width:1100px){
.wc-ppc-ref .au .pr-h4::before{display:block;margin-bottom:8px}
}

@media (min-width:641px) and (max-width:980px){
.wc-ppc-ref h1.d.h1-ads{font-size:clamp(42px,6.5vw,56px)}
}

@media (max-width:980px){
.wc-ppc-ref .bento .card{grid-column:span 12}
}

@media (max-width:640px){
.wc-ppc-ref .sec{padding-block:64px}
}@media (max-width:640px){
.wc-ppc-ref .card{padding:28px}
}@media (max-width:640px){
.wc-ppc-ref h1.d.h1-ads{font-size:clamp(32px,9.8vw,54px)}
}@media (max-width:640px){
.wc-ppc-ref h2.d.h2m{font-size:clamp(30px,8vw,40px)}
}@media (max-width:640px){
.wc-ppc-ref .card h3{font-size:34px}
}@media (max-width:640px){
.wc-ppc-ref .card-mini h3{font-size:28px}
}@media (max-width:640px){
.wc-ppc-ref .ht{font-size:13px;padding:4px 8px}
}@media (max-width:640px){
.wc-ppc-ref .wc-boto-principal{font-size:16px;padding-inline:22px;width:100%;justify-content:space-between}
}@media (max-width:640px){
.wc-ppc-ref .acc-list > .pr-account{padding:14px;font-size:16px}
}@media (max-width:640px){
.wc-ppc-ref .acc-list .pr-shape{width:20px;height:20px}
}@media (max-width:640px){
.wc-ppc-ref .c-chain .pill{font-size:16px;padding:10px 14px}
}

@media (max-width:380px){
.wc-ppc-ref .card{padding:24px}
}@media (max-width:380px){
.wc-ppc-ref .ht{font-size:11px;padding:3px 6px}
}@media (max-width:380px){
.wc-ppc-ref .acc-list > .pr-account{padding:12px;gap:8px;font-size:14px}
}@media (max-width:380px){
.wc-ppc-ref .tc-tag{font-size:13px;padding:5px 10px}
}

@media (max-width:380px){
.wc-ppc-ref .sbr span{padding-inline:14px}
}