/* Vitrine de produtos: notebook fixo com as cinco plataformas passando dentro dele e dois cartões
   flutuantes por produto — um com o nome, outro com a funcionalidade exclusiva.
   Nas cores da página (superfície #0a0e15, linha branca 9%, laranja da marca) e em uma tela só:
   a altura sai da viewport (svh) e a maquete da interface escala pela largura da tela (cqw). */
.services-showcase{--pcar-vh:calc(100svh - 76px);--pcar-pad:clamp(16px,2.6svh,36px);position:relative;isolation:isolate;min-height:var(--pcar-vh);padding:var(--pcar-pad) 0;display:flex;align-items:center}
.services-showcase::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 58% 40% at 74% 0%,rgba(24,86,214,.5),transparent 72%),radial-gradient(ellipse 38% 30% at 99% 10%,rgba(255,74,20,.34),transparent 72%),radial-gradient(ellipse 44% 34% at 0% 66%,rgba(19,72,190,.38),transparent 72%),radial-gradient(ellipse 32% 26% at 100% 62%,rgba(255,90,31,.24),transparent 72%),radial-gradient(ellipse 26% 22% at 4% 104%,rgba(255,90,31,.16),transparent 72%)}

/* Painel */
/* Sem painel de fundo: o conteúdo fica direto sobre o fundo da seção. */
.pcar-panel{position:relative;width:100%;padding:clamp(6px,1.2svh,14px) 0 clamp(4px,1svh,10px);text-align:center}
.pcar-title{margin:0 auto;max-width:1000px;font-size:clamp(23px,min(3.4vw,4svh),42px);font-weight:600;line-height:1.05;letter-spacing:-.04em;color:var(--ink)}
.pcar-lede{margin:clamp(6px,1svh,12px) auto 0;max-width:780px;color:var(--muted);font-size:clamp(12.5px,1.55svh,15px);line-height:1.6}

/* Palco */
.pcar-stage{position:relative;margin-top:clamp(10px,1.6svh,20px);min-height:240px;height:var(--pcar-h,clamp(280px,min(44svh,31vw),470px))}
.pcar-track{position:relative;height:100%;display:grid;place-items:center;outline:none;touch-action:pan-y}
.pcar-track:focus-visible{outline:2px solid var(--orange2);outline-offset:8px;border-radius:24px}

/* Notebook: a tela define a proporção; o pé e o entalhe são pseudo-elementos dela */
.pcar-laptop{position:relative;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-bottom:clamp(11px,1.5svh,17px)}
.pcar-screen{position:relative;height:100%;aspect-ratio:16/10;max-width:100%;container-type:size;border-radius:clamp(7px,.85vw,13px);padding:.85%;background:linear-gradient(158deg,#39424f,#10151d 34%,#0a0e14 68%,#2b3441);box-shadow:0 34px 70px -18px rgba(0,0,0,.72),0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.14)}
.pcar-screen::after{content:"";position:absolute;left:-6.5%;right:-6.5%;top:100%;height:3.4cqh;border-radius:0 0 clamp(5px,.55vw,9px) clamp(5px,.55vw,9px);background:linear-gradient(#2b3440,#151b24 40%,#0b0f15);box-shadow:0 14px 26px -8px rgba(0,0,0,.6)}
.pcar-screen::before{content:"";position:absolute;z-index:3;left:50%;top:100%;width:9%;height:3.4cqh;transform:translateX(-50%);border-radius:0 0 4px 4px;background:rgba(255,255,255,.07)}

/* Telas das plataformas (trocam com o produto) */
.pcar-ui{position:absolute;inset:.85%;border-radius:inherit;overflow:hidden;background:#070b12;opacity:0;transition:opacity .9s var(--ease);pointer-events:none}
/* content-visibility:hidden tira as 6 telas inativas do cálculo de estilo/layout — sem isso o
   navegador recalcula as 7 maquetes inteiras de uma vez (7 menus, gráficos, tabelas com cqw),
   o que mede ~300ms de tarefa longa (jank real) logo no carregamento da página. */
.services-showcase[data-pcar] .pcar-ui:not(.is-active){content-visibility:hidden}
.pcar-ui.is-active{opacity:1}

/* Maquete da interface — tudo em cqw da tela */
.ds{position:absolute;inset:0;overflow:hidden;text-align:left;display:grid;grid-template-columns:20cqw 1fr;font-size:1.5cqw;line-height:1.35;color:#e8edf6;background:radial-gradient(120% 90% at 78% 0%,#12203c,#080d16 58%)}
.ds-side{overflow:hidden;border-right:1px solid rgba(255,255,255,.06);padding:2.2cqw 1.6cqw;display:flex;flex-direction:column;gap:2cqw;background:#080c14}
.ds-brand img{width:9.5cqw;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.ds-nav{display:flex;flex-direction:column;gap:.55cqw}
.ds-link{display:flex;align-items:center;gap:1.1cqw;padding:.85cqw 1.1cqw;border-radius:1.1cqw;color:#8d9aae;font-size:1.45cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-link i{width:1.5cqw;height:1.5cqw;flex:none;border-radius:.45cqw;background:rgba(255,255,255,.16)}
.ds-link.on{background:linear-gradient(100deg,#1c4bd8,#2f6bff);color:#fff;box-shadow:0 .8cqw 1.8cqw rgba(28,75,216,.35)}
.ds-link.on i{background:rgba(255,255,255,.85)}
.ds-upsell{margin-top:auto;padding:1.3cqw;border:1px solid rgba(255,255,255,.08);border-radius:1.2cqw;background:linear-gradient(150deg,rgba(47,107,255,.16),rgba(255,90,31,.08));display:grid;gap:.4cqw}
.ds-upsell strong{font-size:1.4cqw}
.ds-upsell span{font-size:1.15cqw;color:#8d9aae}
.ds-main{overflow:hidden;padding:2cqw 2cqw 1.4cqw;display:flex;flex-direction:column;gap:1.25cqw;min-width:0}
.ds-top{display:flex;align-items:center;justify-content:space-between}
.ds-top strong{display:block;font-size:2cqw;letter-spacing:-.02em}
.ds-top span{font-size:1.25cqw;color:#8d9aae}
.ds-acoes{display:flex;align-items:center;gap:1cqw}
.ds-acoes i{display:block;border-radius:999px;background:rgba(255,255,255,.08)}
.ds-avatar{background:linear-gradient(150deg,#2f6bff,#ff5a1f)}
.ds-busca{width:12cqw;height:2.6cqw}
.ds-dot{width:2.6cqw;height:2.6cqw}
.ds-avatar{width:2.6cqw;height:2.6cqw}
.ds-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw}
.ds-metric{padding:1.4cqw;border:1px solid rgba(255,255,255,.07);border-radius:1.4cqw;background:#0c1220}
.ds-metric.destaque{background:linear-gradient(120deg,#1c4bd8,#2f6bff);border-color:transparent}
.ds-metric small{display:block;font-size:1.15cqw;color:#8d9aae}
.ds-metric.destaque small{color:rgba(255,255,255,.75)}
.ds-metric strong{display:block;font-size:2.5cqw;letter-spacing:-.03em;margin:.35cqw 0}
.ds-metric span{font-size:1.1cqw;color:#7f8ca0}
.ds-metric.destaque span{color:rgba(255,255,255,.8)}
.ds-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:1.4cqw}
.ds-card{padding:1.4cqw;border:1px solid rgba(255,255,255,.07);border-radius:1.4cqw;background:#0b1120;min-width:0}
.ds-card>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9cqw}
.ds-card>header strong{font-size:1.45cqw}
.ds-card>header span{font-size:1.1cqw;color:#7f8ca0}
.ds-chart{height:6.5cqw;display:flex;align-items:flex-end;gap:1.1cqw}
.ds-chart i{flex:1;height:var(--h);border-radius:.5cqw .5cqw 0 0;background:linear-gradient(180deg,#3f7bff,#1b3f9e)}
.ds-chart i.pico{background:linear-gradient(180deg,#ff8a4c,#ff4b14)}
.ds-axis{display:flex;gap:1.1cqw;margin-top:.7cqw}
.ds-axis span{flex:1;text-align:center;font-size:1cqw;color:#6f7d92}
.ds-ring-card{display:flex;flex-direction:column;align-items:center}
.ds-ring{position:relative;width:7.8cqw;height:7.8cqw;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2f6bff calc(var(--pct)*1%),rgba(255,255,255,.08) 0)}
.ds-ring b{display:grid;place-items:center;width:5.8cqw;height:5.8cqw;border-radius:50%;background:#0b1120;font-size:1.7cqw}
.ds-legend{display:grid;gap:.5cqw;width:100%;margin-top:1cqw}
.ds-legend span{display:flex;align-items:center;gap:.7cqw;font-size:1.1cqw;color:#8d9aae}
.ds-legend i{width:.9cqw;height:.9cqw;border-radius:.25cqw;background:#2f6bff}
.ds-legend span:nth-child(2) i{background:#ff5a1f}
.ds-legend span:nth-child(3) i{background:rgba(255,255,255,.28)}
.ds-legend b{margin-left:auto;color:#e8edf6}
.ds-table{flex:1;min-height:0;overflow:hidden}
.ds-th,.ds-tr{display:grid;grid-template-columns:1.4fr 1.4fr .9fr .9fr;gap:1cqw;align-items:center}
.ds-th{font-size:1cqw;color:#6f7d92;padding-bottom:.7cqw;border-bottom:1px solid rgba(255,255,255,.07)}
.ds-tr{font-size:1.2cqw;padding:.62cqw 0;border-bottom:1px solid rgba(255,255,255,.05)}
.ds-tr:last-child{border-bottom:0;padding-bottom:.2cqw}
.ds-tr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-tag{display:inline-block;padding:.35cqw .8cqw;border-radius:999px;font-size:1cqw;font-weight:500;background:rgba(47,107,255,.18);color:#9dc0ff}

/* Telas dos dois serviços: o entregável (fluxo / plano), não um painel de produto */
.sv{grid-template-columns:1fr 26cqw}
.sv-main{overflow:hidden;padding:2cqw 2cqw 1.4cqw;display:flex;flex-direction:column;gap:1.4cqw;min-width:0}
.sv-lado{overflow:hidden;border-left:1px solid rgba(255,255,255,.06);background:#080c14;padding:2.2cqw 1.8cqw;display:flex;flex-direction:column;gap:1.4cqw}
.sv-titulo{font-size:1.4cqw;color:#e8edf6}
.sv-lista{display:grid;gap:.9cqw}
.sv-item{display:flex;align-items:flex-start;gap:.9cqw;font-size:1.2cqw;line-height:1.3;color:#8d9aae}
.sv-item i{flex:none;width:1.3cqw;height:1.3cqw;margin-top:.2cqw;border-radius:50%;background:rgba(47,107,255,.25);box-shadow:inset 0 0 0 .3cqw #2f6bff}
.sv-lado .ds-upsell{margin-top:auto}
.sv-fluxo{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:1.1cqw;padding:.4cqw 1cqw 1cqw}
.sv-no{position:relative;display:flex;align-items:center;gap:1.2cqw;padding:1.15cqw 1.4cqw;border:1px solid rgba(255,255,255,.08);border-radius:1.3cqw;background:#0c1220;font-size:1.35cqw}
.sv-no+.sv-no::before{content:"";position:absolute;left:3cqw;top:-1.2cqw;width:1px;height:1.2cqw;background:rgba(255,255,255,.18)}
.sv-no i{flex:none;width:2.2cqw;height:2.2cqw;border-radius:.7cqw;background:rgba(255,255,255,.14)}
.sv-gatilho{background:linear-gradient(100deg,#1c4bd8,#2f6bff);border-color:transparent}
.sv-gatilho i{background:rgba(255,255,255,.85)}
.sv-condicao{border-style:dashed;border-color:rgba(255,138,76,.45)}
.sv-condicao i{background:linear-gradient(150deg,#ff8a4c,#ff4b14)}
.sv-etapas{flex:1;min-height:0;display:flex;flex-direction:column;gap:1.1cqw;justify-content:space-evenly;padding-bottom:.6cqw}
.sv-etapas article{display:flex;align-items:center;gap:1.2cqw;padding:1.15cqw 1.4cqw;border:1px solid rgba(255,255,255,.08);border-radius:1.3cqw;background:#0c1220}
.sv-etapas article>b{flex:none;width:2.6cqw;height:2.6cqw;display:grid;place-items:center;border-radius:50%;background:rgba(47,107,255,.18);color:#9dc0ff;font-size:1.1cqw}
.sv-etapas article:first-child>b{background:#2f6bff;color:#fff}
.sv-etapas article>div{flex:1;min-width:0}
.sv-etapas strong{display:block;font-size:1.35cqw}
.sv-etapas small{display:block;font-size:1.1cqw;color:#7f8ca0;margin-top:.2cqw}
.sv-etapas em{flex:none;font-style:normal;font-size:1cqw;padding:.35cqw .8cqw;border-radius:999px;background:rgba(47,107,255,.18);color:#9dc0ff}
.sv-anel{display:flex;align-items:center;gap:1.4cqw;padding:1.2cqw 1.4cqw;border:1px solid rgba(255,255,255,.08);border-radius:1.3cqw;background:#0b1120}
.sv-anel b{flex:none;width:6.4cqw;height:6.4cqw;border-radius:50%;display:grid;place-items:center;font-size:1.5cqw;background:conic-gradient(#2f6bff calc(var(--pct)*1%),rgba(255,255,255,.08) 0);box-shadow:inset 0 0 0 .9cqw #0b1120}
.sv-anel span{font-size:1.25cqw;color:#8d9aae}

/* Cartões flutuantes por produto */
.pcar-view{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .9s var(--ease)}
.services-showcase[data-pcar] .pcar-view:not(.is-active){content-visibility:hidden}
.pcar-view.is-active{opacity:1}
.pcar-view.is-active .pcar-float{pointer-events:auto}
.pcar-float{position:absolute;border-radius:clamp(14px,1.5vw,20px);border:1px solid rgba(255,255,255,.1);background:linear-gradient(150deg,rgba(23,30,41,.96),rgba(11,15,22,.96));box-shadow:0 26px 50px -18px rgba(0,0,0,.7);backdrop-filter:blur(12px);text-align:left}
.pcar-float-a{left:0;top:7%;width:min(30%,300px);padding:clamp(12px,1.2vw,17px);display:flex;gap:11px;align-items:flex-start;transform:rotate(-4deg)}
.pcar-float-a small{display:block;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:#7d879a}
.pcar-float-a h3{margin:3px 0 0;font-size:clamp(15px,1.35vw,19px);font-weight:600;letter-spacing:-.02em;color:#fff}
.pcar-float-a p{margin:5px 0 0;font-size:clamp(11px,.92vw,12.5px);line-height:1.45;color:var(--muted)}
.pcar-float-b{right:0;bottom:4%;width:min(31%,320px);padding:clamp(13px,1.3vw,18px);display:grid;gap:6px;transform:rotate(3deg)}
.pcar-float-b>small{display:flex;align-items:center;gap:7px;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--amber)}
.pcar-float-b>small i{width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 9px var(--orange)}
.pcar-float-b>strong{font-size:clamp(14px,1.25vw,17.5px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#fff}
.pcar-float-b>span{font-size:clamp(11px,.92vw,12.5px);line-height:1.45;color:var(--muted)}
.pcar-tags{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 0;padding:0;list-style:none}
.pcar-tags li{padding:4px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:10px;color:#c3c9d4;white-space:nowrap}
.pcar-link{justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:2px;font-size:12px;font-weight:500;color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:rgba(255,255,255,.3);transition:.25s var(--ease)}
.pcar-link i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-style:normal;font-size:11px;line-height:1;transition:.25s var(--ease)}
.pcar-link:hover{color:var(--orange2);text-decoration-color:var(--orange2)}
.pcar-link:hover i{background:rgba(255,53,20,.14);border-color:var(--orange);color:var(--orange2);transform:translateX(2px)}
.pcar-mark{flex:none;display:grid;place-items:center;width:clamp(28px,2.4vw,34px);height:clamp(28px,2.4vw,34px);border-radius:32%;background:linear-gradient(152deg,#3b86ff,#0140d0);box-shadow:0 6px 14px rgba(11,72,214,.34),inset 0 1px 0 rgba(255,255,255,.4)}
.pcar-mark svg{width:58%;height:58%;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}

/* Controles */
.pcar-arrows button{position:absolute;z-index:20;top:50%;width:clamp(34px,4.4svh,44px);height:clamp(34px,4.4svh,44px);border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(6,10,16,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;font-size:clamp(14px,1.9svh,17px);line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.35);transition:.25s var(--ease)}
.pcar-prev{left:0;transform:translate(-50%,-50%)}
.pcar-next{right:0;transform:translate(50%,-50%)}
.pcar-arrows button:hover{border-color:var(--orange);color:var(--orange);background:rgba(255,53,20,.1)}
.pcar-prev:hover{transform:translate(-50%,-50%) scale(1.07)}
.pcar-next:hover{transform:translate(50%,-50%) scale(1.07)}
.pcar-arrows button:active{filter:brightness(.92)}
.pcar-arrows button:focus-visible{outline:2px solid var(--orange2);outline-offset:3px}
.pcar-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:clamp(10px,1.6svh,16px)}
.pcar-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.28);cursor:pointer;transition:.3s var(--ease)}
.pcar-dots button:hover{background:rgba(255,255,255,.6)}
.pcar-dots button.is-active{width:34px;background:linear-gradient(90deg,var(--orange),var(--amber));box-shadow:0 0 10px rgba(255,53,20,.5)}
.pcar-dots button:focus-visible{outline:2px solid var(--orange2);outline-offset:3px}
.pcar-cta{margin-top:clamp(10px,1.5svh,16px)}
.pcar-btn{display:inline-flex;align-items:center;gap:13px;height:clamp(42px,5svh,50px);padding:0 13px 0 31px;border-radius:999px;background:linear-gradient(135deg,var(--orange),#ff230d 62%,var(--orange2));color:#fff;font-size:clamp(13px,1.7svh,15.5px);font-weight:600;letter-spacing:-.01em;box-shadow:0 10px 34px rgba(255,53,20,.22);transition:.3s var(--ease)}
.pcar-btn i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.22);font-style:normal;font-size:13px;line-height:1;transition:.3s var(--ease)}
.pcar-btn:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(255,53,20,.32)}
.pcar-btn:hover i{background:rgba(0,0,0,.34);transform:translateX(3px)}

/* O CTA flutuante da página repetiria o CTA do painel, na mesma cor, logo abaixo dele. */
html.pcar-em-vista .float-cta{opacity:0;pointer-events:none;transform:translate(-50%,150%)}

/* Sem JS: a seção vira a lista das cinco plataformas, legível, e volta a crescer com o conteúdo. */
.services-showcase:not([data-pcar]){min-height:0;padding:clamp(60px,8vw,120px) 0;display:block}
.services-showcase:not([data-pcar]) .pcar-stage{height:auto;min-height:0}
.services-showcase:not([data-pcar]) .pcar-track{display:grid;gap:18px}
.services-showcase:not([data-pcar]) .pcar-laptop,
.services-showcase:not([data-pcar]) .pcar-arrows,
.services-showcase:not([data-pcar]) .pcar-dots{display:none}
.services-showcase:not([data-pcar]) .pcar-view{position:relative;inset:auto;opacity:1;display:grid;gap:12px;text-align:left}
.services-showcase:not([data-pcar]) .pcar-float{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;transform:none;pointer-events:auto}

@media(max-width:1100px){
  .pcar-stage{--pcar-h:clamp(250px,min(40svh,40vw),420px)}
  .pcar-float-a{width:min(34%,280px)}
  .pcar-float-b{width:min(36%,300px)}
}
@media(max-width:767px){
  /* o notebook sobe e o cartão do exclusivo vira uma faixa abaixo dele */
  .pcar-stage{height:auto;min-height:0}
  .pcar-track{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .pcar-laptop{height:auto;flex:0 0 auto;padding-bottom:clamp(10px,2vw,16px)}
  .pcar-screen{height:auto;width:min(calc(100% - 46px),560px);margin-inline:auto}
  .pcar-view{position:static;display:none;flex:1;min-height:0}
  .pcar-view.is-active{display:flex;flex-direction:column;justify-content:flex-end}
  .pcar-float-a{position:absolute;z-index:5;left:2%;top:0;width:min(58%,300px);transform:none}
  .pcar-float-a p{display:none}
  .pcar-float-b{position:static;width:auto;transform:none}
  .pcar-arrows button{top:29vw}
  .pcar-prev{left:0;transform:translate(-30%,-50%)}
  .pcar-next{right:0;transform:translate(30%,-50%)}
}
@media(max-width:767px){
  .services-showcase{--pcar-vh:calc(100svh - 70px);--pcar-pad:clamp(14px,2.4svh,30px)}
  .pcar-panel{padding:clamp(6px,1.2svh,12px) 0 clamp(4px,1svh,8px)}
  .pcar-title{font-size:clamp(21px,min(6.6vw,4svh),28px);letter-spacing:-.035em}
  .pcar-lede{font-size:12.5px;line-height:1.55}
  .pcar-stage{margin-top:clamp(10px,2svh,18px)}
  .pcar-screen::after{left:-3.5%;right:-3.5%}
  .pcar-float{border-radius:16px}
  .pcar-float-a{left:4px;top:-16px;width:auto;max-width:74%;padding:8px 12px 8px 8px;gap:9px;align-items:center}
  .pcar-float-a h3{font-size:13.5px}
  .pcar-float-a small{font-size:8.5px}
  .pcar-float-b{padding:12px;gap:5px}
  .pcar-float-b>strong{font-size:14px}
  .pcar-float-b>span{font-size:11.5px}
  .pcar-tags li{font-size:9.5px;padding:3px 8px}
  .pcar-arrows button{width:34px;height:34px;font-size:13px}
  .pcar-btn{width:100%;justify-content:center;padding:0 16px}
  .pcar-cta{display:grid}
}
/* Acabamento da vitrine: mesma composição, leitura e interação mais claras. */
.services-showcase .pcar-title{line-height:1.13;text-wrap:balance}
.services-showcase .pcar-lede{max-width:760px;color:#afbbcc;text-wrap:pretty}
.services-showcase .pcar-float{border-color:rgba(182,202,231,.16);box-shadow:0 20px 42px -22px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.06)}
.services-showcase .pcar-float-a small{color:#9ba9bc;letter-spacing:.08em}
.services-showcase .pcar-float-a p,.services-showcase .pcar-float-b>span{color:#b5becc;line-height:1.55}
.services-showcase .pcar-float-b>small{color:#ffac70;letter-spacing:.07em}
.services-showcase .pcar-float-b>strong{line-height:1.3}
.services-showcase .pcar-link{min-height:32px;text-decoration-color:rgba(255,255,255,.45)}
.services-showcase .pcar-link:focus-visible,.services-showcase .pcar-btn:focus-visible{outline:2px solid #ff9b61;outline-offset:5px}
.services-showcase .pcar-arrows button{width:44px;height:44px}
.services-showcase .pcar-dots{gap:2px;margin-top:6px}
.services-showcase .pcar-dots button{position:relative;display:grid;place-items:center;width:26px;height:28px;background:transparent;box-shadow:none;transition:none}
.services-showcase .pcar-dots button::after{content:"";width:6px;height:6px;border-radius:99px;background:#738095;transition:background .2s,width .2s}
.services-showcase .pcar-dots button.is-active{width:40px}
.services-showcase .pcar-dots button.is-active::after{width:30px;background:linear-gradient(90deg,var(--orange),var(--orange2))}
.services-showcase .pcar-dots button:hover::after{background:#d6deeb}
.services-showcase .pcar-cta{margin-top:4px}
@media(min-width:1101px){
  .services-showcase .pcar-float-a p,.services-showcase .pcar-float-b>span{font-size:13px}
  .services-showcase .pcar-float-b{bottom:0;gap:8px}
  .services-showcase .pcar-arrows button{top:43%}
}
@media(max-width:767px){
  .services-showcase .pcar-stage{margin-top:26px}
  .services-showcase .pcar-float-b{padding:15px;gap:7px}
  .services-showcase .pcar-float-b>span{font-size:12px}
  .services-showcase .pcar-prev{left:6px}
  .services-showcase .pcar-next{right:6px}
}
@media(prefers-reduced-motion:reduce){
  .services-showcase .pcar-dots button::after{transition:none}
}
/* telas baixas: a linha de apoio sai para a seção continuar cabendo em uma tela */
@media(max-height:640px),(max-width:767px) and (max-height:790px){
  .pcar-lede{display:none}
}
@media(prefers-reduced-motion:reduce){
  .pcar-ui,.pcar-view{transition:none}
  .pcar-arrows button,.pcar-dots button,.pcar-btn,.pcar-link,.pcar-link i{transition:none}
}

/* Desktop: notebook maior e cards mais próximos dele (menos espaço vazio nas laterais) */
@media (min-width:1101px){
  .services-showcase[data-pcar] .pcar-stage{--pcar-h:clamp(340px,min(58svh,40vw),640px);max-width:1400px;margin-left:auto;margin-right:auto}
  .services-showcase[data-pcar] .pcar-float-a{top:12%;width:min(21.5%,300px)}
  .services-showcase[data-pcar] .pcar-float-b{bottom:9%;width:min(22.5%,315px)}
  .services-showcase .pcar-float-a h3{font-size:clamp(16px,1.4vw,20px)}
  .services-showcase .pcar-float-a p,.services-showcase .pcar-float-b>span{font-size:clamp(12px,.95vw,13.5px)}
  .services-showcase .pcar-float-b>strong{font-size:clamp(15px,1.3vw,18.5px)}
}