/* WebFusion Digital v6.18: Portfólio, Clientes e Soluções no mesmo visual da página inicial (v6.17).
   Sem brilho, sem grade de fundo, sem texto em gradiente, sem rótulo em caixa alta acima dos títulos.
   Botões em azul sólido. As cores ficam em --w17-*, que trocam no tema claro. */

.w17p{
  --w17-bg:#0B1220;
  --w17-panel:#0F1A2D;
  --w17-card:#132036;
  --w17-line:rgba(148,163,184,.18);
  --w17-line-strong:rgba(148,163,184,.42);
  --w17-text:#F4F7FB;
  --w17-muted:#B9C4D6;
  --w17-faint:#97A5BA;
  --w17-accent:#62E0F2;
  --w17-primary:#0055FF;
  --w17-primary-h:#0047D6;
  --w17-mark:#FFD23F;
}
html.light .w17p{
  --w17-bg:#FFFFFF;
  --w17-panel:#F2F5FA;
  --w17-card:#FFFFFF;
  --w17-line:rgba(15,35,75,.12);
  --w17-line-strong:rgba(15,35,75,.32);
  --w17-text:#0A0F1C;
  --w17-muted:#3D4859;
  --w17-faint:#526072;
  --w17-accent:#0044CC;
  --w17-primary:#0050F0;
  --w17-primary-h:#003FC2;
  --w17-mark:#FFC51F;
}
.w17p ::selection{background:var(--w17-mark);color:#0B1220}
.w17p :focus-visible{outline:2px solid var(--w17-accent);outline-offset:3px}
.w17p p,.w17p li,.w17p dd{text-wrap:pretty}
.w17p h1,.w17p h2,.w17p h3{text-wrap:balance}

/* ───────── Limpeza comum ───────── */
.w17p .wf-eyebrow,.w17p .wf-services-eyebrow{display:none!important}
.w17p .wf-portfolio-orb,.w17p .wf-site-footer::before{display:none!important}
.w17p .grid-lines{background-image:none!important}
.w17p .wf-portfolio-hero h1 span,.w17p .gradient-text{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;color:inherit!important}
.w17p .wf-cta-glow-wrap::before,.w17p .wf-cta-glow-wrap::after{display:none!important}

/* Títulos com a mesma voz da home */
.w17p main h1{font-family:'Syne',sans-serif!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.04!important;
  font-size:clamp(2.05rem,4.6vw,3.8rem)!important;color:var(--w17-text)!important}
.w17p main h2{font-family:'Syne',sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.1!important;
  font-size:clamp(1.75rem,3.2vw,2.6rem)!important;color:var(--w17-text)!important}

/* Botões: azul sólido, sombra com deslocamento, sem halo */
html body.w17p .wf-portfolio-btn--primary,html body.w17p .wf-action--primary,html body.w17p .wf-services-cta__box a{
  background:var(--w17-primary)!important;background-image:none!important;color:#FFFFFF!important;border:0!important;
  box-shadow:0 10px 20px -12px rgba(0,40,140,.75)!important}
html body.w17p .wf-portfolio-btn--primary:hover,html body.w17p .wf-action--primary:hover,html body.w17p .wf-services-cta__box a:hover{background:var(--w17-primary-h)!important}
html body.w17p .wf-portfolio-btn--primary *,html body.w17p .wf-action--primary *{color:#FFFFFF!important}

/* Rodapé (igual à home) */
html body.w17p .wf-footer-bottom,html body.w17p .wf-footer-bottom__copy,html body.w17p .wf-footer-bottom__credit .wf-webfusion-credit{color:#8D98AB!important}
html.light body.w17p .wf-footer-bottom,html.light body.w17p .wf-footer-bottom__copy,html.light body.w17p .wf-footer-bottom__credit .wf-webfusion-credit{color:#566173!important}
.w17p .wf-footer-links{gap:0!important}
.w17p .wf-footer-links a{display:inline-block;padding:12px 0}
.w17p .wf-footer-links li:not(:has(a)){padding:8px 0}
.w17p .wf-legal-links__items button{padding-block:12px!important}

/* ───────── Portfólio e Clientes ───────── */
.w17p .wf-portfolio-hero{background:var(--w17-bg)!important}
.w17p .wf-portfolio-hero h1 span{color:var(--w17-text)!important}

/* ───────── Soluções ───────── */
.w17p .wf-services-page{background:var(--w17-bg)!important}
.w17p .wf-services-hero{padding-bottom:clamp(2.5rem,5vw,3.5rem)}
.w17p .wf-services-hero h1{max-width:18ch;margin-top:0}
.w17p .wf-services-hero p{color:var(--w17-muted)}
.w17p .wf-services-guide{gap:0;border-top:1px solid var(--w17-line-strong)}
.w17p .wf-services-guide div{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:1.1rem 1.5rem 0 0!important}
.w17p .wf-services-guide strong{color:var(--w17-text)}
.w17p .wf-services-guide span{color:var(--w17-muted)}
@media(max-width:760px){.w17p .wf-services-guide{grid-template-columns:1fr}.w17p .wf-services-guide div{padding:1rem 0 .25rem!important;border-bottom:1px solid var(--w17-line)!important}}

.w18s-index{padding:clamp(3.5rem,8vw,6rem) 0;background:var(--w17-panel);border-top:1px solid var(--w17-line)}
.w18s-index__head{max-width:52rem;margin-bottom:clamp(2rem,5vw,3rem)}
.w18s-index__head h2{margin:0 0 1rem}
.w18s-index__head p{margin:0;max-width:62ch;font-size:1.06rem;line-height:1.65;color:var(--w17-muted)}
.w18s-jump{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.w18s-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:999px;border:1px solid var(--w17-line-strong);
  color:var(--w17-text);font-weight:600;font-size:.92rem;text-decoration:none;transition:border-color .2s}
.w18s-jump a:hover{border-color:var(--w17-accent)}

.w18s-fronts{display:grid;border-top:1px solid var(--w17-line-strong)}
.w18s-front{display:grid;gap:1.5rem;padding:clamp(2rem,4vw,3rem) 0;border-bottom:1px solid var(--w17-line);scroll-margin-top:96px}
@media(min-width:960px){.w18s-front{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:3.5rem}}
.w18s-front__head h3{margin:.65rem 0 .6rem;font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1;letter-spacing:-.02em;color:var(--w17-text)}
.w18s-front__lead{margin:0;max-width:40ch;font-size:1.02rem;line-height:1.6;color:var(--w17-muted)}
.w18s-state{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;
  color:var(--w17-text);background:color-mix(in srgb,var(--w17-accent) 16%,transparent)}
.w18s-state--soon{color:#0B1220;background:var(--w17-mark)}
.w18s-front__body{display:grid;gap:1.25rem}
@media(min-width:720px){.w18s-front__body{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}.w18s-block:first-child,.w18s-soon{grid-column:1/-1}}
.w18s-block h4,.w18s-soon h4{margin:0 0 .5rem;font-size:.85rem;font-weight:700;color:var(--w17-faint)}
.w18s-block p{margin:0;line-height:1.6;color:var(--w17-muted)}
.w18s-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
@media(min-width:720px){.w18s-block:first-child .w18s-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}}
.w18s-list li{position:relative;padding-left:1.4rem;line-height:1.5;color:var(--w17-text)}
.w18s-list li::before{content:"";position:absolute;left:0;top:.55em;width:.6rem;height:2px;border-radius:2px;background:var(--w17-accent)}
.w18s-soon{margin-top:.5rem;padding:1.25rem 1.25rem 1.35rem;border:1px dashed var(--w17-line-strong);border-radius:16px}
.w18s-soon h4{margin-top:.75rem;color:var(--w17-text);font-size:1rem}
.w18s-soon .w18s-list li{color:var(--w17-muted)}
.w18s-soon .w18s-list li::before{background:var(--w17-line-strong)}
.w18s-soon__note{margin:.9rem 0 0;font-size:.92rem;line-height:1.55;color:var(--w17-muted)}

.w17p .wf-services-cta{padding:clamp(3.5rem,8vw,6rem) 0;background:var(--w17-bg)}
.w17p .wf-services-cta__box{background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important;padding:0!important;max-width:48rem}
.w17p .wf-services-cta__box::before,.w17p .wf-services-cta__box::after{display:none!important}
.w17p .wf-services-cta__box p{color:var(--w17-muted)!important}
.w17p .wf-services-cta__box a{display:inline-flex;align-items:center;min-height:48px;padding:0 1.5rem;border-radius:999px;font-weight:700;text-decoration:none}

/* Clientes: topo sem brilho; título em duas ou três linhas */
.w17p .wf-clients-hero{background:var(--w17-bg)!important}
.w17p .wf-clients-hero h1 span{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
.w17p .wf-clients-hero h1{max-width:14ch}
/* Soluções: chamada final alinhada à esquerda */
.w17p .wf-services-cta__box h2,.w17p .wf-services-cta__box p{margin-left:0!important;margin-right:0!important;text-align:left!important;max-width:60ch}
