/* ==========================================================================
   pagina-cidade.css
   Folha compartilhada das paginas de /onde-atendemos/.
   Extraida do HTML em 12/10/2026 para deixar de repetir 16 KB por pagina:
   com cerca de 140 cidades previstas, e isso que faz a segunda pagina em
   diante carregar do cache em vez de baixar tudo de novo.

   Tokens do Ordus System, fonte de verdade em full-service-site/global.css.
   Nesta sub-marca o roxo e a cor de acao e o verde nunca e botao.
   ========================================================================== */

:root{--bg:#F2F2F0;--surface:#FFFFFF;--ink:#1A1A2E;--muted:#64648A;--purple:#9A11E8;--deep:#6B21A8;--soft:#F6EDFD;--line:#DCBAF6;--border:#D4D7DD;--green:#24A87C;--green-soft:#E8F7F1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Inter,sans-serif}a{color:var(--deep);text-underline-offset:4px;display:inline-flex;align-items:center;min-width:24px;min-height:24px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:2px solid var(--deep);outline-offset:5px}h1,h2,h3,.number,.brand{font-family:'Bricolage Grotesque',sans-serif}h1{font-size:clamp(1.875rem,1.35rem + 2.6vw,3rem);line-height:1.08;letter-spacing:-.045em;font-weight:800;margin:20px 0}h2{font-size:clamp(1.375rem,1.1rem + 1.3vw,1.875rem);line-height:1.18;letter-spacing:-.025em;margin:0 0 24px;font-weight:800}h3{font-size:22px;line-height:1.25;margin:0 0 12px}p{margin:0 0 18px}.read{max-width:680px;margin-inline:auto}.shell{max-width:1120px;margin:auto;padding:0 16px}.skip{position:absolute;top:-90px;left:16px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:8px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top{border-bottom:1px solid var(--border)}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px}.brand{font-size:27px;letter-spacing:-1.2px;font-weight:800;color:var(--ink);text-decoration:none}.brand span{color:var(--deep);font-weight:700}.nav-link{font-size:13px;text-decoration:none;font-weight:600;gap:8px}.top .place{display:none}.crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--muted);padding:30px 0 26px}.crumb a{color:var(--muted);text-decoration:none}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--deep);display:flex;gap:9px;align-items:center;margin-bottom:16px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--purple);border-radius:50%}.dek{font-size:19px;color:var(--muted);line-height:1.5}.byline{display:flex;align-items:center;gap:12px;margin:26px 0;font-size:12px;line-height:1.55}.avatar{background:var(--soft);border-radius:50%;flex-shrink:0}.byline strong{display:block;color:var(--ink)}.byline span{color:var(--muted)}.answer{padding:24px;border:1px solid var(--line);border-left:3px solid var(--purple);border-radius:12px;background:var(--soft)}.answer p{margin:0;font-size:16px}.answer .tag{font-size:10px;color:var(--deep);font-weight:700;letter-spacing:.12em;margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0}.stat{padding:16px 10px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.number{color:var(--deep);font-size:clamp(24px,6vw,43px);line-height:1.1;font-weight:800;letter-spacing:-.04em;display:block;margin-bottom:10px}.stat small{display:block;font-size:10px;line-height:1.5;color:var(--muted)}.stat b{font-size:11px;display:block;line-height:1.4;font-weight:600}.photo{margin:32px 0}.photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.photo figcaption{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.6}.toc{border-block:1px solid var(--border);padding:16px 0;margin:32px 0 54px}.toc summary{font-size:14px;font-weight:600}.toc ol{margin:18px 0 0;padding-left:22px}.toc li{font-size:14px;margin:8px 0}.section{padding-top:8px;margin-bottom:64px}.section-label{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.chart{margin:30px 0;background:var(--surface);border:1px solid var(--border);padding:22px 16px;border-radius:12px}.chart svg{width:100%;height:auto;display:block}.chart figcaption{font-size:12px;color:var(--muted);line-height:1.6;border-top:1px solid var(--border);padding-top:14px;margin-top:18px}.chart figcaption a{font-size:12px}.chart h3{font:600 14px Inter,sans-serif;margin-bottom:25px}.legend{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;font-size:13px}.legend span{display:block;color:var(--muted);font-size:12px}.legend i{width:8px;height:8px;background:var(--border);display:inline-block;margin-right:6px;border-radius:2px}.legend .selected{color:var(--deep)}.legend .selected i{background:var(--purple)}.note{padding:22px;border-radius:12px;background:var(--soft);font-size:15px;border:1px solid var(--line);margin:28px 0}.note p:last-child{margin:0}.pull{font:700 clamp(24px,4vw,34px)/1.2 'Bricolage Grotesque',sans-serif;border-left:3px solid var(--purple);padding:4px 0 4px 24px;margin:32px 0;letter-spacing:-.025em}.cta-strip{border-block:1px solid var(--border);padding:26px 0;margin:32px 0}.cta-strip p{font-size:15px;color:var(--muted);margin:8px 0 18px}.btn{background:var(--purple);color:var(--surface);padding:13px 18px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;gap:16px;justify-content:space-between;min-height:48px}.btn:hover{background:var(--deep)}.businesses{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.businesses span{border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-weight:600;font-size:15px;background:var(--surface)}.workflow{margin:28px 0;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.workflow ol{padding-left:20px;margin:0}.workflow li{padding:10px 0 10px 6px;font-size:14px}.workflow li::marker{color:var(--deep);font-weight:700}.workflow strong{display:block}.workflow .caption{font-size:12px;color:var(--muted);margin:16px 0 0}.services{border-top:1px solid var(--border);margin-top:26px}.service{display:grid;grid-template-columns:1fr auto;gap:5px 18px;padding:20px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--ink);width:100%}.service strong{font-size:16px;font-weight:600}.service span{grid-column:1;font-size:14px;color:var(--muted)}.service i{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--deep);font-style:normal}.fit{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:26px}.fit ul{padding-left:20px;margin:0}.fit li{margin-bottom:14px;font-size:15px}.fit li:last-child{margin:0}.faq details{border-bottom:1px solid var(--border);padding:20px 0}.faq summary{font-weight:600;font-size:16px;cursor:pointer;min-height:24px}.faq details p{font-size:15px;color:var(--muted);margin:18px 0 0}.closing{padding:32px;border:1px solid var(--line);background:var(--soft);border-radius:12px;margin:48px 0}.closing h2{margin-bottom:18px}.closing p{font-size:16px}.closing .btn{margin-top:8px}.contact{display:grid;gap:24px;padding:28px 0;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.contact strong{display:block;color:var(--ink);margin-bottom:8px}.contact address{font-style:normal;line-height:1.8}.contact p{margin:0}.footer{border-top:1px solid var(--border);padding:26px 0;margin-top:40px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}summary::marker{color:var(--deep)}
@media(min-width:768px){body{font-size:18px}.shell{padding:0 24px}.top .place{display:block;font-size:12px;color:var(--muted)}.crumb{padding-top:40px}.stat{padding:24px 20px}.stat b{font-size:13px}.stat small{font-size:11px}.stats{gap:12px;margin:30px 0}.hero-photo{margin:34px -100px 36px}.answer{padding:26px 28px}.legend{grid-template-columns:repeat(4,1fr)}.chart{padding:28px}.contact{grid-template-columns:1.3fr 1fr}.closing{padding:38px}.dek{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.top,.btn,.toc,.footer{display:none}.read{max-width:680px}.section{break-inside:avoid}body{font-size:12pt}.faq details p{display:block}}

/* Revised editorial composition */
.page-article{max-width:1120px;margin:auto}.opening{padding-bottom:12px}.intro-copy{max-width:680px}.intro-grid{display:grid;gap:24px}.local-seal{display:none}.opening-answer{max-width:680px;margin-top:8px}.page-article h1{margin-top:12px}.dek{margin-bottom:0}.byline{margin-bottom:28px}.stats{margin-top:32px;gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.stat{background:var(--surface);border:none;border-right:1px solid var(--border);border-radius:0;padding:22px 12px}.stat:last-child{border-right:0}.number{color:var(--deep);font-size:clamp(28px,7.5vw,64px);margin-bottom:12px}.stat b{font-size:12px}.hero-photo{margin:28px 0 0}.hero-frame{position:relative}.hero-photo img{border-radius:12px}.photo-location{position:absolute;left:14px;bottom:14px;background:var(--ink);color:var(--surface);display:flex;gap:12px;align-items:center;padding:13px 16px;border-radius:8px}.photo-location strong{font-size:13px;display:block}.photo-location span{display:block;font-size:10px;color:var(--surface)}.hero-photo figcaption{max-width:680px;font-size:11px;margin-top:12px}.hero-photo figcaption a{font-size:11px}.reading-layout{margin-top:36px}.article-body{max-width:680px;min-width:0}.index-rail{min-width:0}.rail-note{display:none}.toc{margin:0 0 36px;padding:20px 0}.toc ol{list-style:none;padding:0}.toc li{line-height:1.5}.toc a{font-size:13px;line-height:1.5;text-decoration:none}.section{margin-bottom:64px;padding-top:18px}.section-label{color:var(--deep);font-weight:700;font-size:10px;letter-spacing:.16em;padding-top:24px;border-top:1px solid var(--border);margin-bottom:16px}h2{max-width:620px}.chart{border:0;border-radius:12px;padding:24px 20px}.chart h3{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;line-height:1.25}.legend b{font:700 22px 'Bricolage Grotesque',sans-serif}.legend span{font-size:13px}.note{border-left:3px solid var(--purple);border-radius:0 12px 12px 0}.cta-strip{display:block;padding:26px 0}.cta-strip>strong{font:700 23px/1.2 'Bricolage Grotesque',sans-serif;display:block;max-width:460px}.cta-strip .btn{width:100%;max-width:360px}.businesses{padding:22px 0;border-block:1px solid var(--border)}.businesses span{background:none;border:none;padding:0 20px 0 0;font:700 23px 'Bricolage Grotesque',sans-serif}.referral-visual{margin:32px 0;padding:28px 24px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.visual-kicker{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--deep);margin-bottom:24px}.referral-flow{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px}.referral-flow strong{font:700 23px/1.2 'Bricolage Grotesque',sans-serif;display:block;letter-spacing:-.02em}.referral-flow p{font-size:12px;color:var(--muted);margin:12px 0 0}.flow-symbol{display:block;font-size:30px;line-height:1;color:var(--deep);margin-bottom:20px}.flow-arrow{font-size:24px;color:var(--deep)}.referral-visual figcaption,.queue-visual figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.queue-visual{margin:32px 0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.queue-top{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:16px}.queue-brand{font:800 18px 'Bricolage Grotesque',sans-serif;letter-spacing:-.7px}.queue-brand span{color:var(--deep)}.demo-label{font-size:9px;color:var(--muted);text-align:right}.queue-heading{padding:24px 0}.queue-heading strong{font:700 24px 'Bricolage Grotesque',sans-serif;display:block;line-height:1.15}.queue-heading>span{font-size:12px;color:var(--muted);display:block;margin-top:8px}.queue-columns{display:grid;gap:16px}.queue-status{font-size:11px;color:var(--muted);font-weight:600;margin-bottom:10px}.request{padding:18px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.request-type{font-size:9px;letter-spacing:.12em;color:var(--deep);font-weight:700;display:block;margin-bottom:12px}.request strong{font-size:14px;display:block;line-height:1.4}.request p{font-size:11px;color:var(--muted);margin:12px 0 18px}.request-foot{font-size:10px;line-height:1.5;padding-top:12px;border-top:1px solid var(--border);color:var(--muted)}.active-request{background:var(--soft);border-color:var(--line)}.active-request .request-foot{color:var(--deep);border-color:var(--line)}.workflow{background:none;border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;padding:24px 0}.workflow ol{list-style:none;padding:0}.workflow li{border-bottom:1px solid var(--border);padding:18px 0}.workflow li:last-child{border:0}.workflow li strong{color:var(--deep);font-size:16px;margin-bottom:4px}.service{padding:24px 0}.service strong{font:700 23px 'Bricolage Grotesque',sans-serif;line-height:1.2}.service i{width:38px;height:38px;background:var(--soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.service:hover strong{color:var(--deep)}.fit{background:var(--soft);border:1px solid var(--line)}.faq summary{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;line-height:1.3;min-height:32px}.closing{background:var(--ink);color:var(--surface);border:0;padding:30px 24px}.closing .eyebrow{color:var(--surface)}.closing h2{font-size:30px;line-height:1.1}.closing p{color:var(--surface);font-size:15px}.closing-action{margin-top:26px}.closing .btn{width:100%;line-height:1.5}.closing-hours{font-size:11px;display:block;color:var(--surface);margin-top:16px}.contact{border-top:none;padding:24px 0}.contact strong{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700}.footer{margin-top:56px}
@media(min-width:768px){.intro-grid{grid-template-columns:minmax(0,680px) minmax(180px,1fr);gap:64px;align-items:stretch}.local-seal{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:32px;justify-content:center;gap:20px}.seal-kicker{font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--muted)}.seal-city{font:800 42px/.95 'Bricolage Grotesque',sans-serif;letter-spacing:-.05em;color:var(--deep)}.seal-city span{font-size:18px;display:block;letter-spacing:.02em;margin-top:10px}.seal-rule{display:block;width:32px;border-top:2px solid var(--purple)}.local-seal strong{font-size:12px;line-height:1.7;font-weight:500}.seal-bottom{font-size:10px;color:var(--muted);line-height:1.8}.stats{margin-top:34px}.stat{padding:28px 32px}.stat b{font-size:14px}.stat small{font-size:12px}.hero-photo{margin:32px 0 0}.hero-photo img{aspect-ratio:2.05/1;object-position:50% 58%;border-radius:12px}.photo-location{left:26px;bottom:26px;padding:16px 20px}.photo-location strong{font-size:16px}.photo-location span{font-size:12px}.hero-photo figcaption{max-width:100%;font-size:11px}.referral-flow strong{font-size:30px}.referral-flow p{font-size:14px}.queue-visual{padding:24px}.queue-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.queue-status{font-size:10px}.request{padding:14px}.request strong{font-size:13px}.queue-top{padding-bottom:20px}.demo-label{font-size:10px}.closing h2{font-size:34px}.chart{padding:30px}.section{margin-bottom:76px}}
@media(min-width:1024px){.opening-answer{margin-top:10px}.reading-layout{display:grid;grid-template-columns:200px minmax(0,680px);column-gap:72px;justify-content:space-between;margin-top:68px;align-items:start}.index-rail{position:sticky;top:30px}.toc{border-top:2px solid var(--purple);margin-top:42px}.toc summary{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;list-style:none;pointer-events:none}.toc summary::-webkit-details-marker{display:none}.toc li{margin:16px 0}.toc a:hover{color:var(--deep)}.rail-note{display:block;font-size:12px;font-weight:600;margin-top:36px}.rail-note p{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0}.rail-note a{font-size:11px}.rail-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.article-body>.section:first-child{padding-top:18px}.section-label{padding-top:24px}.closing{padding:34px}.closing .btn{font-size:13px}}
@media print{.local-seal,.index-rail{display:none}.reading-layout{display:block}.page-article,.opening{max-width:680px}.closing{background:#F6EDFD;color:#1A1A2E}.closing p,.closing-hours,.closing .eyebrow{color:#1A1A2E}}


/* ==========================================================================
   Correcoes do ux-critic, 12/10/2026, rodado com a folha servida por HTTP.
   ========================================================================== */

/* COR-001: o selo sobre a foto media 3.03:1. A cor vinha por heranca e o
   critic leu o valor herdado. Declarada explicitamente nos dois niveis. */
.photo-location{color:#FFFFFF}
.photo-location strong{color:#FFFFFF}
.photo-location span{color:#E6E2EC}

/* A11Y-008: o resumo do indice tinha 22px de altura, abaixo do piso de 24. */
.toc summary{min-height:28px;display:flex;align-items:center}
.toc a{min-height:24px}

/* A11Y-011: a marca no cabecalho tem 27px e peso 800, entao le como titulo
   para quem usa leitor de tela. O texto acessivel fica separado do visual. */
.brand{font-size:24px}

/* ESP-003: as aparencias de link caem para duas, primaria e secundaria. */
.service,.toc a,.crumb a,.contact a,.chart figcaption a,.photo figcaption a{
  font-weight:500;background:none;border-radius:0}

/* --------------------------------------------------------------------------
   Mobile, correcoes medidas em 320px no dia 12/10/2026.
   -------------------------------------------------------------------------- */

/* Em 320px a marca e o botao disputavam a mesma linha e o botao cobria o logo.
   Abaixo de 420px o botao do cabecalho sai: a pagina tem outras 3 chamadas,
   e nenhuma delas depende dessa. */
@media (max-width:419px){
  .top .nav-link.btn{display:none}
  .top-inner{min-height:64px}
  .brand{font-size:21px}
}

/* Os tres numeros em 320px ficavam com 3 colunas de 90px e a legenda quebrava
   palavra a palavra. Abaixo de 480px eles empilham em duas linhas. */
@media (max-width:479px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat{border-bottom:1px solid var(--border)}
  .stat:nth-child(2){border-right:0}
  .stat:last-child{grid-column:1 / -1;border-bottom:0}
  .number{font-size:clamp(26px,9vw,40px)}
}