/* Páginas de Soluções (16/10/2026): /solucoes, /solucoes/artone-saude e /solucoes/central-de-atendimento.
   Usam o b.css da home (faixas, marcos, botões, celular, formulário do WhatsApp, rodapé) e só acrescentam o que é delas. */

/* ---------- Soluções: os dois caminhos ---------- */
.sol-hub.faixa{justify-content:flex-start}
.sol-cab{display:grid;gap:20px;margin-bottom:clamp(32px,4vw,56px)}
.sol-h1{max-width:13em}
.sol-cards{display:grid;gap:20px}
.sol-card{display:grid;gap:28px;padding:28px 20px 0;border-radius:24px;overflow:hidden;background:var(--nevoa)}
.sol-card-txt{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:4px}
.sol-card-txt>p:not(.prod-seg){color:var(--ardosia);max-width:32em}
.sol-card .prod-n{margin-top:0}
.sol-itens{display:grid;gap:8px;margin:2px 0 8px}
.sol-itens li{position:relative;padding-left:26px;font-weight:560;line-height:1.4}
.sol-itens li::before{content:"";position:absolute;left:0;top:.28em;width:16px;height:16px;border-radius:50%;background:var(--navy)}
.sol-itens li::after{content:"";position:absolute;left:6px;top:calc(.28em + 3.5px);width:4px;height:7px;border:solid var(--lima);border-width:0 2px 2px 0;transform:rotate(45deg)}
.sol-fone{width:min(78%,290px);justify-self:center;margin-bottom:-34%}
.sol-cx-fig{align-self:end;margin:0 -20px;padding:0 20px 24px}
.sol-central{background:var(--navy);color:#fff}
.sol-central .prod-seg{color:var(--lima)}
.sol-central .sol-card-txt>p:not(.prod-seg){color:#C9D4E2}
.sol-central .sol-itens li::before{background:var(--lima)}
.sol-central .sol-itens li::after{border-color:var(--navy)}
.sol-central .bt-cheio{background:var(--lima);color:var(--navy)}
.sol-central .bt-cheio:hover{background:#D3FF99}
.sol-central :focus-visible{box-shadow:0 0 0 2px var(--navy),0 0 0 4px var(--lima)}
.sol-outra{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:clamp(28px,3.4vw,44px);padding-top:20px;border-top:1px solid var(--linha)}
.sol-outra p{color:var(--ardosia);max-width:44em}
.sol-outra b{color:var(--navy)}
.sol-fecho .fecho-h{margin-bottom:18px;max-width:11em}
.sol-fecho .fecho-acao{margin-top:28px;align-items:flex-start}
@media (min-width:900px){
  .sol-cab{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:end}
  .sol-cards{grid-template-columns:1fr 1fr;gap:24px}
  .sol-card{padding:44px 40px 0;border-radius:32px;grid-template-rows:auto 1fr}
  .sol-fone{width:260px;margin-bottom:-120px}
  .sol-cx-fig{margin:0 -40px;padding:0 40px 40px}
}

/* ---------- caixa de entrada da Central (desenho em HTML, dados fictícios) ---------- */
.cx{background:#fff;color:var(--navy);border-radius:16px;box-shadow:var(--sombra);overflow:hidden;font-size:14px;line-height:1.3;pointer-events:none;-webkit-user-select:none;user-select:none}
.cx-topo{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #E6EBF0}
.cx-topo .art{font-size:15px}
.cx-t{font-weight:620}
.cx-abas{display:flex;gap:18px;padding:10px 16px 0;border-bottom:1px solid #E6EBF0;font-size:13px;color:#5D6B80}
.cx-abas span{padding-bottom:9px}
.cx-abas .on{color:var(--navy);font-weight:620;box-shadow:inset 0 -2px 0 var(--navy)}
.cx-abas b{display:inline-block;min-width:18px;margin-left:4px;padding:1px 5px;border-radius:999px;background:var(--lima);color:var(--navy);font-size:11px;text-align:center}
.cx-lista li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"av c can" "av c quem";column-gap:10px;row-gap:4px;align-items:center;padding:11px 16px;border-bottom:1px solid #EEF1F5}
.cx-lista li:last-child{border-bottom:0}
.cx-lista li:first-child{background:#F5F8FB;box-shadow:inset 3px 0 0 var(--navy)}
.cx-av{grid-area:av;width:36px;height:36px;border-radius:50%;background:var(--nevoa);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650}
.cx-c{grid-area:c;display:flex;flex-direction:column;min-width:0}
.cx-c b{font-weight:620}
.cx-c small{color:#5D6B80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-can{grid-area:can;justify-self:end;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:620;white-space:nowrap}
.cx-can.wa{background:#E3F4EA;color:#146E46}
.cx-can.ig{background:#FCE8F1;color:#A3245E}
.cx-can.site{background:#E8EEF8;color:#1F4C8F}
.cx-quem{grid-area:quem;justify-self:end;font-size:11px;color:#5D6B80;white-space:nowrap}
.cx-quem.ia{color:var(--verde-texto);font-weight:620}
.cx-can.voz{background:#FFF1D6;color:#8A5300}

/* ---------- páginas de solução: capa ---------- */
.s-capa-grade{display:grid;gap:clamp(32px,5vw,64px);align-items:center}
.s-capa-txt{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.s-capa-txt .h1{max-width:12em}
.s-selo{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:620;color:var(--verde-texto)}
.s-selo::before{content:"";width:28px;height:2px;background:var(--verde)}
.s-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.s-preco{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:16px;color:var(--ardosia)}
.s-preco b{font-size:clamp(30px,3vw,40px);font-stretch:74%;font-weight:660;line-height:1;color:var(--navy);font-variant-numeric:tabular-nums}
.s-teste{width:100%;color:var(--verde-texto);font-weight:620;font-size:15px}
.s-capa-fone{width:min(74%,320px);margin-inline:auto}
.s-capa-fone .nota{text-align:center}
.s-capa-cx{width:100%;max-width:560px;margin-inline:auto}
@media (min-width:980px){.s-capa-grade{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}

/* ---------- blocos comuns ---------- */
.s-cab{display:grid;gap:20px;margin-bottom:clamp(28px,4vw,48px)}
.s-cab .lead{max-width:40em}
.s-dores{display:grid;gap:14px;margin-top:clamp(28px,4vw,48px);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.dor{display:flex;flex-direction:column;gap:10px;padding:24px 22px;border-radius:18px;background:#fff;box-shadow:0 1px 0 #D3DBE3}
.dor b{font-size:clamp(44px,4.6vw,64px);font-stretch:70%;font-weight:680;line-height:.9;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.dor p{font-size:16px;line-height:1.45;color:var(--navy)}
.dor small{margin-top:auto;padding-top:8px;font-size:13px;line-height:1.35;color:var(--ardosia)}
.s-split{display:grid;gap:clamp(32px,5vw,64px);align-items:center}
.s-split-txt{display:flex;flex-direction:column;gap:20px}
@media (min-width:900px){
  .s-split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .s-split-inv .s-split-txt{order:2}
}
.s-itens{display:grid;gap:14px 28px}
.s-itens li{display:grid;align-content:start;gap:4px;padding-top:14px;border-top:1px solid var(--linha)}
.s-itens b{font-size:17px;font-weight:620;line-height:1.3}
.s-itens span{font-size:15.5px;line-height:1.5;color:var(--ardosia)}
.s-itens-3,.s-itens-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
@media (min-width:1100px){.s-itens-3{grid-template-columns:repeat(3,1fr)}.s-itens-4{grid-template-columns:repeat(4,1fr)}}
.faixa-navy .s-itens li{border-top-color:rgba(255,255,255,.22)}
.faixa-navy .s-itens span{color:#C9D4E2}
.so-pc{display:none}
@media (min-width:760px){.so-pc{display:flex}}

/* ---------- Saúde ---------- */
.s-cels{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:460px;margin-inline:auto}
.s-cels img{border-radius:16px;border:1px solid var(--linha);box-shadow:var(--sombra)}
.s-cels figcaption{grid-column:1 / -1;font-size:14px;color:var(--ardosia)}
.s-trio{display:grid;grid-auto-flow:column;grid-auto-columns:min(72%,260px);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-inline:calc(var(--g) * -1);padding-inline:var(--g);scrollbar-width:none}
.s-trio::-webkit-scrollbar{display:none}
.s-trio{scroll-padding-inline:var(--g)}
.s-arraste{margin-top:6px;font-size:14px;font-weight:600;color:var(--verde-texto)}
@media (min-width:900px){.s-arraste{display:none}}
.s-trio figure{display:flex;flex-direction:column;gap:16px;scroll-snap-align:start}
.s-trio figcaption{font-size:15px;line-height:1.45;color:var(--ardosia)}
.s-trio figcaption b{display:block;color:var(--navy);font-weight:620;margin-bottom:2px}
@media (min-width:900px){.s-trio{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,280px));justify-content:space-between;overflow:visible;margin-inline:0;padding-inline:0}}
.flow-ok{display:flex;flex-direction:column;align-items:center;gap:2.4cqw;padding:4cqw 0 1cqw}
.flow-ok i{width:14cqw;height:14cqw;border-radius:50%;background:#E7F8EE;position:relative}
.flow-ok i::after{content:"";position:absolute;left:4.6cqw;top:3.2cqw;width:4cqw;height:7cqw;border:solid #1DAA61;border-width:0 1.2cqw 1.2cqw 0;transform:rotate(45deg)}
.s-conta{display:grid;gap:18px 32px;margin-top:clamp(32px,4vw,56px);padding-top:24px;border-top:2px solid var(--navy)}
.s-conta p{display:flex;align-items:baseline;gap:14px}
.s-conta b{font-size:clamp(48px,5vw,72px);font-stretch:68%;font-weight:700;line-height:.9;color:#7F93AE;font-variant-numeric:tabular-nums}
.s-conta-ok b{color:var(--verde)}
.s-conta span{font-size:16px;line-height:1.4;max-width:18em}
.s-conta-txt{color:var(--ardosia);font-size:15px;line-height:1.5}
@media (min-width:900px){.s-conta{grid-template-columns:auto auto minmax(0,1fr);align-items:center}}
.s-tela{flex-direction:column;gap:14px;margin-top:clamp(32px,4vw,52px)}
.s-tela img{border-radius:16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.s-tela figcaption{font-size:15px;color:#C9D4E2}
.s-tela figcaption b{color:#fff}
.s-passos{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.s-passos li{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-radius:18px;background:var(--nevoa)}
.s-passos .n{width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--lima);display:flex;align-items:center;justify-content:center;font-weight:680;font-size:16px}
.s-passos b{font-size:22px;font-stretch:82%;font-weight:620;line-height:1.15}
.s-passos p{font-size:15.5px;line-height:1.5;color:var(--ardosia)}
.s-plano{display:grid;gap:clamp(28px,4vw,56px);align-items:start}
.s-plano-caixa{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:30px 26px;border-radius:24px;background:#fff;box-shadow:var(--sombra)}
.s-plano-us{font-size:16px;line-height:1.45;color:var(--ardosia)}
.s-plano-us b{color:var(--navy)}
.s-plano-lista{display:grid;gap:10px;margin-bottom:6px}
.s-plano-lista li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15.5px;line-height:1.45}
.s-plano-lista li::before{content:"";width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--lima);box-shadow:inset 0 0 0 5px var(--navy)}
.s-plano-lado{display:flex;flex-direction:column;gap:12px}
.s-plano-lado .h3+p{color:var(--ardosia);max-width:34em}
.s-plano-lado p+.h3{margin-top:24px}
@media (min-width:900px){.s-plano{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.s-plano-caixa{padding:40px 36px}}

/* ---------- Central: voz e funil (desenhos em HTML, dados fictícios) ---------- */
.s-novo{align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--lima);color:var(--navy);font-size:13px;font-weight:680;letter-spacing:.02em;text-transform:uppercase}
.s-fato{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);font-size:16px;line-height:1.45;color:#fff}
.s-fato b{font-size:clamp(40px,4vw,56px);font-stretch:70%;font-weight:700;line-height:.9;color:var(--lima)}
.s-fato small{width:100%;font-size:13px;color:#9FB0C4}
.lig{max-width:440px;margin-inline:auto;padding:20px;border-radius:18px;background:#fff;color:var(--navy);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);font-size:14px;line-height:1.4;pointer-events:none;-webkit-user-select:none;user-select:none}
.lig-topo{display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-items:center}
.lig-topo span{grid-column:2;font-size:13px;color:#5D6B80}
.lig-ic{grid-row:1 / 3;width:32px;height:32px;border-radius:50%;background:#E3F4EA;position:relative}
.lig-ic{display:flex;align-items:center;justify-content:center}
.lig-ic svg{width:16px;height:16px;fill:var(--verde)}
.lig-audio{display:flex;align-items:center;gap:10px;margin:14px 0 6px;padding:10px 12px;border-radius:12px;background:var(--nevoa)}
.lig-play{width:0;height:0;border-left:10px solid var(--navy);border-block:6px solid transparent}
.lig-onda{flex:1;height:18px;background:repeating-linear-gradient(90deg,#9AA8B8 0 2px,transparent 2px 5px);border-radius:2px}
.lig-audio small{font-variant-numeric:tabular-nums;color:#5D6B80}
.lig-rot{margin-top:12px;font-size:12px;font-weight:650;letter-spacing:.03em;text-transform:uppercase;color:#5D6B80}
.lig-fala{margin-top:6px;padding:8px 10px;border-radius:10px;background:#F5F8FB}
.lig-fala b{display:block;font-size:12px;color:var(--verde-texto)}
.lig-res{margin-top:6px;padding:10px 12px;border-radius:10px;background:#F4FFE6;box-shadow:inset 3px 0 0 var(--lima)}
.lig-hist{display:grid;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid #E6EBF0}
.lig-hist li{display:flex;justify-content:space-between;gap:10px;font-weight:600;color:#5D6B80}
.lig-hist li.ok{color:var(--verde-texto)}
.lig-hist li.perd{color:#B4232F}
.lig-hist small{font-weight:400;color:#5D6B80}
.kb{border-radius:16px;background:#fff;box-shadow:var(--sombra);overflow:hidden;font-size:13px;line-height:1.3;pointer-events:none;-webkit-user-select:none;user-select:none}
.kb-topo{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #E6EBF0;font-weight:620}
.kb-topo .art{font-size:15px}
.kb-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}
.kb-col{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#F3F6F9;min-width:0}
.kb-col p{display:flex;justify-content:space-between;font-weight:620}
.kb-col p i{font-style:normal;color:#5D6B80}
.kb-card{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #E1E7ED;min-width:0}
.kb-card small{color:#5D6B80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-card em{align-self:flex-start;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--navy);color:#fff;font-style:normal;font-size:11px;font-weight:620}
.kb-card.sel{border-color:var(--navy);box-shadow:inset 3px 0 0 var(--navy)}
.kb-card.ok small{color:var(--verde-texto);font-weight:620}

/* celular: as quatro dores em duas colunas, para a página não ficar longa */
@media (max-width:759px){
  .s-dores{grid-template-columns:1fr 1fr;gap:10px}
  .dor{padding:16px 14px;gap:8px;border-radius:14px}
  .dor b{font-size:38px}
  .dor p{font-size:14.5px;line-height:1.4}
  .dor small{font-size:12px}
}

/* ---------- 16/10 (comentários do Fabio no Saúde) ---------- */
/* 20: o botão do WhatsApp em destaque, na cor do WhatsApp */
.bt-zap{gap:10px;background:#1DAA61;color:#fff;border:0;box-shadow:0 10px 24px -12px rgba(29,170,97,.8)}
.bt-zap:hover{background:#178F51}
.bt-ic{width:20px;height:20px;fill:currentColor;flex:none}
/* 22: a mensagem real do atendimento, com o botão que abre as telas */
.m-cta-flow{display:flex;align-items:center;justify-content:center;gap:1.6cqw}
.m-cta-flow::before{content:"";width:3.6cqw;height:3.6cqw;border:.5cqw solid currentColor;border-radius:.8cqw;box-sizing:border-box}
.flow-radios i>span{display:flex;flex-direction:column}
.flow-radios i em{font-style:normal;font-size:3.7cqw;color:#7C8A91;line-height:1.3}
.flow-radios i{align-items:flex-start}
.flow-radios i::before{margin-top:.4cqw}
.flow-data{display:flex;align-items:center;justify-content:space-between}
.flow-data i{width:4.4cqw;height:4cqw;border:.5cqw solid #54656F;border-top-width:1.2cqw;border-radius:.6cqw;box-sizing:border-box}
.flow-sub{font-size:4.6cqw;font-weight:600;line-height:1.3}
.flow-cap{font-size:3.9cqw;line-height:1.4;color:#7C8A91}
@media (min-width:900px){.s-quatro{grid-template-columns:repeat(4,minmax(0,260px))}}
/* 19: a comparação de mensagens em três colunas: número em cima, legenda embaixo */
.s-conta{align-items:start}
.s-conta p.s-conta-n{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.s-conta-n span{font-size:15.5px;line-height:1.45;color:var(--navy);max-width:20em}
@media (min-width:900px){.s-conta{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)}}
/* 16 e 17: dois planos lado a lado */
.s-planos{display:grid;gap:16px}
.s-plano-n{font-size:clamp(26px,2.4vw,32px);font-stretch:78%;font-weight:640;line-height:1}
.s-planos .s-preco b{font-size:clamp(40px,4vw,56px)}
.s-plano-pro{background:var(--navy);color:#fff}
.s-plano-pro .s-preco b,.s-plano-pro .s-plano-n{color:#fff}
.s-plano-pro .s-preco span,.s-plano-pro .s-plano-us{color:#C9D4E2}
.s-plano-pro .s-plano-lista li::before{background:var(--navy);box-shadow:inset 0 0 0 5px var(--lima)}
.s-plano-pe{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:24px}
.s-plano-pe p{color:var(--ardosia);max-width:52em;line-height:1.5}
.s-plano-pe b{color:var(--navy)}
@media (min-width:900px){.s-planos{grid-template-columns:1fr 1fr;gap:24px}.s-plano-pe{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}}
@media (max-width:759px){.bt-zap{padding:0 18px;font-size:16px}.s-acoes .bt{width:100%}}