:root{--bg:#f7f8fa;--ink:#111318;--muted:#69707d;--line:#e4e7ed;--purple:#7255ff;--teal:#16b8aa;--dark:#0d0f13;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.header{height:76px;display:flex;align-items:center;position:sticky;top:0;z-index:100;background:#f7f8faf2;backdrop-filter:blur(18px);border-bottom:1px solid #e5e7eb}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:flex;align-items:center;gap:10px}.logo-box{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#111318;color:#fff;font-weight:900}.logo b,.logo small{display:block}.logo b{font-size:12px;letter-spacing:.02em}.logo small{font-size:9px;letter-spacing:.18em;color:#777d88}.nav nav{display:flex;gap:27px;font-size:12px;color:#5d6470}.nav nav a:hover{color:#111}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:11px;background:#111318;color:#fff;font-size:12px;font-weight:800;box-shadow:0 13px 30px #11131820;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-sm{padding:11px 16px}.hero{padding:88px 0 80px;overflow:hidden;background:radial-gradient(circle at 78% 40%,#e3ddff 0,transparent 34%),linear-gradient(#f9fafb,#eef1f5)}.hero-layout{display:grid;grid-template-columns:1fr .92fr;gap:65px;align-items:center}.eyebrow{font-size:9px;letter-spacing:.2em;font-weight:900;color:#5f6672}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--purple);border-radius:50%;margin-right:7px}.hero h1{font-size:clamp(45px,5vw,69px);line-height:1;letter-spacing:-.065em;margin:18px 0 24px;max-width:700px}.hero h1 span,h2 span{background:none;-webkit-background-clip:initial;background-clip:initial;color:#4f35b8}.lead{font-size:17px;color:var(--muted);max-width:640px}.actions{display:flex;align-items:center;gap:25px;margin:30px 0}.outline-link{font-size:12px;font-weight:800}.metrics{display:flex;gap:24px;margin-top:40px}.metrics div{border-left:1px solid #d4d8df;padding-left:13px}.metrics b,.metrics small{display:block}.metrics b{font-size:10px}.metrics small{font-size:9px;color:#5f6672;margin-top:2px}.hero-visual{min-height:480px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:420px;height:420px;background:#7a5cff17}.orb-b{width:220px;height:220px;background:#16b8aa15;right:0;bottom:20px}.dashboard{width:min(100%,510px);border-radius:22px;background:#111318;padding:9px;box-shadow:0 45px 100px #11131825;transform:rotate(2deg);position:relative;z-index:2}.dash-top{height:35px;display:flex;align-items:center;color:#818692;font-size:8px;gap:15px;padding:0 10px}.dash-top em{font-style:normal;margin:auto}.dash-top strong{color:#fff;border:1px solid #fff3;padding:3px 6px;border-radius:5px}.dash-body{min-height:380px;border-radius:15px;background:linear-gradient(145deg,#e9e5ff,#d9f4ef);padding:45px 38px;position:relative;overflow:hidden}.dash-body:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;bottom:-120px;background:#7255ff25}.dash-label{font-size:8px;font-weight:900;letter-spacing:.2em}.dash-body h2{font-size:43px;line-height:.99;letter-spacing:-.06em;margin:16px 0}.dash-body p{font-size:11px;color:#5c626c}.dash-bars{display:flex;gap:8px;align-items:flex-end;height:70px;margin-top:35px}.dash-bars i{display:block;width:18px;background:#111318;border-radius:5px 5px 0 0}.dash-bars i:nth-child(1){height:25%}.dash-bars i:nth-child(2){height:45%}.dash-bars i:nth-child(3){height:70%}.dash-bars i:nth-child(4){height:100%}.dash-bottom{display:flex;gap:15px;position:absolute;bottom:20px;font-size:7px;font-weight:900}.float-card{position:absolute;z-index:4;background:#fff;border:1px solid #e5e7eb;border-radius:13px;padding:11px 13px;display:flex;align-items:center;gap:9px;box-shadow:0 18px 40px #11131815}.float-card b{width:26px;height:26px;display:grid;place-items:center;background:#ecfaf8;color:#12968c;border-radius:50%}.float-card strong,.float-card small{display:block}.float-card strong{font-size:10px}.float-card small{font-size:8px;color:#7b818d}.fc1{left:-10px;top:95px}.fc2{right:-4px;bottom:70px}.numbers{background:#111318;color:#fff}.number-grid{display:grid;grid-template-columns:repeat(4,1fr)}.number-grid div{padding:24px 17px;border-right:1px solid #fff1;display:flex;gap:12px;align-items:center}.number-grid strong{font-size:9px;color:#9297a2}.number-grid span{font-size:10px;color:#d5d7dc}.section{padding:110px 0}.section-title{text-align:center;max-width:830px;margin:0 auto 58px}.section-title h2,.split-title h2,.faq-layout h2,.seo-band h2,.diagnostic h2{font-size:clamp(37px,4vw,54px);line-height:1.04;letter-spacing:-.055em;margin:12px 0 15px}.section-title p{max-width:680px;margin:auto;color:var(--muted);font-size:14px}.ai-process{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.ai-process article{padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:240px;position:relative}.ai-process article:nth-child(3n){border-right:0}.ai-process article:nth-last-child(-n+3){border-bottom:0}.ai-process article>b{position:absolute;right:23px;top:22px;font-size:9px;color:#5f6672}.ai-icon{font-size:25px;margin-bottom:38px}.ai-process h3{font-size:18px;margin:0 0 8px}.ai-process p{font-size:11px;color:#626975;max-width:260px}.included{background:#fff}.split-title{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end;margin-bottom:52px}.split-title>p{font-size:14px;color:var(--muted)}.included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.included-grid>div{border:1px solid var(--line);border-radius:18px;padding:27px;background:#fafbfc}.included-grid h3{margin:0 0 8px;font-size:19px}.included-grid p{font-size:11px;color:var(--muted);max-width:460px}.included-grid ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}.included-grid li{font-size:9px;background:#fff;border:1px solid var(--line);padding:7px 9px;border-radius:20px}.technology{background:#101216;color:#fff;padding:110px 0}.light-title .eyebrow{color:#9196a2}.light-title p{color:#9ea3ad}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tech-grid article{border:1px solid #fff12;border-radius:18px;padding:25px;min-height:255px;background:linear-gradient(145deg,#15171c,#101216);transition:.2s}.tech-grid article:hover{transform:translateY(-4px);border-color:#ffffff25}.tech-grid article>span{font-size:9px;color:#777d88}.tech-grid i{display:block;font-style:normal;font-size:25px;margin:30px 0 24px}.tech-grid h3{font-size:18px;margin:0 0 8px}.tech-grid p{font-size:11px;color:#9ca1ab}.tech-grid a{font-size:9px;font-weight:800}.segments{background:#f2f4f7}.segment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.segment-grid a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;min-height:245px;position:relative}.segment-grid b{font-size:9px;color:#5f6672}.segment-grid h3{font-size:18px;margin:37px 0 7px}.segment-grid p{font-size:10px;color:#626975}.segment-grid span{position:absolute;bottom:22px;font-size:10px;font-weight:800}.seo-band{background:linear-gradient(110deg,#6f54f7,#17aa9e);color:#fff;padding:75px 0}.seo-band-inner{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.seo-band .eyebrow{color:#ffffffad}.seo-band p{color:#ffffffc7;font-size:13px;max-width:650px}.seo-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.seo-checks span{background:#ffffff13;border:1px solid #ffffff1f;padding:13px;border-radius:10px;font-size:10px}.faq-section{background:#f7f8fa}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.faq-layout>div>p{color:var(--muted);font-size:13px}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:9px;padding:0 19px}.faq summary{list-style:none;cursor:pointer;font-size:12px;font-weight:800;padding:18px 0}.faq summary::-webkit-details-marker{display:none}.faq p{font-size:11px;color:#747a86;padding:0 0 17px;margin:0}.diagnostic{padding:85px 0;background:#111318;color:#fff}.diagnostic-inner{display:flex;justify-content:space-between;gap:60px;align-items:center}.diagnostic .eyebrow{color:#9095a0}.diagnostic p{font-size:13px;color:#a8adb7;max-width:600px}.white{background:#fff;color:#111318;white-space:nowrap}footer{background:#111318;color:#fff;padding:65px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:80px}.footer-grid p{color:#9297a2;font-size:11px;max-width:300px}.footer-grid>div>b{font-size:9px;letter-spacing:.1em;display:block;margin-bottom:14px}.footer-grid>div>a,.footer-grid>div>span{display:block;color:#adb1ba;font-size:10px;margin:7px 0}.copyright{border-top:1px solid #fff1;margin-top:45px;padding-top:18px;color:#aeb4bd;font-size:9px}.whatsapp{right:22px;bottom:22px;height:52px;padding:0 17px 0 12px;display:flex;align-items:center;gap:9px;border:1.5px solid rgba(255,255,255,.95);background:linear-gradient(135deg,#20d66f,#0aa85a);box-shadow:0 9px 24px rgba(12,135,70,.25),0 0 0 4px rgba(32,214,111,.08);font-size:11px;letter-spacing:.01em;animation:waPulse 2.8s infinite}
.whatsapp:before{content:"";width:29px;height:29px;border-radius:50%;background:#fff;display:block}.whatsapp:after{content:"";position:absolute;left:21px;width:13px;height:13px;border:2.5px solid #14b75f;border-top-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(28deg)}.whatsapp span{font-weight:850;color:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 12px 30px rgba(12,135,70,.30),0 0 0 6px rgba(32,214,111,.10)}50%{box-shadow:0 15px 38px rgba(12,135,70,.38),0 0 0 11px rgba(32,214,111,.06)}}
.results{background:#fff}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.result-grid article{border:1px solid var(--line);border-radius:18px;padding:27px;min-height:220px}.result-grid strong{font-size:9px;color:#8a909b}.result-grid h3{font-size:18px;margin:45px 0 8px}.result-grid p{font-size:11px;color:var(--muted)}
.knowledge{background:#f0f2f6}.knowledge-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center}.knowledge-grid>div>p{font-size:13px;color:var(--muted);max-width:590px}.knowledge-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.knowledge-tags span{padding:8px 12px;border-radius:20px;background:#fff;border:1px solid var(--line);font-size:9px;font-weight:800}.knowledge-card{background:#111318;border-radius:24px;padding:26px;min-height:350px;color:#fff;box-shadow:0 30px 70px #1113181c}.kc-top{display:flex;justify-content:space-between;font-size:8px;color:#9096a2;letter-spacing:.12em}.kc-top b{color:#5ee0d3}.tree{margin-top:50px;display:flex;flex-direction:column;gap:8px}.tree span{padding:15px 17px;border:1px solid #fff15;border-radius:10px;background:#ffffff08;font-size:11px}.tree span:nth-of-type(1){border-color:#7255ff66;background:#7255ff18}.tree i{height:14px;border-left:1px dashed #ffffff28;margin-left:30px}
@media(max-width:950px){.result-grid{grid-template-columns:1fr 1fr}.knowledge-grid{grid-template-columns:1fr;gap:40px}}@media(max-width:600px){.whatsapp{right:14px;bottom:14px;width:auto;height:48px;padding:0 15px 0 11px}.whatsapp:before{width:27px;height:27px}.whatsapp:after{left:20px}.whatsapp span{display:block}.result-grid{grid-template-columns:1fr}}

/* V4 readability refinement */
.seo-band h2{max-width:690px}
.seo-band h2 span{display:inline}
@media(min-width:951px){.seo-band-inner{grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:65px}.seo-band h2{font-size:clamp(35px,3.55vw,50px)}}

/* FINAL V5 OVERRIDES — WhatsApp + SEO headline */
.whatsapp{
  right:22px!important;
  bottom:22px!important;
  width:auto!important;
  min-width:154px!important;
  height:50px!important;
  padding:0 16px 0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:1px solid rgba(255,255,255,.95)!important;
  border-radius:28px!important;
  background:#16b85f!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(15,130,68,.24)!important;
  animation:none!important;
  font-size:11px!important;
  font-weight:800!important;
  z-index:999!important;
}
.whatsapp:before,.whatsapp:after{display:none!important;content:none!important}
.whatsapp .wa-icon{
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#119a50!important;
  font-size:13px!important;
  font-weight:900!important;
  flex:0 0 30px!important;
}
.whatsapp .wa-label{display:inline!important;white-space:nowrap!important;color:#fff!important;font-weight:850!important}
.seo-band h2{max-width:720px!important}
.seo-band h2 .seo-highlight{
  display:inline-block!important;
  margin-top:4px!important;
  color:#fff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:850!important;
  text-shadow:0 1px 14px rgba(0,0,0,.10)!important;
}
@media(min-width:951px){
  .seo-band h2{font-size:48px!important;line-height:1.05!important}
}
@media(max-width:600px){
  .whatsapp{
    right:14px!important;
    bottom:14px!important;
    min-width:136px!important;
    width:auto!important;
    height:46px!important;
    padding:0 14px 0 9px!important;
    gap:8px!important;
  }
  .whatsapp .wa-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
  .whatsapp .wa-label{font-size:10px!important}
  .seo-band h2{font-size:36px!important;line-height:1.06!important}
  .seo-band h2 .seo-highlight{display:block!important;margin-top:5px!important}
}

/* V6 — WhatsApp realmente flutuante sobre a viewport */
a.whatsapp{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  top:auto!important;
  left:auto!important;
  z-index:2147483647!important;
  transform:none!important;
  float:none!important;
  margin:0!important;
}
@media(max-width:600px){
  a.whatsapp{
    position:fixed!important;
    right:14px!important;
    bottom:14px!important;
    top:auto!important;
    left:auto!important;
  }
}

/* V7 — leitura das frases "encontrado e compreendido" nas páginas internas */
.seo-band h2 .seo-highlight,
.seo-band h2 span.seo-highlight,
.seo-band h2 br + span{
  color:#ffffff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 1px 12px rgba(0,0,0,.16)!important;
  opacity:1!important;
  font-weight:850!important;
}

/* V8 - mobile overflow fix */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
*,*::before,*::after{max-width:100%}
img,svg,video,iframe{max-width:100%;height:auto}
.hero-copy,.hero-visual,.seo-band-inner>div,.knowledge-grid>div,.diagnostic-inner>div,.section-title,.section-heading{min-width:0}
.hero h1,.section-title h2,.split-title h2,.faq-layout h2,.seo-band h2,.diagnostic h2{overflow-wrap:break-word}
.dashboard{max-width:100%}.dash-body{max-width:100%;overflow:hidden}
@media(max-width:600px){
.container{width:calc(100% - 28px)!important;max-width:100%!important}
.hero-layout,.seo-band-inner,.faq-layout,.knowledge-grid,.split-title,.diagnostic-inner{width:100%;min-width:0}
.hero-visual{width:100%;min-width:0;overflow:hidden}
.dashboard{width:100%!important;max-width:100%!important;transform:none!important}
.dash-body{width:100%;padding:30px 24px!important}
.dash-body h2{max-width:100%;overflow-wrap:break-word}
.metrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.actions,.actions .btn{max-width:100%}
.number-grid,.ai-process,.included-grid,.tech-grid,.segment-grid,.result-grid,.footer-grid{width:100%;min-width:0}
.seo-band{overflow:hidden!important}.seo-band-inner{grid-template-columns:1fr!important}
.seo-band h2{max-width:100%!important;font-size:36px!important}
.seo-checks{width:100%;grid-template-columns:1fr 1fr!important}
.seo-checks span{min-width:0;overflow-wrap:break-word}
.knowledge-card{width:100%;min-width:0;overflow:hidden}.tree span{overflow-wrap:anywhere}
.whatsapp{max-width:calc(100vw - 28px)!important}
}
@media(max-width:380px){
.seo-checks,.metrics{grid-template-columns:1fr!important}
.hero h1{font-size:38px!important}
}

/* V9 — mobile: evitar corte de conteúdo sem criar barra horizontal */
@media(max-width:600px){
  html,body{overflow-x:hidden!important}
  .container{width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important}

  /* Layouts de duas colunas passam integralmente para uma coluna */
  .hero-layout,.seo-band-inner,.faq-layout,.knowledge-grid,.split-title,
  .diagnostic-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:38px!important}

  /* Hero visual ocupa exatamente a coluna disponível */
  .hero-visual{width:100%!important;min-width:0!important;height:auto!important;min-height:320px!important;padding:0!important}
  .dashboard{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;transform:none!important}
  .dash-body{width:100%!important;min-width:0!important;padding:30px 22px!important}
  .dash-body h2{font-size:32px!important;max-width:100%!important}
  .dash-bottom{gap:8px!important;flex-wrap:wrap!important}

  /* Cards em uma coluna para não comprimir nem cortar conteúdo */
  .ai-process,.included-grid,.tech-grid,.segment-grid,.result-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;min-width:0!important;
  }
  .ai-process article{min-width:0!important;width:100%!important}

  /* Métricas */
  .metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  .metrics div{min-width:0!important}

  /* Seções de SEO e CTA */
  .seo-band-inner>div,.knowledge-grid>div,.diagnostic-inner>div{
    width:100%!important;min-width:0!important
  }
  .seo-band h2{font-size:34px!important;max-width:100%!important}
  .seo-checks{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}

  /* Tipografia: quebra natural, sem clip */
  h1,h2,h3,p,a,span{overflow-wrap:break-word}
  .hero h1{font-size:42px!important;line-height:1.02!important}
  .section-title h2,.split-title h2,.faq-layout h2,.diagnostic h2{font-size:36px!important}

  /* Elementos que estavam posicionados fora do fluxo */
  .float-card{display:none!important}
  .orb{max-width:none!important}
  .orb-a{width:300px!important;height:300px!important;right:-80px!important}
  .orb-b{width:170px!important;height:170px!important;right:-45px!important}

  /* Navegação e footer */
  .footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
  .footer-grid>div{min-width:0!important}

  /* WhatsApp */
  a.whatsapp{right:14px!important;bottom:14px!important;max-width:calc(100vw - 28px)!important}
}
@media(max-width:380px){
  .container{width:calc(100% - 24px)!important}
  .metrics{grid-template-columns:minmax(0,1fr)!important}
  .hero h1{font-size:37px!important}
  .section-title h2,.split-title h2,.faq-layout h2,.diagnostic h2{font-size:32px!important}
}

/* V10 — menu mobile + bloco de números */
.mobile-menu-btn{display:none}
@media(max-width:600px){
  .header{height:68px}
  .nav{height:68px;gap:10px}
  .nav nav{display:none!important}
  .nav .btn{display:none!important}
  .logo{min-width:0}
  .logo-box{width:34px;height:34px;border-radius:10px;flex:0 0 34px}
  .logo b{font-size:10px;white-space:nowrap}
  .logo small{font-size:7px}
  .mobile-menu-btn{
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border:1px solid #dfe2e8;
    border-radius:12px;
    background:#fff;
    color:#111318;
    font-size:0;
    position:relative;
  }
  .mobile-menu-btn:before,.mobile-menu-btn:after{
    content:"";
    position:absolute;
    width:17px;
    height:2px;
    background:#111318;
    border-radius:2px;
  }
  .mobile-menu-btn:before{transform:translateY(-4px)}
  .mobile-menu-btn:after{transform:translateY(4px)}

  .number-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    gap:0!important;
  }
  .number-grid div{
    min-height:82px!important;
    padding:18px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:4px!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .number-grid div:nth-child(2n){border-right:0!important}
  .number-grid div:nth-last-child(-n+2){border-bottom:0!important}
  .number-grid strong{font-size:9px!important;letter-spacing:.08em;color:#858b98!important}
  .number-grid span{font-size:10px!important;line-height:1.25!important;color:#e0e2e6!important}
}
@media(max-width:380px){
  .number-grid div{padding:16px 12px!important}
  .number-grid span{font-size:9px!important}
}

@media(max-width:600px){
  .header .nav{position:relative}
  .header .nav:after{
    content:"Soluções  ·  Como funciona  ·  Tecnologia IA  ·  FAQ";
    position:absolute;
    top:61px;
    right:0;
    width:min(280px,calc(100vw - 28px));
    padding:15px 17px;
    border:1px solid #e3e6eb;
    border-radius:14px;
    background:rgba(255,255,255,.98);
    box-shadow:0 18px 45px rgba(17,19,24,.12);
    color:#555c67;
    font-size:10px;
    line-height:2.1;
    opacity:0;
    pointer-events:none;
    transform:translateY(-5px);
    transition:.2s;
  }
  .header:has(.mobile-menu-btn[aria-expanded="true"]) .nav:after{
    opacity:1;pointer-events:auto;transform:translateY(0)
  }
}

/* V11 — menu mobile realmente clicável */
.mobile-menu-panel{display:none}
@media(max-width:600px){
  .mobile-menu-panel{
    position:absolute;
    top:60px;
    right:0;
    width:min(285px,calc(100vw - 28px));
    padding:8px;
    border:1px solid #e3e6eb;
    border-radius:16px;
    background:rgba(255,255,255,.98);
    box-shadow:0 20px 50px rgba(17,19,24,.15);
    z-index:1000;
  }
  .mobile-menu-panel.open{display:block}
  .mobile-menu-panel a{
    display:flex;
    align-items:center;
    min-height:44px;
    padding:0 13px;
    border-radius:10px;
    font-size:11px;
    font-weight:750;
    color:#3f4651;
  }
  .mobile-menu-panel a:hover{background:#f2f4f7;color:#111318}
  .mobile-menu-panel .mobile-menu-cta{
    margin-top:5px;
    background:#111318;
    color:#fff;
    justify-content:center;
  }
  .mobile-menu-btn.is-open:before{transform:rotate(45deg)!important}
  .mobile-menu-btn.is-open:after{transform:rotate(-45deg)!important}
}

@media(max-width:600px){
  .header .nav:after{display:none!important}
}

/* V12 — menu mobile CSS-only, sem dependência de JavaScript */
.menu-toggle{display:none!important}
.mobile-menu-btn{display:none}
.mobile-menu-panel{display:none}
@media(max-width:600px){
  .nav{position:relative}
  .mobile-menu-btn{
    display:flex!important;
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    border:1px solid #dfe2e8!important;
    border-radius:12px!important;
    background:#fff!important;
    cursor:pointer!important;
    z-index:1002!important;
  }
  .mobile-menu-btn span{
    display:block!important;
    width:17px!important;
    height:2px!important;
    background:#111318!important;
    border-radius:2px!important;
    transition:transform .2s,opacity .2s!important;
  }
  .mobile-menu-panel{
    position:absolute!important;
    display:flex!important;
    flex-direction:column!important;
    top:59px!important;
    right:0!important;
    width:min(285px,calc(100vw - 28px))!important;
    padding:8px!important;
    border:1px solid #e3e6eb!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 20px 50px rgba(17,19,24,.16)!important;
    z-index:1001!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .18s,transform .18s,visibility .18s!important;
  }
  .mobile-menu-panel a{
    display:flex!important;
    align-items:center!important;
    min-height:45px!important;
    padding:0 13px!important;
    border-radius:10px!important;
    font-size:11px!important;
    font-weight:750!important;
    color:#3f4651!important;
  }
  .mobile-menu-panel a:hover{background:#f2f4f7!important;color:#111318!important}
  .mobile-menu-panel .mobile-menu-cta{
    margin-top:5px!important;
    background:#111318!important;
    color:#fff!important;
    justify-content:center!important;
  }
  .menu-toggle:checked + .mobile-menu-btn + .mobile-menu-panel{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .menu-toggle:checked + .mobile-menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .menu-toggle:checked + .mobile-menu-btn span:nth-child(2){opacity:0!important}
  .menu-toggle:checked + .mobile-menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
}

/* V14 — âncoras da navegação */
#solucoes,#processo,#tecnologia,#faq,#seo{scroll-margin-top:92px}

/* V15 — acessibilidade + navegação agêntica */
.skip-link{position:fixed;left:16px;top:-80px;z-index:2147483646;padding:12px 16px;border-radius:10px;background:#111318;color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.18)}
.skip-link:focus{top:12px;outline:3px solid #7b61ff;outline-offset:3px}
:focus-visible{outline:3px solid #7255ff;outline-offset:3px}
.mobile-menu{display:none}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}
@media(max-width:600px){
.mobile-menu{display:block;position:relative;margin-left:auto}
.mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:7px;min-width:78px;height:42px;padding:0 11px;border:1px solid #dfe2e8;border-radius:12px;background:#fff;color:#111318;cursor:pointer;user-select:none;font-size:10px;font-weight:850}
.mobile-menu summary span{display:flex;flex-direction:column;gap:4px}.mobile-menu summary i{display:block;width:16px;height:2px;border-radius:2px;background:#111318}.mobile-menu summary b{font-size:10px}
.mobile-menu[open] summary{background:#111318;color:#fff;border-color:#111318}.mobile-menu[open] summary i{background:#fff}
.mobile-menu-panel{position:absolute;top:51px;right:0;width:min(290px,calc(100vw - 28px));padding:8px;border:1px solid #e3e6eb;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(17,19,24,.16);z-index:1002}
.mobile-menu-panel a{display:flex;align-items:center;min-height:46px;padding:0 13px;border-radius:10px;font-size:11px;font-weight:750;color:#3f4651}
.mobile-menu-panel a:hover{background:#f2f4f7;color:#111318}.mobile-menu-panel .mobile-menu-cta{margin-top:5px;background:#111318;color:#fff;justify-content:center}
.nav nav{display:none!important}.nav .btn{display:none!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.breadcrumb{padding-top:18px;font-size:10px;color:#5f6672;display:flex;gap:8px;align-items:center}.breadcrumb a{font-weight:800;color:#4d5561}.breadcrumb span[aria-current="page"]{color:#626975;text-transform:capitalize}
@media(max-width:600px){.breadcrumb{padding-top:12px}}

/* V16 — refinamento de acessibilidade Lighthouse */
html{scroll-behavior:smooth}
body{line-height:1.6}
p{max-width:75ch}
a,button,summary{touch-action:manipulation}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
[aria-hidden="true"]{pointer-events:none}
@media(max-width:600px){
  .mobile-menu summary{min-height:44px}
  .mobile-menu-panel a{min-height:48px}
  .btn,.outline-link{min-height:44px}
}
/* Keep focus visible even on dark surfaces */
.dark :focus-visible,:focus-visible{outline-color:#7255ff;outline-width:3px;outline-offset:3px}

/* V17 — correções direcionadas às auditorias mostradas no PageSpeed */

/* CONTRASTE: textos secundários em fundo claro */
.eyebrow,.breadcrumb,.metrics small,.ai-process p,.segment-grid p,
.breadcrumb span[aria-current="page"]{color:#5f6672}
.ai-process article>b,.segment-grid b{color:#5f6672}

/* CONTRASTE: copyright no rodapé escuro */
.copyright{color:#aeb4bd}

/* ÁREAS DE TOQUE MOBILE: alvo visual continua compacto, área clicável aumenta */
@media(max-width:600px){
  .btn,.outline-link,
  .faq summary,
  .footer-grid a,
  .breadcrumb a,
  .segment-grid a,
  .mobile-menu summary,
  .mobile-menu-panel a,
  .whatsapp{
    min-height:48px;
  }

  .btn,.outline-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .faq summary{
    display:flex;
    align-items:center;
  }

  .footer-grid a{
    display:flex;
    align-items:center;
    padding-top:4px;
    padding-bottom:4px;
  }

  .breadcrumb{
    min-height:48px;
    align-items:center;
  }

  .breadcrumb a{
    display:inline-flex;
    align-items:center;
    padding:0 6px;
    margin-left:-6px;
  }

  .segment-grid a{
    min-height:245px;
  }

  .mobile-menu-panel a{
    margin-bottom:4px;
  }
  .mobile-menu-panel a:last-child{margin-bottom:0}

  /* Espaço entre elementos interativos */
  .actions{gap:12px}
  .footer-grid>div>a{margin-top:8px;margin-bottom:8px}
}

/* Preferência de contraste reforçado quando o sistema solicita */
@media (prefers-contrast: more){
  .eyebrow,.metrics small,.ai-process p,.segment-grid p,
  .breadcrumb,.breadcrumb span[aria-current="page"]{color:#3f4651!important}
  .copyright{color:#d5d7dc!important}
  .header{border-bottom-color:#aeb4bd}
  .faq details,.ai-process,.included-grid>div,.segment-grid a{border-color:#aeb4bd}
}

/* V18 — contraste real + alvos de toque auditáveis */

/* Não usar texto transparente/gradiente em conteúdo informativo */
.hero h1 span,h2 span,.split-title h2 span{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#4f35b8!important;
  -webkit-text-fill-color:#4f35b8!important;
}

/* Textos pequenos em fundo claro */
.logo small,.nav nav,.outline-link,.section-title .eyebrow,
.eyebrow,.breadcrumb,.breadcrumb span[aria-current="page"],
.metrics small,.ai-process p,.ai-process article>b,
.segment-grid b,.segment-grid p{
  color:#4b5563!important;
}

/* Link states devem continuar com contraste */
.nav nav a{color:#374151!important}
.nav nav a:hover{color:#111318!important}

/* Desktop: links de navegação têm área de interação confortável */
@media(min-width:601px){
  .nav nav{display:flex;align-items:center;gap:8px}
  .nav nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 10px;
    border-radius:8px;
  }
}

/* Mobile: todos os alvos importantes têm 48px de altura e separação */
@media(max-width:600px){
  .mobile-menu summary{min-width:88px!important;min-height:48px!important}
  .mobile-menu-panel{padding:10px!important}
  .mobile-menu-panel a{min-height:48px!important;margin:3px 0!important}
  .btn,.outline-link{min-height:48px!important}
  .faq summary{min-height:48px!important;padding:10px 0!important}
  .footer-grid>div>a{min-height:48px!important;margin:2px 0!important;padding:0 4px!important}
  .breadcrumb{min-height:48px!important}
  .breadcrumb a{min-height:44px!important;padding:0 8px!important}
  .segment-grid a{min-height:48px!important}
  a.whatsapp{min-height:48px!important}
}

/* Adjacent inline links should never be packed tightly */
a+a{margin-left:4px}

/* V19 — correção dos elementos EXATOS apontados pelo Lighthouse */

/* ===== CONTRASTE EM FUNDO ESCURO ===== */
.technology .light-title .eyebrow{
  color:#d5dae2!important;
}
.technology .light-title h2 span{
  color:#b9aaff!important;
  -webkit-text-fill-color:#b9aaff!important;
}
.technology .tech-grid article>span{
  color:#c7ccd4!important;
}
.technology .tech-grid article p{
  color:#d0d4db!important;
}
.technology .tech-grid article a{
  color:#b9aaff!important;
}
.diagnostic .eyebrow{
  color:#d5dae2!important;
}
.diagnostic h2 span{
  color:#b9aaff!important;
  -webkit-text-fill-color:#b9aaff!important;
}
footer .logo small{
  color:#c7ccd4!important;
}

/* ===== CONTRASTE EM FUNDO CLARO ===== */
.results .result-grid strong{
  color:#4b5563!important;
}
.results .result-grid p{
  color:#4b5563!important;
}
.knowledge> .container > div > p,
.knowledge-grid>div>p{
  color:#4b5563!important;
}
.faq p{
  color:#4b5563!important;
}

/* ===== ALVOS DE TOQUE MOBILE ===== */
@media(max-width:600px){
  /* links "Saiba mais" dentro dos cards */
  .technology .tech-grid article a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:48px!important;
    padding:0 10px!important;
    margin:8px -10px -2px!important;
    border-radius:8px!important;
  }
  /* links do rodapé ficam separados verticalmente */
  footer .footer-grid>div>a{
    display:flex!important;
    align-items:center!important;
    min-height:48px!important;
    margin:2px 0!important;
  }
  /* WhatsApp não encosta em outros elementos */
  a.whatsapp{
    min-height:48px!important;
  }
}

/* Evita que dois alvos de toque fiquem colados em menus horizontais */
@media(min-width:601px){
  .nav nav a{min-height:44px!important;padding-left:12px!important;padding-right:12px!important}
}

/* V20 — correção exata do contraste apontado pelo Lighthouse no WhatsApp */
a.whatsapp{
  background:#087a40!important;
  color:#ffffff!important;
  border-color:#ffffff!important;
}
a.whatsapp .wa-label,
a.whatsapp span{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}
a.whatsapp:hover{
  background:#066a37!important;
  color:#ffffff!important;
}
a.whatsapp:focus-visible{
  outline:3px solid #ffffff!important;
  outline-offset:4px!important;
}

/* V21 — correções desktop apontadas pelo Lighthouse */

/* Contraste dos textos dos cards flutuantes do Hero */
.float-card small{
  color:#4b5563!important;
}
.float-card strong{
  color:#111318!important;
}

/* Contraste de pequenos textos decorativos do Hero */
.float-card b{
  color:#087a40!important;
  background:#e6f6ee!important;
}

/* Alvos de toque: links do rodapé com área real de 48px */
.footer-grid>div>a{
  display:flex!important;
  align-items:center!important;
  min-height:48px!important;
  margin:2px 0!important;
  padding:0 4px!important;
  border-radius:7px;
}
.footer-grid>div>a:hover{
  background:rgba(255,255,255,.07);
}
.footer-grid>div>a:focus-visible{
  outline:3px solid #b9aaff!important;
  outline-offset:2px;
}

/* Navegação principal também com área confortável */
@media(min-width:601px){
  .nav nav a{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 12px!important;
  }
  .nav nav{gap:8px!important}
}

/* Se houver links pequenos dentro de blocos, garantir área sem mudar a estética do texto */
@media(min-width:601px){
  .tech-grid article a,
  .ai-process article a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:44px!important;
    padding:0 8px!important;
    margin-left:-8px!important;
    border-radius:7px;
  }
}

/* V23 — menu mobile definitivo + ícone WhatsApp */
@media(max-width:600px){
  .mobile-menu{
    display:block!important;
    position:relative!important;
    margin-left:auto!important;
    z-index:2147483000!important;
  }
  .mobile-menu summary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:88px!important;
    min-width:88px!important;
    min-height:48px!important;
    height:48px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    border:1px solid #dfe2e8!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#111318!important;
    cursor:pointer!important;
    user-select:none!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:2147483002!important;
  }
  .mobile-menu summary span{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    width:17px!important;
  }
  .mobile-menu summary i{
    display:block!important;
    width:17px!important;
    height:2px!important;
    background:#111318!important;
    border-radius:2px!important;
  }
  .mobile-menu summary b{font-size:10px!important}

  /* This explicitly overrides legacy .mobile-menu-panel{display:none}. */
  .mobile-menu-panel{
    display:none!important;
    position:absolute!important;
    top:56px!important;
    right:0!important;
    width:min(290px,calc(100vw - 28px))!important;
    box-sizing:border-box!important;
    padding:10px!important;
    border:1px solid #e3e6eb!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 20px 50px rgba(17,19,24,.16)!important;
    z-index:2147483001!important;
  }
  .mobile-menu[open] .mobile-menu-panel{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
  }
  .mobile-menu-panel a{
    display:flex!important;
    align-items:center!important;
    min-height:48px!important;
    height:48px!important;
    box-sizing:border-box!important;
    padding:0 14px!important;
    margin:0!important;
    border-radius:10px!important;
    color:#3f4651!important;
    font-size:11px!important;
    font-weight:750!important;
    text-decoration:none!important;
  }
  .mobile-menu-panel a:hover{
    background:#f2f4f7!important;
    color:#111318!important;
  }
  .mobile-menu-panel .mobile-menu-cta{
    margin-top:4px!important;
    justify-content:center!important;
    background:#111318!important;
    color:#fff!important;
  }
  .mobile-menu[open] summary{
    background:#111318!important;
    border-color:#111318!important;
    color:#fff!important;
  }
  .mobile-menu[open] summary i{background:#fff!important}
}

/* WhatsApp: logo reconhecível dentro da bolinha, sem depender de imagem externa */
a.whatsapp .wa-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#087a40!important;
}
a.whatsapp .wa-icon svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
}
a.whatsapp .wa-icon svg path,
a.whatsapp .wa-icon svg circle{
  vector-effect:non-scaling-stroke;
}
@media(max-width:600px){
  a.whatsapp .wa-icon{
    width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important;
  }
  a.whatsapp .wa-icon svg{width:21px!important;height:21px!important}
}

/* V24 — MENU MOBILE: implementação nativa e isolada */
@media(max-width:600px){
  header.header,
  header.header .nav{
    position:relative!important;
    z-index:2147483000!important;
  }
  header.header .nav{
    display:flex!important;
    align-items:center!important;
  }

  details.mobile-menu{
    display:block!important;
    position:relative!important;
    margin-left:auto!important;
    width:88px!important;
    height:48px!important;
    z-index:2147483640!important;
  }

  details.mobile-menu > summary{
    display:flex!important;
    width:88px!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 10px!important;
    margin:0!important;
    list-style:none!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    user-select:none!important;
    border:1px solid #dfe2e8!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#111318!important;
    position:relative!important;
    z-index:2147483641!important;
  }
  details.mobile-menu > summary::-webkit-details-marker{display:none!important}
  details.mobile-menu > summary::marker{display:none!important}

  details.mobile-menu .menu-lines{
    display:flex!important;
    width:17px!important;
    height:14px!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    flex:0 0 17px!important;
  }
  details.mobile-menu .menu-lines i{
    display:block!important;
    width:17px!important;
    height:2px!important;
    background:#111318!important;
    border-radius:2px!important;
  }
  details.mobile-menu > summary b{
    display:block!important;
    font-size:10px!important;
    line-height:1!important;
  }

  details.mobile-menu > nav.mobile-menu-panel{
    display:none!important;
    position:absolute!important;
    top:56px!important;
    right:0!important;
    left:auto!important;
    width:min(292px,calc(100vw - 28px))!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:10px!important;
    margin:0!important;
    flex-direction:column!important;
    gap:4px!important;
    background:#fff!important;
    border:1px solid #dfe2e8!important;
    border-radius:16px!important;
    box-shadow:0 20px 50px rgba(17,19,24,.18)!important;
    overflow:visible!important;
    z-index:2147483642!important;
  }

  details.mobile-menu[open] > nav.mobile-menu-panel{
    display:flex!important;
  }
  details.mobile-menu[open] > summary{
    background:#111318!important;
    color:#fff!important;
    border-color:#111318!important;
  }
  details.mobile-menu[open] .menu-lines i{background:#fff!important}

  details.mobile-menu nav.mobile-menu-panel a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 14px!important;
    border-radius:10px!important;
    color:#374151!important;
    background:transparent!important;
    font-size:11px!important;
    font-weight:750!important;
    text-decoration:none!important;
  }
  details.mobile-menu nav.mobile-menu-panel a:hover{
    background:#f2f4f7!important;
    color:#111318!important;
  }
  details.mobile-menu nav.mobile-menu-panel a.mobile-menu-cta{
    justify-content:center!important;
    margin-top:4px!important;
    background:#111318!important;
    color:#fff!important;
  }
}

/* V24 — ícone WhatsApp reconhecível dentro da bolinha branca */
a.whatsapp .wa-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#25D366!important;
  overflow:hidden!important;
}
a.whatsapp .wa-icon svg{
  width:25px!important;
  height:25px!important;
  display:block!important;
}
a.whatsapp .wa-icon svg circle{fill:#25D366!important}
a.whatsapp .wa-icon svg path{fill:#fff!important}

/* V25 — menu mobile com botão nativo + JS mínimo acessível */
@media(max-width:600px){
  .mobile-menu{
    display:block!important;
    position:relative!important;
    width:88px!important;
    height:48px!important;
    margin-left:auto!important;
    z-index:2147483640!important;
  }
  .mobile-menu-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    width:88px!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 10px!important;
    margin:0!important;
    border:1px solid #dfe2e8!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#111318!important;
    cursor:pointer!important;
    font:inherit!important;
    position:relative!important;
    z-index:2147483641!important;
  }
  .mobile-menu-toggle .menu-lines{
    display:flex!important;
    width:17px!important;
    height:14px!important;
    flex-direction:column!important;
    justify-content:space-between!important;
  }
  .mobile-menu-toggle .menu-lines i{
    display:block!important;
    width:17px!important;
    height:2px!important;
    border-radius:2px!important;
    background:#111318!important;
  }
  .mobile-menu-toggle b{font-size:10px!important;line-height:1!important}
  .mobile-menu-toggle.is-open{
    background:#111318!important;
    color:#fff!important;
    border-color:#111318!important;
  }
  .mobile-menu-toggle.is-open .menu-lines i{background:#fff!important}

  .mobile-menu-panel{
    display:flex!important;
    position:absolute!important;
    top:56px!important;
    right:0!important;
    width:min(292px,calc(100vw - 28px))!important;
    box-sizing:border-box!important;
    flex-direction:column!important;
    gap:4px!important;
    padding:10px!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #dfe2e8!important;
    border-radius:16px!important;
    box-shadow:0 20px 50px rgba(17,19,24,.18)!important;
    z-index:2147483642!important;
  }
  .mobile-menu-panel[hidden]{display:none!important}
  .mobile-menu-panel a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:48px!important;
    height:48px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 14px!important;
    border-radius:10px!important;
    color:#374151!important;
    background:transparent!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:750!important;
  }
  .mobile-menu-panel a:hover{background:#f2f4f7!important;color:#111318!important}
  .mobile-menu-panel .mobile-menu-cta{justify-content:center!important;margin-top:4px!important;background:#111318!important;color:#fff!important}
}

/* V25 — logo WhatsApp mais fiel dentro da bolinha branca */
a.whatsapp .wa-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  background:#fff!important;
  overflow:hidden!important;
}
a.whatsapp .wa-icon svg{
  width:31px!important;
  height:31px!important;
  display:block!important;
}

/* V26 — menu mobile CSS-only, isolado de todo JS e dos estilos anteriores */
@media(max-width:600px){
  .mobile-menu{
    display:block!important;
    position:relative!important;
    width:88px!important;
    height:48px!important;
    margin-left:auto!important;
    z-index:2147483647!important;
    flex:0 0 88px!important;
  }

  .mobile-menu-check{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
  }

  .mobile-menu-toggle{
    display:flex!important;
    width:88px!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 10px!important;
    margin:0!important;
    border:1px solid #dfe2e8!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#111318!important;
    cursor:pointer!important;
    user-select:none!important;
    position:relative!important;
    z-index:2147483647!important;
  }

  .mobile-menu-toggle .menu-lines{
    display:flex!important;
    width:17px!important;
    height:14px!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    flex:0 0 17px!important;
  }
  .mobile-menu-toggle .menu-lines i{
    display:block!important;
    width:17px!important;
    height:2px!important;
    border-radius:2px!important;
    background:#111318!important;
  }
  .mobile-menu-toggle b{
    display:block!important;
    font-size:10px!important;
    line-height:1!important;
  }

  .mobile-menu-panel{
    display:none!important;
    position:absolute!important;
    top:56px!important;
    right:0!important;
    left:auto!important;
    width:min(292px,calc(100vw - 28px))!important;
    box-sizing:border-box!important;
    padding:10px!important;
    margin:0!important;
    flex-direction:column!important;
    gap:4px!important;
    background:#fff!important;
    border:1px solid #dfe2e8!important;
    border-radius:16px!important;
    box-shadow:0 20px 50px rgba(17,19,24,.18)!important;
    z-index:2147483647!important;
  }

  .mobile-menu-check:checked ~ .mobile-menu-toggle{
    background:#111318!important;
    color:#fff!important;
    border-color:#111318!important;
  }
  .mobile-menu-check:checked ~ .mobile-menu-toggle .menu-lines i{
    background:#fff!important;
  }
  .mobile-menu-check:checked ~ .mobile-menu-panel{
    display:flex!important;
  }

  .mobile-menu-panel a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    padding:0 14px!important;
    margin:0!important;
    border-radius:10px!important;
    color:#374151!important;
    background:transparent!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:750!important;
  }
  .mobile-menu-panel a:hover{
    background:#f2f4f7!important;
    color:#111318!important;
  }
  .mobile-menu-panel .mobile-menu-cta{
    justify-content:center!important;
    margin-top:4px!important;
    background:#111318!important;
    color:#fff!important;
  }
}

/* Desktop: o menu mobile não participa do layout */
@media(min-width:601px){
  .mobile-menu{display:none!important}
}

/* V27 — override final: o .nav nav legado estava escondendo o painel mobile */
@media(max-width:600px){
  .nav .mobile-menu-panel{
    display:none!important;
  }
  .nav .mobile-menu-check:checked ~ .mobile-menu-panel{
    display:flex!important;
  }
  .nav .mobile-menu-panel a{
    display:flex!important;
  }
}

/* V28 — menu mobile isolado, sem usar nav/details/nomes antigos */
.csc-mobile-v28,
.csc-mobile-v28 *{box-sizing:border-box}

.csc-mobile-v28{display:none}

@media(max-width:600px){
  .csc-mobile-v28{
    display:block!important;
    position:relative!important;
    width:88px!important;
    height:48px!important;
    margin-left:auto!important;
    flex:0 0 88px!important;
    z-index:2147483647!important;
  }

  .csc-mobile-check-v28{
    position:absolute!important;
    opacity:0!important;
    width:1px!important;
    height:1px!important;
    pointer-events:none!important;
  }

  .csc-mobile-button-v28{
    display:flex!important;
    position:relative!important;
    width:88px!important;
    height:48px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 10px!important;
    margin:0!important;
    border:1px solid #dfe2e8!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#111318!important;
    cursor:pointer!important;
    z-index:2147483647!important;
    font:inherit!important;
  }

  .csc-mobile-button-v28>span{
    display:flex!important;
    width:17px!important;
    height:14px!important;
    flex-direction:column!important;
    justify-content:space-between!important;
  }
  .csc-mobile-button-v28>span i{
    display:block!important;
    width:17px!important;
    height:2px!important;
    background:#111318!important;
    border-radius:2px!important;
  }
  .csc-mobile-button-v28 b{font-size:10px!important;line-height:1!important}

  .csc-mobile-panel-v28{
    display:none!important;
    position:absolute!important;
    top:56px!important;
    right:0!important;
    width:292px!important;
    max-width:calc(100vw - 28px)!important;
    padding:10px!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #dfe2e8!important;
    border-radius:16px!important;
    box-shadow:0 20px 50px rgba(17,19,24,.18)!important;
    z-index:2147483647!important;
  }

  .csc-mobile-check-v28:checked + .csc-mobile-button-v28{
    background:#111318!important;
    border-color:#111318!important;
    color:#fff!important;
  }
  .csc-mobile-check-v28:checked + .csc-mobile-button-v28>span i{background:#fff!important}
  .csc-mobile-check-v28:checked ~ .csc-mobile-panel-v28{
    display:block!important;
  }

  .csc-mobile-panel-v28 a{
    display:flex!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    align-items:center!important;
    padding:0 14px!important;
    margin:0 0 4px!important;
    border-radius:10px!important;
    color:#374151!important;
    background:#fff!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:750!important;
  }
  .csc-mobile-panel-v28 a:last-child{margin-bottom:0!important}
  .csc-mobile-panel-v28 a:hover{background:#f2f4f7!important;color:#111318!important}
  .csc-mobile-panel-v28 .csc-mobile-cta-v28{
    justify-content:center!important;
    margin-top:4px!important;
    background:#111318!important;
    color:#fff!important;
  }
}
