/* trilha-carteira-20260912a.css — figura "1 trilha entra → a carteira inteira recebe → 1 indicador por condomínio volta".
   Usada na home (#administradoras, Fig. 0.3) e no herói da /administradoras (Fig. 0.1). Markup: referencias/gera-figura-trilha.py.
   Duas versões da MESMA figura em SVG inline: 16:9 (padrão) e 9:16 (≤640px). Cor só por token; o único hex é o azul claro
   do degradê da varredura, dentro do <defs> (token não alcança stop-color).
   Loop de 7,5 s só em CSS: o pulso sai da trilha; cada condomínio acende com uma varredura de luz, o ícone no quadro de vidro
   e o check de "trilha recebida"; o pulso volta ao indicador e ao chip "todo mês".
   O check é chegada, não métrica: nada de barra sem valor por condomínio (auditor de UI, 12/09/2026).
   Pausa pelo botão da figura (WCAG 2.2.2) e fora da tela (trilha-carteira-20260912a.js); com prefers-reduced-motion
   fica o quadro final, parado. */
.ad-trilha{--dur:7.5s;position:relative;margin:0;background:rgba(18,20,23,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;}
.adt-head{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:0;padding:6px 8px 0 16px;min-height:50px;}
.adt-cap{font-family:var(--mono2);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.adt-toggle{flex:none;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--border-subtle);border-radius:999px;background:transparent;color:var(--muted);font-family:var(--mono2);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;}
.adt-toggle:hover{color:var(--text);border-color:rgba(255,255,255,.22);}
.adt-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
.ad-trilha svg{display:block;width:100%;height:auto;}
.ad-trilha .adt-916{display:none;}
@media(max-width:640px){.ad-trilha .adt-169{display:none;} .ad-trilha .adt-916{display:block;max-width:420px;margin:0 auto;} .adt-cap-t{display:none;}} /* no celular a legenda fica só com a numeração, para o botão de pausa caber na mesma linha */

.adt-box{fill:rgba(59,130,246,.07);stroke:var(--brand);stroke-width:1.5;}
.adt-glow{fill:none;stroke:var(--brand);stroke-width:8;opacity:.18;filter:url(#adt-blur);}
.adt-card{fill:var(--bg-2);stroke:rgba(255,255,255,.12);stroke-width:1;}
.adt-card-on{fill:rgba(59,130,246,.09);stroke:var(--brand);stroke-width:1.5;opacity:0;}
.adt-sheen{opacity:0;}
.adt-916 .adt-sheen{--sx:450px;} .adt-169 .adt-sheen{--sx:410px;}
.adt-tile{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.12);stroke-width:1;}
.adt-tile-on{fill:rgba(59,130,246,.2);stroke:var(--brand);stroke-width:1.2;opacity:0;}
.adt-ic{color:var(--muted);} .adt-ic-on{color:var(--brand-2);opacity:0;}
.adt-ok{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1.5;}
.adt-ok-on{fill:rgba(59,130,246,.18);stroke:var(--brand-2);stroke-width:1.5;opacity:0;}
.adt-tick{fill:none;stroke:var(--brand-2);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100 120;stroke-dashoffset:100;opacity:0;}
.adt-big{font-family:var(--disp);font-weight:700;fill:var(--brand);}
.adt-lbl{font-family:var(--mono2);font-weight:500;fill:var(--text);}
.adt-sub{font-family:var(--mono2);font-weight:500;fill:var(--brand-2);}
.adt-name{font-family:var(--disp);font-weight:600;fill:var(--text);}
.adt-more{font-family:var(--body);font-style:italic;fill:var(--muted);}
.adt-dot{fill:var(--muted);} .adt-dot-on{fill:var(--brand-2);opacity:0;}
.adt-wire{fill:none;stroke:rgba(59,130,246,.32);stroke-width:1.5;}
.adt-pulse{fill:none;stroke:var(--brand-2);stroke-width:2.5;stroke-dasharray:16 200;stroke-dashoffset:16;}
.adt-pulse.s{stroke-dasharray:45 200;stroke-dashoffset:45;}
.adt-rule{stroke:var(--border-subtle);stroke-width:1;}
.adt-t1{font-family:var(--body);fill:var(--muted);} .adt-t2{font-family:var(--body);font-weight:600;fill:var(--text);}
.adt-chip{fill:none;stroke:var(--brand);stroke-width:1.5;} .adt-chip-t{font-family:var(--mono2);font-weight:500;fill:var(--brand-2);}
.adt-pop{transform-box:fill-box;transform-origin:center;}

@media (prefers-reduced-motion:no-preference){
  .ad-trilha [style*="--d"],.ad-trilha .k-flash{animation-duration:var(--dur);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:backwards;animation-delay:var(--d,0s);}
  .ad-trilha .k-flash{animation-name:adt-flash;} .ad-trilha .k-hold{animation-name:adt-hold;}
  .ad-trilha .adt-card-on,.ad-trilha .adt-tile-on,.ad-trilha .adt-ic-on,.ad-trilha .adt-ok-on,.ad-trilha .adt-dot-on{animation-name:adt-on;}
  .ad-trilha .adt-tick{animation-name:adt-tick;}
  .ad-trilha .adt-sheen{animation-name:adt-sheen;animation-timing-function:cubic-bezier(.4,0,.6,1);}
  .ad-trilha .adt-pulse{animation-name:adt-run;animation-timing-function:cubic-bezier(.45,0,.55,1);} .ad-trilha .adt-pulse.s{animation-name:adt-run-s;}
  .ad-trilha .adt-pop{animation-name:adt-pop;}
  .ad-trilha.is-paused *,.ad-trilha.is-off *{animation-play-state:paused!important;}
}
@media (prefers-reduced-motion:reduce){
  .adt-card-on,.adt-tile-on,.adt-ic-on,.adt-ok-on,.adt-dot-on{opacity:1;}
  .adt-tick{opacity:1;stroke-dashoffset:0;}
  .adt-pulse,.adt-sheen{display:none;}
  .adt-glow.k-hold{opacity:.6;}
}
@keyframes adt-flash{0%{opacity:.18}6%{opacity:.9}24%{opacity:.18}100%{opacity:.18}}
@keyframes adt-hold{0%{opacity:.18}5%{opacity:.9}40%{opacity:.9}54%{opacity:.18}100%{opacity:.18}}
@keyframes adt-on{0%{opacity:0}5%{opacity:1}46%{opacity:1}58%{opacity:0}100%{opacity:0}}
@keyframes adt-tick{0%{stroke-dashoffset:100;opacity:0}1%{opacity:1}8%{stroke-dashoffset:0}46%{stroke-dashoffset:0;opacity:1}58%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:100;opacity:0}}
@keyframes adt-sheen{0%{transform:translateX(0);opacity:0}1%{opacity:1}12%{transform:translateX(var(--sx));opacity:1}13%{opacity:0}100%{transform:translateX(var(--sx));opacity:0}}
@keyframes adt-run{0%{stroke-dashoffset:16}9%{stroke-dashoffset:-100}100%{stroke-dashoffset:-100}}
@keyframes adt-run-s{0%{stroke-dashoffset:45}6%{stroke-dashoffset:-100}100%{stroke-dashoffset:-100}}
@keyframes adt-pop{0%{transform:scale(1)}4%{transform:scale(1.14)}11%{transform:scale(1)}100%{transform:scale(1)}}