/* Artigo (pacote Inovaccio20, protótipo "Artigo.dc.html"). O corpo vem de App\Support\Marca\ArtigoLeitura (classes ar-*).
   As colunas que o protótipo calcula pela largura (900, 1180, 640, 760) viram media queries. Campos com 16 px no celular:
   o iOS dá zoom em campo menor que isso. Código e endereço longos quebram dentro da coluna (auditoria de 06/10: um <code>
   com URL empurrava a página 374 px para o lado). */
@keyframes arIn{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes arBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes arSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ar *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.ar{font-family:'Ubuntu',sans-serif;color:#09090B;background:#FAFAF8;overflow-x:clip}
.ar *{box-sizing:border-box}
:where(.ar) a{color:inherit;text-decoration:none}
.ar button,.ar input,.ar textarea{font-family:'Ubuntu',sans-serif}
.ar [hidden]{display:none!important}
.ar input::placeholder,.ar textarea::placeholder{color:#A3A3A8}
.ar-pt{color:#CC0601}
.ar-k{font-size:11px;font-weight:500;letter-spacing:.14em;color:#8A8A90}

/* progresso de leitura */
.ar-prog{position:fixed;left:0;top:0;z-index:300;height:3px;width:0;background:linear-gradient(90deg,#09090B,#55555B);transition:width .15s linear;pointer-events:none}

/* abertura escura (com abertura) */
.ar-ab{position:relative;overflow:hidden;background:radial-gradient(70% 80% at 92% 0%,rgba(204,6,1,.28),transparent 60%),#09090B;color:#F4F3F1;min-height:min(72vh,620px);display:flex;flex-direction:column;justify-content:flex-end}
/* foto da guia ao fundo da abertura: desfocada e bem apagada, com parallax na rolagem (artigo.js). Ajuste aqui: opacidade (0 a 1) e desfoque. */
.ar-ab{--ab-foto-op:.3;--ab-foto-blur:10px}
.ar-ab-foto{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ar-ab-foto img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(var(--ab-foto-blur));transform:translate3d(0,var(--par,0px),0) scale(1.2);will-change:transform;opacity:var(--ab-foto-op);animation:arFotoIn 1.6s cubic-bezier(.22,1,.36,1) .1s both}
.ar-ab-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(9,9,11,.7),rgba(9,9,11,.1) 65%)}
@keyframes arFotoIn{from{opacity:0}to{opacity:var(--ab-foto-op)}}
@media (prefers-reduced-motion:reduce){.ar-ab-foto img{animation:none}}
.ar-ab-pontos{position:absolute;left:0;top:0;width:min(460px,70vw);height:320px;background-image:radial-gradient(rgba(244,243,241,.16) 1px,transparent 1.4px);background-size:14px 14px;-webkit-mask-image:radial-gradient(circle at 0 0,#000,transparent 70%);mask-image:radial-gradient(circle at 0 0,#000,transparent 70%)}
.ar-ab-in{position:relative;max-width:1180px;width:100%;margin:0 auto;padding:clamp(112px,11vw,136px) clamp(20px,4vw,48px) clamp(36px,4vw,52px);display:flex;flex-direction:column;gap:20px}
.ar-ab-voltar{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.14em;color:#ACACB2;animation:arIn .8s cubic-bezier(.22,1,.36,1) both;transition:color .4s}
.ar-ab-voltar:hover{color:#F4F3F1}
.ar-h1{margin:0;max-width:960px;font-size:clamp(40px,6.4vw,92px);font-weight:300;letter-spacing:-0.055em;line-height:.95;text-wrap:balance;overflow-wrap:break-word;animation:arIn .9s cubic-bezier(.22,1,.36,1) .08s both}
.ar-h1 .b{font-weight:700}
.ar-h1 .w{font-weight:300}
.ar-ab-sub{margin:0;max-width:640px;font-size:clamp(16px,1.5vw,19px);font-weight:300;line-height:1.55;color:#ACACB2;text-wrap:pretty;animation:arIn .9s cubic-bezier(.22,1,.36,1) .16s both}
.ar-ab-autor{display:flex;align-items:center;gap:12px;animation:arIn .9s cubic-bezier(.22,1,.36,1) .24s both}
.ar-ab-autor img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#1C1C20;flex:none}
.ar-ab-autor>span{font-size:13px;font-weight:300;color:#ACACB2}
.ar-ab-autor b{font-weight:700;color:#F4F3F1}
.ar-ab-ler{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:0;border:none;background:none;font-size:13px;font-weight:500;color:#ACACB2;cursor:pointer;transition:color .4s}
.ar-ab-ler:hover{color:#F4F3F1}
.ar-ab-ler>span{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;animation:arBob 2.4s cubic-bezier(.45,0,.55,1) infinite}

/* topo simples (sem abertura) */
.ar-simples{max-width:1180px;margin:0 auto;padding:clamp(112px,12vw,140px) clamp(20px,4vw,48px) 0;display:flex;flex-direction:column;gap:18px}
.ar-simples .ar-voltar{align-self:flex-start;font-size:12px;font-weight:500;letter-spacing:.14em;color:#6E6E74;transition:color .4s}
.ar-simples .ar-voltar:hover{color:#09090B}
.ar-simples .ar-h1{max-width:900px;font-size:clamp(34px,4.6vw,64px);letter-spacing:-0.05em;line-height:1;animation:none}
.ar-simples-sub{margin:0;max-width:640px;font-size:18px;font-weight:300;line-height:1.55;color:#55555B;text-wrap:pretty}
.ar-simples-capa{border-radius:28px;overflow:hidden;aspect-ratio:21/9;background:#E6E3DD;margin-top:12px}
.ar-simples-capa img{width:100%;height:100%;object-fit:cover;display:block}

/* foto da guia dentro do artigo (padrão Ponto final): 16:9 na coluna do texto */
/* A moldura é 2:1 e a foto 16:9, mais alta que a moldura (112% da altura, 6% para cima): ela anda nessa folga com o parallax (artigo.js, --par) sem cortar nas laterais. */
.ar-art .ar-capa-foto{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:2/1;background:#E6E3DD}
.ar-art .ar-capa-foto img{position:absolute;left:0;top:-6%;width:100%;height:112%;max-width:none;border-radius:0;object-fit:cover;display:block;transform:translate3d(0,var(--par,0%),0);will-change:transform}
/* Foto com o ponto vermelho perto da borda de cima ou de baixo: inteira em 16:9, sem folga e sem parallax (Ideias::inteira). */
.ar-art .ar-capa-foto-inteira{aspect-ratio:16/9}
.ar-art .ar-capa-foto-inteira img{top:0;height:100%;transform:none;will-change:auto}

/* leitura: sumário, texto e trilho */
.ar-ler{max-width:1180px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(20px,4vw,48px) clamp(64px,8vw,104px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;scroll-margin-top:80px}
.ar-toc,.ar-rail{display:none;position:sticky;top:96px;flex-direction:column;gap:4px}
.ar-rail{gap:10px}
.ar-toc .ar-k{padding:0 12px 8px}
.ar-toc-l{position:relative;display:flex;flex-direction:column}
.ar-toc-pill{position:absolute;left:0;right:0;top:0;height:38px;border-radius:12px;background:#FFFFFF;box-shadow:0 8px 20px -14px rgba(9,9,11,.35),inset 0 0 0 1px rgba(9,9,11,.06);transform:translateY(0);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.ar-toc-b{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;font-size:13px;font-weight:400;color:#6E6E74;text-align:left;cursor:pointer;transition:color .4s}
.ar-toc-b.on{font-weight:700;color:#09090B}
.ar-toc-b>span:first-child{font-size:11px;font-weight:500;color:#A3A3A8;font-variant-numeric:tabular-nums}
.ar-toc-b>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:900px){.ar-ler{grid-template-columns:220px minmax(0,1fr)}.ar-toc{display:flex}.ar-tocm{display:none!important}.ar-ler.ar-sem-toc{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1180px){.ar-ler{grid-template-columns:220px minmax(0,720px) 160px}.ar-rail{display:flex}.ar-ler.ar-sem-toc{grid-template-columns:minmax(0,720px) 160px;justify-content:center}}

.ar-art{min-width:0;display:flex;flex-direction:column;gap:22px;font-size:18px;font-weight:300;line-height:1.7;color:#2A2A2E;overflow-wrap:break-word}
.ar-art p{margin:0;text-wrap:pretty}
.ar-art strong{font-weight:700;color:#09090B}
.ar-art :is(p,li,.ar-ck-tx,.ar-erro-c,.ar-faq-r) a{color:#09090B;font-weight:400;text-decoration:underline;text-decoration-color:rgba(9,9,11,.3);text-underline-offset:3px;transition:text-decoration-color .3s}
.ar-art :is(p,li,.ar-ck-tx,.ar-erro-c,.ar-faq-r) a:hover{text-decoration-color:#09090B}
.ar-art img{max-width:100%;height:auto;border-radius:20px}
.ar-art code{overflow-wrap:anywhere;word-break:break-word;font-size:.88em;padding:2px 6px;border-radius:6px;background:#F1F0EE}
.ar-art pre{max-width:100%;overflow-x:auto;padding:16px 18px;border-radius:16px;background:#F1F0EE;font-size:14px;line-height:1.55}
.ar-art pre code{padding:0;background:none;word-break:normal;overflow-wrap:normal}
.ar-lead{font-size:21px!important;line-height:1.6!important;color:#09090B}
.ar-nota{margin-top:-10px!important;font-size:12.5px;font-weight:300;line-height:1.5;color:#8A8A90}
.ar-h2{margin:28px 0 0;font-size:clamp(26px,2.6vw,34px);font-weight:300;letter-spacing:-0.04em;line-height:1.1;color:#09090B;scroll-margin-top:100px;text-wrap:balance}
.ar-h2 .b{font-weight:700}
.ar-h2 .w{font-weight:300}
.ar-h3{margin:10px 0 -6px;font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:1.3;color:#09090B;scroll-margin-top:100px}
.ar-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;counter-reset:ar}
.ar-lista li{position:relative;padding-left:24px;font-size:16.5px;line-height:1.65;counter-increment:ar}
ul.ar-lista li::before{content:'';position:absolute;left:3px;top:.72em;width:6px;height:6px;border-radius:50%;background:#09090B}
ol.ar-lista li::before{content:counter(ar) '.';position:absolute;left:0;top:0;font-size:14px;font-weight:700;color:#09090B;font-variant-numeric:tabular-nums}
.ar-tabela{overflow-x:auto;margin:6px 0}
.ar-tabela table{width:100%;border-collapse:collapse;font-size:14.5px}
.ar-tabela caption{text-align:left;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#6E6E74;padding-bottom:10px}
.ar-tabela th,.ar-tabela td{padding:10px 14px 10px 0;border-bottom:1px solid rgba(9,9,11,.1);text-align:left;vertical-align:top;color:#2A2A2E;font-weight:300;white-space:nowrap}
.ar-tabela thead th{font-size:12px;font-weight:500;color:#6E6E74}
.ar-tabela tbody th{font-weight:500;color:#09090B}
.ar-bq{margin:12px 0;padding:6px 0 6px 22px;border-left:3px solid #09090B;font-size:20px;line-height:1.5;color:#09090B}
.ar-bq p{font-size:inherit}

/* autor e sumário do celular */
.ar-autor{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid rgba(9,9,11,.08)}
.ar-autor>span:first-child{display:flex;align-items:center;gap:12px}
.ar-autor img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#E6E3DD;flex:none}
.ar-autor-t{display:flex;flex-direction:column;gap:2px}
.ar-autor-t b{font-size:14px;font-weight:700;color:#09090B;line-height:1.2}
.ar-autor-t small{font-size:12.5px;font-weight:300;color:#6E6E74;line-height:1.3}
.ar-palavras{font-size:12px;font-weight:500;color:#8A8A90;padding:6px 12px;border-radius:999px;background:#F1F0EE}
.ar-tocm{display:flex;flex-direction:column;border-radius:20px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06)}
.ar-tocm>button{display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 18px;border:none;background:none;font-size:14px;font-weight:700;color:#09090B;cursor:pointer}
.ar-tocm>button>span{transition:transform .5s cubic-bezier(.22,1,.36,1)}
.ar-tocm.on>button>span{transform:rotate(180deg)}
.ar-tocm-r{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1)}
.ar-tocm.on .ar-tocm-r{grid-template-rows:1fr}
.ar-tocm-r>div{overflow:hidden;min-height:0;display:flex;flex-direction:column;padding:0 8px;visibility:hidden;transition:visibility 0s .6s}
.ar-tocm.on .ar-tocm-r>div{visibility:visible;transition-delay:0s}
.ar-tocm-r a{display:flex;gap:10px;padding:10px;font-size:14px;font-weight:400;color:#2A2A2E}
.ar-tocm-r a>span:first-child{color:#A3A3A8;font-size:12px}
.ar-tocm-r>div::after{content:'';height:8px;flex:none}

/* checklist */
.ar-check{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:24px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06)}
.ar-ck{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;padding:10px 6px;border:none;background:none;text-align:left;cursor:pointer;color:inherit}
.ar-ck-caixa{position:relative;width:24px;height:24px;border-radius:8px;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(9,9,11,.22);transition:background .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.ar-ck-caixa::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#FFFFFF;opacity:0;transform:scale(.5);transition:opacity .3s,transform .45s cubic-bezier(.34,1.5,.5,1)}
.ar-ck[aria-pressed="true"] .ar-ck-caixa{background:#09090B;box-shadow:inset 0 0 0 1.5px #09090B}
.ar-ck[aria-pressed="true"] .ar-ck-caixa::after{opacity:1;transform:none}
.ar-ck-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.ar-ck-tx b{font-size:15.5px;font-weight:700;color:#09090B;line-height:1.35}
.ar-ck-tx span{font-size:14.5px;font-weight:300;line-height:1.5;color:#55555B}
.ar-check-t{font-size:12.5px;font-weight:500;color:#6E6E74;padding:4px 6px 0}

/* faixas de preço: tabela de verdade (para o Google e as IAs) desenhada como cartões */
.ar-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
table.ar-faixas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;border:0;border-spacing:0}
.ar-faixas-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ar-faixas-4,.ar-faixas-5{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
.ar-faixas tbody{display:contents}
.ar-faixa{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:24px;background:#FFFFFF;color:#09090B;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s}
.ar-faixa:hover{transform:translateY(-4px)}
.ar-faixa th,.ar-faixa td{display:block;padding:0;border:0;text-align:left;font-weight:inherit;white-space:normal;color:inherit}
.ar-faixa th{display:flex;flex-direction:column;gap:10px}
.ar-faixa-k{font-size:11px;font-weight:500;letter-spacing:.14em;color:#55555B}
.ar-faixa-n{font-size:22px;font-weight:700;letter-spacing:-0.03em;line-height:1.1;overflow-wrap:break-word}
.ar-faixa-n::first-letter{text-transform:uppercase}
.ar-faixa-v{display:inline-block;font-size:13px;font-weight:500;padding:6px 10px;border-radius:10px;background:#F1F0EE}
.ar-faixa-d{font-size:14px;font-weight:300;line-height:1.55;color:#55555B}
.ar-faixa-hl{background:#09090B;color:#F4F3F1;box-shadow:0 24px 44px -28px rgba(9,9,11,.6)}
.ar-faixa-hl .ar-faixa-k,.ar-faixa-hl .ar-faixa-d{color:#ACACB2}
.ar-faixa-hl .ar-faixa-v{background:rgba(255,255,255,.08)}
@media (max-width:759px){table.ar-faixas,.ar-faixas-2{grid-template-columns:minmax(0,1fr)!important}}

/* calculadora dos guias de preço (GuiaPreco), no mesmo desenho */
.ar-art .mk-calc{margin:8px 0;padding:clamp(22px,3vw,30px);background:#FFFFFF;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06)}
.ar-art .mk-calc-k{display:block;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#8A8A90;margin-bottom:8px}
.ar-art .mk-calc-t{margin:0 0 6px;font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-0.03em;color:#09090B;line-height:1.2}
.ar-art .mk-calc-pt{color:#CC0601}
.ar-art .mk-calc-s{margin:0 0 20px;font-size:13.5px;line-height:1.6;color:#6E6E74}
.ar-art .mk-calc-q{border:0;margin:0 0 18px;padding:0;min-width:0}
.ar-art .mk-calc-q legend{font-size:15px;font-weight:500;color:#09090B;margin-bottom:8px;padding:0}
.ar-art .mk-calc-q label{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:14px;margin-bottom:6px;cursor:pointer;font-size:14.5px;color:#2A2A2E;line-height:1.5;background:#F7F6F4;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06);transition:box-shadow .3s,background .3s}
.ar-art .mk-calc-q label:hover{box-shadow:inset 0 0 0 1px rgba(9,9,11,.2)}
.ar-art .mk-calc-q label:has(input:checked){background:#FFFFFF;box-shadow:inset 0 0 0 1.5px #09090B}
.ar-art .mk-calc-q input{margin:4px 0 0;accent-color:#09090B;flex:none}
.ar-art .mk-calc-q input:focus-visible{outline:2px solid #09090B;outline-offset:2px}
.ar-art .mk-calc-res{margin-top:20px;padding:22px;background:#09090B;border-radius:22px}
.ar-art .mk-calc-res strong{display:block;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ACACB2}
.ar-art .mk-calc-res b{display:block;font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-0.03em;color:#F4F3F1;margin:6px 0 8px}
.ar-art .mk-calc-res p{margin:0 0 16px;font-size:14px;line-height:1.6;color:#ACACB2}
.ar-art .mk-calc-cta{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:#CC0601;color:#FFFFFF!important;font-size:14px;font-weight:500;text-decoration:none!important;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}
.ar-art .mk-calc-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(204,6,1,.7)}

/* barras */
.ar-barras{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:24px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06)}
.ar-barra{display:grid;grid-template-columns:180px minmax(0,1fr) 48px;gap:14px;align-items:center}
.ar-barra-l{font-size:14px;font-weight:500;color:#09090B;line-height:1.3}
.ar-barra-pista{position:relative;height:12px;border-radius:6px;background:#F1F0EE;overflow:hidden}
.ar-barra-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px;background:linear-gradient(90deg,#55555B,#09090B);transition:width 1.2s cubic-bezier(.22,1,.36,1)}
.ar-barras.is-in .ar-barra-fill{width:var(--w)}
.ar-barras.is-in .ar-barra:nth-child(2) .ar-barra-fill{transition-delay:.1s}
.ar-barras.is-in .ar-barra:nth-child(3) .ar-barra-fill{transition-delay:.2s}
.ar-barras.is-in .ar-barra:nth-child(4) .ar-barra-fill{transition-delay:.3s}
.ar-barras.is-in .ar-barra:nth-child(n+5) .ar-barra-fill{transition-delay:.4s}
.ar-barra-v{font-size:14px;font-weight:700;color:#09090B;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:639px){.ar-barra{grid-template-columns:120px minmax(0,1fr) 44px}}
@media (max-width:420px){.ar-barra{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.ar-barra-pista{grid-column:1/-1;order:3}}

/* linha do tempo */
.ar-tl{position:relative;display:flex;flex-direction:column;padding-left:34px}
.ar-tl-fundo,.ar-tl-fill{position:absolute;left:11px;top:8px;width:2px;border-radius:2px}
.ar-tl-fundo{bottom:8px;background:#E6E3DD}
.ar-tl-fill{height:0;background:#09090B;transition:height .25s linear}
.ar-passo{position:relative;display:flex;flex-direction:column;gap:4px;padding:0 0 24px}
.ar-passo-bola{position:absolute;left:-29px;top:4px;width:14px;height:14px;border-radius:50%;background:#FFFFFF;box-shadow:0 0 0 4px #FAFAF8,inset 0 0 0 2px #D4D4D0;transition:background .5s,box-shadow .5s}
.ar-passo.on .ar-passo-bola{background:#09090B;box-shadow:0 0 0 4px #FAFAF8,inset 0 0 0 2px #09090B}
.ar-passo-q{font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#8A8A90}
.ar-passo-t{font-size:17px;font-weight:700;color:#09090B;line-height:1.3}

/* erros numerados */
.ar-erro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:20px 22px;border-radius:22px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.ar-erro:hover{transform:translateX(4px);box-shadow:inset 0 0 0 1px rgba(9,9,11,.12),0 16px 28px -22px rgba(9,9,11,.4)}
.ar-erro+.ar-erro{margin-top:-12px}
.ar-erro-n{display:flex;flex-direction:column;align-items:center;font-size:30px;font-weight:700;letter-spacing:-0.05em;line-height:1;color:#09090B;min-width:40px}
.ar-erro-n small{font-size:10px;font-weight:500;letter-spacing:.14em;color:#8A8A90}
.ar-erro-c{display:flex;flex-direction:column;gap:4px;min-width:0}
.ar-erro-c b{font-size:16.5px;font-weight:700;color:#09090B;line-height:1.35}
.ar-erro-c span{font-size:15px;font-weight:300;line-height:1.55;color:#55555B}

/* citação, destaque e foto */
.ar-cit{margin:20px 0;padding:clamp(28px,4vw,44px);border-radius:28px;background:#09090B;color:#F4F3F1;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}
.ar-cit-brilho{position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(204,6,1,.3),transparent 70%)}
.ar-cit blockquote{position:relative;margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:300;letter-spacing:-0.035em;line-height:1.25;text-wrap:balance}
.ar-cit figcaption{position:relative;font-size:13px;font-weight:500;color:#ACACB2}
.ar-destaque{margin:8px 0!important;padding-left:22px;border-left:3px solid #09090B;font-size:clamp(22px,2.4vw,28px)!important;font-weight:300;letter-spacing:-0.03em;line-height:1.3!important;color:#09090B}
.ar-foto{margin:12px 0;border-radius:28px;overflow:hidden;min-height:220px;display:flex;align-items:flex-end;padding:clamp(24px,4vw,40px);background:#2A2A2E center/cover no-repeat;color:#F4F3F1}
.ar-foto figcaption{max-width:560px;font-size:clamp(17px,1.8vw,20px);font-weight:300;letter-spacing:-0.02em;line-height:1.4}

/* perguntas */
.ar-faq{display:flex;flex-direction:column;border-top:1px solid rgba(9,9,11,.1)}
.ar-faq-i{border-bottom:1px solid rgba(9,9,11,.1)}
.ar-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border:none;background:none;font-size:17px;font-weight:500;color:#09090B;text-align:left;cursor:pointer;line-height:1.35}
.ar-faq-mais{flex:none;width:30px;height:30px;border-radius:50%;background:#F1F0EE;color:#09090B;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .55s cubic-bezier(.22,1,.36,1),background .4s,color .4s}
.ar-faq-i.on .ar-faq-mais{transform:rotate(45deg);background:#09090B;color:#FFFFFF}
.ar-faq-r{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1)}
.ar-faq-i.on .ar-faq-r{grid-template-rows:1fr}
.ar-faq-r>div{overflow:hidden;min-height:0;padding-right:48px;font-size:15.5px;font-weight:300;line-height:1.65;color:#55555B;visibility:hidden;transition:visibility 0s .6s}
.ar-faq-i.on .ar-faq-r>div{visibility:visible;transition-delay:0s}
.ar-faq-r p{margin:0 0 14px}
.ar-faq-r>div>:last-child{margin-bottom:20px}

/* compartilhar, trilho e ferramenta */
.ar-comp{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:18px 20px;border-radius:22px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06)}
.ar-comp>span{font-size:14px;font-weight:500;color:#09090B}
.ar-comp>div{display:flex;gap:8px;flex-wrap:wrap}
.ar-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:none;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.ar-btn:hover{transform:translateY(-2px)}
.ar-btn-preto{background:#09090B;color:#FFFFFF}
.ar-btn-wa{background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(18,140,126,.35);color:#128C7E}
.ar-rail .ar-btn{height:42px;border-radius:14px;padding:0 14px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.08);color:#09090B;justify-content:flex-start}
.ar-rail .ar-btn-wa{box-shadow:inset 0 0 0 1px rgba(18,140,126,.3);color:#128C7E}
.ar-rail .ar-k+.ar-btn{margin-top:0}
.ar-rail-lido{margin-top:14px}
.ar-rail-n{font-size:28px;font-weight:700;letter-spacing:-0.05em;line-height:1;font-variant-numeric:tabular-nums;color:#09090B}
.ar-rail-n small{font-size:14px;font-weight:300;color:#8A8A90}
.ar-cont{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.ar-cont>.ar-k{text-transform:uppercase}
.ar-rel{display:flex;flex-direction:column;gap:4px;padding:18px 22px;border-radius:22px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.ar-rel:hover{transform:translateX(4px);box-shadow:inset 0 0 0 1px rgba(9,9,11,.12),0 16px 28px -22px rgba(9,9,11,.4)}
.ar-rel b{font-size:16px;font-weight:700;line-height:1.35;color:#09090B}
.ar-rel span{font-size:12.5px;font-weight:500;color:#6E6E74}
.ar-ferr{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:24px;background:#09090B;color:#F4F3F1;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.ar-ferr:hover{transform:translateY(-3px)}
.ar-ferr small{font-size:11px;font-weight:500;letter-spacing:.14em;color:#ACACB2;text-transform:uppercase}
.ar-ferr b{font-size:18px;font-weight:700;letter-spacing:-0.02em}
.ar-ferr span{font-size:14px;font-weight:300;line-height:1.5;color:#ACACB2}
.ar-ferr i{font-style:normal;font-size:13px;font-weight:500;margin-top:4px}

/* seções do fim */
.ar-sec{max-width:1180px;margin:0 auto;padding:clamp(64px,8vw,104px) clamp(20px,4vw,48px)}
.ar-sec-h2{margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:300;letter-spacing:-0.045em;line-height:1;text-wrap:balance}
.ar-sec-h2 .b{font-weight:700}
.ar-sec-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.ar-why{background:#09090B;color:#F4F3F1}
.ar-why .ar-sec{display:flex;flex-direction:column;gap:28px}
.ar-why-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ar-why-c{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:24px;background:#141417;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s}
.ar-why-c:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.ar-why-ic{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}
.ar-why-c b{font-size:17px;font-weight:700;line-height:1.3}
.ar-why-c span:last-child{font-size:14px;font-weight:300;line-height:1.55;color:#ACACB2}
@media (max-width:999px){.ar-why-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.ar-why-g{grid-template-columns:minmax(0,1fr)}}

.ar-mom{display:flex;flex-direction:column;gap:24px}
.ar-mom-abas{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border-radius:999px;background:#F1F0EE;min-width:min(100%,420px)}
.ar-mom-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);transform:translateX(0);border-radius:999px;background:#09090B;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.ar-mom-abas button{position:relative;height:38px;border:none;background:transparent;font-size:13px;font-weight:500;color:#55555B;cursor:pointer;transition:color .45s}
.ar-mom-abas button.on{color:#FFFFFF}
.ar-mom-c{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;padding:clamp(20px,3vw,32px);border-radius:28px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06);animation:arIn .6s cubic-bezier(.22,1,.36,1) both}
.ar-mom-e{display:flex;flex-direction:column;gap:14px}
.ar-mom-e>b{font-size:17px;font-weight:700}
.ar-mom-e>b.ar-mom-q2{font-size:14px;margin-top:6px}
.ar-mom-o{display:flex;flex-wrap:wrap;gap:8px}
.ar-mom-o button{height:42px;padding:0 16px;border:none;border-radius:999px;background:#F7F6F4;color:#09090B;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .45s cubic-bezier(.22,1,.36,1),color .45s,transform .45s}
.ar-mom-o button:hover{transform:translateY(-2px)}
.ar-mom-o button[aria-pressed="true"]{background:#09090B;color:#FFFFFF;box-shadow:none}
.ar-mom-r{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:22px;border-radius:22px;background:#F7F6F4}
.ar-mom-r>b{font-size:11px;font-weight:500;letter-spacing:.14em;color:#8A8A90}
.ar-mom-r>strong{font-size:clamp(26px,2.6vw,34px);font-weight:300;letter-spacing:-0.04em;line-height:1.05;animation:arIn .55s cubic-bezier(.22,1,.36,1) both}
.ar-mom-r>strong span:nth-of-type(2){font-weight:700}
.ar-mom-r>span{font-size:14px;font-weight:300;line-height:1.55;color:#55555B}
.ar-mom-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;background:#CC0601;color:#FFFFFF!important;font-size:14px;font-weight:500;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}
.ar-mom-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(204,6,1,.7)}
@media (max-width:819px){.ar-mom-c{grid-template-columns:minmax(0,1fr)}}

.ar-cases{background:#F1F0EE}
.ar-cases .ar-sec{display:flex;flex-direction:column;gap:24px}
.ar-cases-l{font-size:14px;font-weight:500;color:#09090B}
.ar-cases-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ar-caso{display:flex;flex-direction:column;gap:12px;padding:10px 10px 18px;border-radius:24px;background:#FFFFFF;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s}
.ar-caso:hover{transform:translateY(-4px);box-shadow:0 22px 40px -28px rgba(9,9,11,.45)}
.ar-caso-img{display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#E6E3DD}
.ar-caso-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.ar-caso-t{display:flex;flex-direction:column;gap:2px;padding:0 8px}
.ar-caso-t b{font-size:15px;font-weight:700}
.ar-caso-t small{font-size:12.5px;font-weight:300;color:#6E6E74}
@media (max-width:639px){.ar-cases-g{grid-template-columns:repeat(2,minmax(0,1fr))}}

.ar-contato{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:start}
.ar-contato-t{display:flex;flex-direction:column;gap:14px}
.ar-contato-t p{margin:0;font-size:16px;font-weight:300;line-height:1.6;color:#55555B}
.ar-form{display:flex;flex-direction:column;gap:10px}
.ar-form-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ar-campo{display:flex;flex-direction:column;gap:4px;padding:10px 18px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.08);transition:box-shadow .45s cubic-bezier(.22,1,.36,1)}
.ar-campo:focus-within{box-shadow:inset 0 0 0 1.5px #09090B,0 0 0 4px rgba(9,9,11,.06)}
.ar-campo.erro{box-shadow:inset 0 0 0 1.5px rgba(204,6,1,.55)}
.ar-campo>span{font-size:11px;font-weight:500;color:#8A8A90}
.ar-campo:focus-within>span{color:#09090B}
.ar-campo input,.ar-campo textarea{border:none;outline:none;background:transparent;font-size:16px;color:#09090B;padding:0;width:100%;min-width:0}
.ar-campo textarea{line-height:1.5;resize:vertical}
.ar-campo-msg{padding:14px 18px;border-radius:24px}
.ar-campo-msg>span{display:flex;justify-content:space-between}
.ar-campo-msg>span small{font-size:11px;font-weight:500;color:#8A8A90;font-variant-numeric:tabular-nums}
.ar-campo-msg>span small.perto{color:#B07D00}
.ar-form-erro{font-size:13px;font-weight:500;color:#CC0601}
.ar-form-bt{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 26px;border:none;border-radius:999px;background:#CC0601;color:#FFFFFF;font-size:15px;font-weight:500;cursor:pointer;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,opacity .3s}
.ar-form-bt:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(204,6,1,.7)}
.ar-form-bt:disabled{opacity:.8;cursor:progress;transform:none;box-shadow:none}
.ar-form-bt i{display:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#FFFFFF;animation:arSpin .8s linear infinite}
.ar-form-bt:disabled i{display:inline-block}
.ar-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden}
.ar-ok{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:28px;border-radius:28px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06);animation:arIn .7s cubic-bezier(.22,1,.36,1) both}
.ar-ok-ic{width:52px;height:52px;border-radius:50%;background:#13824A;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:22px;animation:arIn .6s cubic-bezier(.34,1.5,.5,1) both}
.ar-ok-t{font-size:24px;font-weight:300;letter-spacing:-0.03em}
.ar-ok-t b{font-weight:700}
.ar-ok>span:last-child{font-size:15px;font-weight:300;line-height:1.55;color:#55555B}
@media (max-width:899px){.ar-contato{grid-template-columns:minmax(0,1fr)}}
@media (max-width:639px){.ar-form-g{grid-template-columns:minmax(0,1fr)}}

.ar-pn{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px) clamp(64px,8vw,96px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ar-pn-1{grid-template-columns:minmax(0,1fr)}
.ar-pn a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border-radius:24px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.06);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s}
.ar-pn a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(9,9,11,.1),0 18px 34px -24px rgba(9,9,11,.4)}
.ar-pn-img{border-radius:16px;overflow:hidden;aspect-ratio:1;background:#E6E3DD}
.ar-pn-img img{width:100%;height:100%;object-fit:cover;display:block}
.ar-pn-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.ar-pn-t small{font-size:11px;font-weight:500;letter-spacing:.14em;color:#8A8A90}
.ar-pn-t b{font-size:15.5px;font-weight:700;line-height:1.3;color:#09090B;text-wrap:balance}
@media (max-width:759px){.ar-pn{grid-template-columns:minmax(0,1fr)}}

/* WhatsApp flutuante e aviso */
.ar-wa{position:fixed;right:22px;bottom:22px;z-index:150;display:flex;align-items:center;gap:10px;height:54px;padding:0 20px 0 16px;border-radius:999px;background:#25D366;color:#FFFFFF;font-size:14px;font-weight:500;box-shadow:0 18px 34px -16px rgba(18,140,126,.8);transform:translateX(calc(100% + 40px));transition:transform .8s cubic-bezier(.34,1.5,.5,1)}
.ar-wa.on{transform:none}
.ar-wa img{width:22px;height:22px}
.ar-wa-m{display:none}
@media (max-width:639px){.ar-wa-l{display:none}.ar-wa-m{display:inline}}
.ar-ts{position:fixed;left:50%;bottom:28px;z-index:310;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:#09090B;color:#FFFFFF;font-size:13px;font-weight:500;box-shadow:0 18px 36px -16px rgba(9,9,11,.6);opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:opacity .4s,transform .6s cubic-bezier(.34,1.5,.5,1)}
.ar-ts.on{opacity:1;transform:translate(-50%,0)}
.ar-ts i{width:8px;height:8px;border-radius:50%;background:#5BD38A}