/* MeuAbba 2.10.5 — "Baixe o app": selos oficiais das lojas, aviso de testes, seção da home, rodapé, planos e convite no Android.
   O selo do Google Play é usado como fornecido pela Google (sem recorte, cor ou borda) e mantém a área de respiro do arquivo. */
body .app2105{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin:0}
/* 2.12.6: selos lado a lado na mesma altura visível. O PNG do Google tem respiro transparente em cima e embaixo
   (área do selo = 76,8% da altura do arquivo); o SVG da Apple não tem. --b é a altura do arquivo do Google. */
body .app2105-stores{--b:66px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
body .app2105-play,body .app2105-ios{display:inline-flex;align-items:center;height:var(--b);line-height:0;border-radius:10px;text-decoration:none;background:none!important;padding:0!important;box-shadow:none!important;border:0!important}
body .app2105-play img{display:block;height:var(--b);width:auto;max-width:100%}
body .app2105-ios img{display:block;height:calc(var(--b) * .768);width:auto;max-width:100%}
body .app2105-play:focus-visible,body .app2105-ios:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
body .app2105-note{margin:0;font-size:13px;line-height:1.5;color:var(--muted);max-width:52ch}
body .app2105-tag{display:inline-block;margin-right:4px;padding:1px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b4a12;background:#f6e7c4;border:1px solid #e3c98f;vertical-align:1px}
html[data-theme=dark] body .app2105-tag{color:#f3dfb2;background:#3a2f18;border-color:#6d5a2f}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) body .app2105-tag{color:#f3dfb2;background:#3a2f18;border-color:#6d5a2f}}
body .app2105-ios-soon{display:inline}

/* Home: linha discreta no fim do topo, depois dos números */
body .app2105-hero{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);max-width:560px}
body .app2105-hero .app2105-stores{--b:48px;flex:none;flex-wrap:nowrap;gap:8px;margin:-6px 0}
body .app2105-hero-txt{display:flex;flex-direction:column;line-height:1.3;font-size:14px}
body .app2105-hero-txt strong{font-weight:600;color:var(--text)}
body .app2105-hero-txt small{font-size:12.5px;color:var(--muted)}

/* Seção "Baixe o app" */
body .app2105-section{max-width:1180px;margin:72px auto 0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:40px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:40px}
body .app2105-section h2{margin:6px 0 12px}
body .app2105-section .app2105-copy>p{margin:0 0 14px;color:var(--text)}
body .app2105-list{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:14px}
body .app2105-list li{position:relative;padding-left:22px}
body .app2105-list li:before{content:"";position:absolute;left:2px;top:.55em;width:10px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
body .app2105-qr{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
body .app2105-qr p{margin:0;font-size:13px;color:var(--muted);max-width:22ch}
body .app2105-qr-box{background:#fff;padding:12px;border-radius:16px;border:1px solid var(--line);line-height:0;min-width:192px;min-height:192px}
body .app2105-qr-box img,body .app2105-qr-box canvas{display:block}
@media(max-width:899px),(pointer:coarse){body .app2105-qr{display:none}body .app2105-section{grid-template-columns:1fr}}
@media(max-width:640px){body .app2105-section{margin-top:48px;padding:26px 20px;border-radius:22px}body .app2105-list{grid-template-columns:1fr}}

/* Rodapé */
body .app2105-footer{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;padding-block:22px;border-top:1px solid var(--line)}
body .app2105-footer>div:first-child{display:flex;flex-direction:column;gap:2px}
body .app2105-footer>div:first-child span{font-size:13px;color:var(--muted)}
body .app2105-footer .app2105{align-items:flex-end;text-align:right}
body .app2105-footer .app2105-stores{--b:58px;justify-content:flex-end}
@media(max-width:640px){body .app2105-footer .app2105-stores{justify-content:flex-start}}
body .app2105-legal{font-size:11px;color:var(--muted);margin:0 auto;padding-bottom:18px;opacity:.85}
@media(max-width:640px){body .app2105-footer .app2105{align-items:flex-start;text-align:left}}

/* Planos */
body .app2105-plans{max-width:1180px;margin:40px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px 32px}
body .app2105-plans h2{margin:4px 0 6px}
body .app2105-plans p{margin:0}
body .app2105-plans>div:first-child{flex:1 1 320px}

/* Página baixar-app.php */
body .app2105-page .app2105-section{margin-top:28px}
body .app2105-steps{max-width:1180px;margin:40px auto 0}
body .app2105-steps ol{list-style:none;counter-reset:s;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body .app2105-steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}
body .app2105-steps li:before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--surface);font-weight:700;margin-bottom:6px}
body .app2105-steps li strong{color:var(--text);font-size:16px}
body .app2105-beta-box{margin-top:22px;padding:20px 24px;border-radius:18px;border:1px dashed var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--surface))}
body .app2105-beta-box p{margin:6px 0 0}
body .app2105-ios-line{margin:22px 0 0;color:var(--muted);font-size:14px}
@media(max-width:760px){body .app2105-steps ol{grid-template-columns:1fr}}

/* Convite no Android (assets/js/pwa.js): mesmo visual do convite antigo, agora como link */
body .install92 .install92-play{text-decoration:none!important}

/* 2.10.7 — cartão para quem já tem conta, no computador (assets/js/pwa.js) */
body .app2107-pc{position:fixed;right:20px;bottom:20px;z-index:60;width:328px;max-width:calc(100vw - 40px);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:14px 14px 12px;box-shadow:0 12px 32px rgba(0,0,0,.14);opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s}
body .app2107-pc.on{opacity:1;transform:none}
body .app2107-t{display:flex;gap:10px;align-items:center;margin:0 26px 8px 0}
body .app2107-t img{width:36px;height:36px;border-radius:10px;flex:none}
body .app2107-t span{display:flex;flex-direction:column;line-height:1.3}
body .app2107-t strong{font-size:14px;font-weight:700}
body .app2107-t small{font-size:12px;color:var(--muted)}
body .app2107-a{display:flex;align-items:center;gap:12px}
body .app2107-a .app2105-stores{--b:44px;gap:6px;flex-wrap:nowrap}
body .app2107-a{flex-wrap:wrap}
body .app2107-qr{font-size:13px;font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:3px}
body .app2107-x{position:absolute;top:8px;right:8px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
body .app2107-x:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}
html[data-theme=dark] body .app2107-pc{box-shadow:0 12px 32px rgba(0,0,0,.45)}
html[data-theme=dark] body .app2107-qr{color:var(--gold)}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) body .app2107-pc{box-shadow:0 12px 32px rgba(0,0,0,.45)}html:not([data-theme=light]) body .app2107-qr{color:var(--gold)}}
@media(max-width:899px){body .app2107-pc{display:none}}
@media print{body .app2107-pc{display:none}}
@media(max-width:640px){body .app2105-section .app2105-stores,body .app2105-plans .app2105-stores{--b:54px}body .app2105-footer .app2105-stores{--b:52px}}
@media(max-width:360px){body .app2105-section .app2105-stores,body .app2105-plans .app2105-stores{--b:46px}}
