/* Axis360 · escuro.css (landing) — gerado por design/assistente/landing-escuro.py; não editar à mão.
   Modo noturno: tokens do escuro por [data-theme="dark"] (botão ou sistema, posto pelo script do <head>) e por
   @media (prefers-color-scheme: dark) em :root:not([data-theme="light"]) (sem JS). Claro (Apple White) é o padrão.
   Só tela: a impressão sai sempre clara. Carregado depois do styles.css. */

:root{color-scheme:light;}

/* botão lua/sol do cabeçalho, só com JS (o script do <head> põe data-theme). Mesmo desenho do .btn-sm ao lado:
   34 px à vista e alvo de toque de 44 x 44 pelo ::after (a barra de 1024+ tinha ~50 px de folga; um botão de 44 + 4
   de vão deixava 0–6 px e quebrava "Como funciona" em 1024) */
.tema-btn{display:none;position:relative;width:34px;height:34px;flex:none;align-items:center;justify-content:center;
  margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--text);font:inherit;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:background .2s ease;}
.tema-btn::after{content:"";position:absolute;inset:-5px;border-radius:999px;}
[data-theme] .tema-btn{display:inline-flex;}
/* com o botão a folga da barra em 1024 fica em ~8 px: se a fonte do sistema sair mais larga, o link encosta em vez de
   quebrar "Como funciona" em duas linhas */
.nav-links a{white-space:nowrap;}
.tema-btn:hover{background:rgba(0,0,0,.05);}
.tema-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:999px;}
.tema-btn svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.tema-btn .tema-sol{display:none;}
/* celular muito estreito (< 380 px): a barra não tem 38 px livres (marca + Entrar + WhatsApp + menu); o botão vai
   para o menu, como linha "Modo noturno" com chave, antes da pílula do WhatsApp. De 380 px para cima (o S24 com 384,
   os iPhones com 390/393) o botão fica no topo. Marca + grupo com o botão = 347 px: com o vão mínimo de 16 px da
   .nav-inner só caberiam de 387 px para cima (em 380 o grupo entraria 7 px no respiro da direita); de 380 a 399 px o
   vão mínimo cai para 8 px (vão real 9 px em 380, 13 em 384, 19 em 390). De 387 px para cima o vão real já passa de
   16 px (space-between), então o claro sem o botão não muda */
.tema-menu{display:none;align-items:center;gap:12px;width:100%;min-height:52px;margin:0;padding:14px 16px;border:0;
  border-top:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:1.0625rem;
  line-height:1.3;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.tema-menu svg{display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.tema-menu:focus-visible{outline:2px solid var(--text);outline-offset:-2px;border-radius:0;}
.tema-chave{position:relative;flex:none;margin-left:auto;width:44px;height:26px;border-radius:999px;background:#8e8e93;
  transition:background .2s ease;}
.tema-chave::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s var(--ease,ease);}
.tema-menu[aria-pressed="true"] .tema-chave{background:var(--gold);}
.tema-menu[aria-pressed="true"] .tema-chave::after{transform:translateX(18px);background:#0b0b0d;}
@media (max-width:379.98px){
  [data-theme] .tema-btn{display:none;}
  [data-theme] .tema-menu{display:flex;}
}
@media (min-width:380px) and (max-width:399.98px){
  [data-theme] .nav-inner{column-gap:8px;}
}
/* na troca, nada anima (sem a onda de transições de cor pela página) */
html.tema-trocando *,html.tema-trocando *::before,html.tema-trocando *::after{transition:none!important;}

/* escolha pelo botão, ou sistema lido pelo script do <head> */
@media screen{
  :root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0d0d10;
  --text:#f5f2ea;
  --sec:#a9a59c;              /* 7,9:1 no fundo, 6,8:1 nos cartões */
  --gray:#16161a;
  --gray-2:#26262b;
  --black:#050506;
  --white:#1e1e22;            /* os "cartões brancos" viram a superfície elevada */
  --card-dark:#111114;
  --gold:#d7c49a;
  --gold-2:#bda36a;
  --gold-ink:#d7c49a;         /* texto ouro sobre escuro: 9,7:1 nos cartões */
  --check-ink:var(--gold);    /* o traço do ✓ do sprite (#i-check); a propriedade herda até o clone do <use> */
  --line:rgba(255,255,255,.10);
  --line-2:rgba(255,255,255,.18);
  --gold-soft:rgba(215,196,154,.12);
  --gold-line:rgba(215,196,154,.55);
  --shadow-card:0 0 0 1px rgba(255,255,255,.06),0 20px 50px -40px rgba(0,0,0,.9);
  --shadow-mini:0 0 0 1px rgba(255,255,255,.06),0 12px 30px -20px rgba(0,0,0,.8);
  --shadow-pop:0 50px 90px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08);
  }

  :root[data-theme="dark"] ::selection{background:rgba(215,196,154,.35);}
  :root[data-theme="dark"] body{background:var(--bg);color:var(--text);}

  /* botões: o "preto" vira a tinta clara com texto escuro (como no painel do sistema) */
  :root[data-theme="dark"] .btn-black{color:#0b0b0d;}
  :root[data-theme="dark"] .btn-black:hover{background:#fff;box-shadow:0 10px 24px -14px rgba(0,0,0,.9);}
  :root[data-theme="dark"] .btn-white:hover{background:#e9e6de;}
  :root[data-theme="dark"] .btn-ghost:hover{border-color:rgba(255,255,255,.42);}
  :root[data-theme="dark"] .skip{color:#0b0b0d;}

  /* barra de cima e menu */
  :root[data-theme="dark"] .nav{background:rgba(13,13,16,.74);}
  :root[data-theme="dark"] .nav-links a{color:rgba(245,242,234,.8);}
  :root[data-theme="dark"] .nav-links a:hover,:root[data-theme="dark"] .nav-links a.is-active{color:var(--text);background:rgba(255,255,255,.08);}
  :root[data-theme="dark"] .menu-panel{box-shadow:0 30px 60px -30px rgba(0,0,0,.8);}
  :root[data-theme="dark"] .tema-btn:hover{background:rgba(255,255,255,.08);}
  :root[data-theme="dark"] .tema-btn .tema-lua{display:none;}
  :root[data-theme="dark"] .tema-btn .tema-sol{display:block;}

  /* seções escuras: filete para não se fundirem com o fundo (sombra por dentro: não muda altura) */
  :root[data-theme="dark"] .section-dark{box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line);}
  :root[data-theme="dark"] .hero-glow{opacity:.5;}

  /* telefones (conversa do WhatsApp) no escuro */
  :root[data-theme="dark"] .phone{box-shadow:0 50px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.08);}
  :root[data-theme="dark"] .phone-screen{background:var(--bg);}
  :root[data-theme="dark"] .chat-head{background:rgba(22,22,26,.94);}
  :root[data-theme="dark"] .chat-body::after{background:linear-gradient(180deg,rgba(13,13,16,0),rgba(13,13,16,1) 60%);}
  :root[data-theme="dark"] .avatar{background:var(--white);}
  :root[data-theme="dark"] .b-in{background:var(--white);}
  :root[data-theme="dark"] .b-out{background:#3a3326;color:var(--text);}
  :root[data-theme="dark"] .b-out time{color:rgba(245,242,234,.72);}
  :root[data-theme="dark"] .chat-input{background:var(--white);}
  :root[data-theme="dark"] .chat-input .mic i{background:#0b0b0d;}
  :root[data-theme="dark"] .home-bar{background:rgba(255,255,255,.32);}

  /* passos, chips, faixas */
  :root[data-theme="dark"] .step:first-child .step-n{color:#0b0b0d;}
  :root[data-theme="dark"] .chip:not(.chip-dark){background:var(--white);box-shadow:var(--shadow-mini);}
  :root[data-theme="dark"] .chip-dark{color:#0b0b0d;}
  :root[data-theme="dark"] .range{background:rgba(255,255,255,.12);}
  :root[data-theme="dark"] .range i{border-color:var(--white);box-shadow:0 0 0 1px rgba(255,255,255,.22);}
  :root[data-theme="dark"] button.fchip[aria-pressed="true"]{color:#0b0b0d;}
  :root[data-theme="dark"] button.fchip[aria-pressed="true"] small{color:#6a5528;}

  /* cartões "brancos" (fundo #fff fixo no styles.css) */
  :root[data-theme="dark"] .tile-sum,:root[data-theme="dark"] .card-sm,:root[data-theme="dark"] .chat-card,:root[data-theme="dark"] .badge-mark,:root[data-theme="dark"] .tile .glyph,:root[data-theme="dark"] .tile-sm .glyph{background:var(--white);}
  :root[data-theme="dark"] .mini{background:var(--white);box-shadow:var(--shadow-mini);}
  :root[data-theme="dark"] .card:not(.card-dark){background:var(--white);box-shadow:var(--shadow-card);}
  :root[data-theme="dark"] .report{background:var(--white);box-shadow:0 0 0 1px var(--line);}
  :root[data-theme="dark"] .plan:not(.plan-featured),:root[data-theme="dark"] .addon{background:var(--white);}
  :root[data-theme="dark"] .plan-featured{border-color:rgba(215,196,154,.42);box-shadow:0 40px 80px -50px rgba(0,0,0,.9);}
  :root[data-theme="dark"] .badge-mark{box-shadow:0 20px 40px -30px rgba(0,0,0,.9);}
  :root[data-theme="dark"] .ilink{text-decoration-color:rgba(215,196,154,.45);}

  /* gráficos desenhados para fundo claro (bento e comparativo): tinta e grade */
  :root[data-theme="dark"] main svg [fill="#1d1d1f"]{fill:var(--text);}
  :root[data-theme="dark"] main svg [stroke="rgba(0,0,0,.08)"]{stroke:rgba(255,255,255,.14);}

  /* fotos: um pouco menos de brilho no escuro */
  :root[data-theme="dark"] .photo img,:root[data-theme="dark"] .team-list img{filter:brightness(.92);}

  /* #agendamento: o dia marcado (fundo na cor do texto) */
  :root[data-theme="dark"] #agendamento .ax-agenda-day.is-on span{color:rgba(11,11,13,.64);}
  :root[data-theme="dark"] #agendamento .ax-agenda-day.is-on b{color:#0b0b0d;}
  :root[data-theme="dark"] #agendamento .ax-agenda-day.is-on i{background:#7d6534;}

  /* #modalidades: hover do cartão e a lupa da busca */
  :root[data-theme="dark"] #modalidades .axis-mod-card:hover{background:var(--gray-2);}
  :root[data-theme="dark"] #modalidades .axis-mod-card:hover .axis-mod-adj{color:#c9c5bc;}
  :root[data-theme="dark"] #modalidades .axis-mod-search::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d7c49a' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E");}

  /* #curva-glicemica: barra das fileiras com rolagem lateral */
  :root[data-theme="dark"] #curva-glicemica .axis-gli-row{scrollbar-color:rgba(255,255,255,.22) transparent;}

  /* QR da Fabi: cartão sempre branco (zona branca do QR); o texto dele fica escuro */
  :root[data-theme="dark"] .qrfabi{--text:#1d1d1f;--sec:#6e6e73;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 12px 30px -20px rgba(0,0,0,.8);}

  /* Ficha de consulta (modal): moldura escura, a folha continua papel (é o que se imprime) */
  :root[data-theme="dark"] #ficha-modal{background:rgba(0,0,0,.6);}
  :root[data-theme="dark"] #ficha-modal .fx-dialog{background:var(--white);box-shadow:0 40px 120px -40px rgba(0,0,0,.9),0 0 0 1px var(--line);}
  :root[data-theme="dark"] #ficha-modal .fx-toolbar{background:rgba(30,30,34,.94);}
  :root[data-theme="dark"] #ficha-modal .fx-scroll{scrollbar-color:rgba(255,255,255,.22) transparent;}
  :root[data-theme="dark"] #ficha-modal .fx-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);}
  :root[data-theme="dark"] #ficha-modal .fx-sheet{color-scheme:light;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 24px 60px -30px rgba(0,0,0,.8);}
  :root[data-theme="dark"] #ficha-modal .fx-chart-box:focus-visible{outline-color:#1d1d1f;}
}

/* sem JS: segue o sistema */
@media screen and (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#0d0d10;
  --text:#f5f2ea;
  --sec:#a9a59c;              /* 7,9:1 no fundo, 6,8:1 nos cartões */
  --gray:#16161a;
  --gray-2:#26262b;
  --black:#050506;
  --white:#1e1e22;            /* os "cartões brancos" viram a superfície elevada */
  --card-dark:#111114;
  --gold:#d7c49a;
  --gold-2:#bda36a;
  --gold-ink:#d7c49a;         /* texto ouro sobre escuro: 9,7:1 nos cartões */
  --check-ink:var(--gold);    /* o traço do ✓ do sprite (#i-check); a propriedade herda até o clone do <use> */
  --line:rgba(255,255,255,.10);
  --line-2:rgba(255,255,255,.18);
  --gold-soft:rgba(215,196,154,.12);
  --gold-line:rgba(215,196,154,.55);
  --shadow-card:0 0 0 1px rgba(255,255,255,.06),0 20px 50px -40px rgba(0,0,0,.9);
  --shadow-mini:0 0 0 1px rgba(255,255,255,.06),0 12px 30px -20px rgba(0,0,0,.8);
  --shadow-pop:0 50px 90px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08);
  }

  :root:not([data-theme="light"]) ::selection{background:rgba(215,196,154,.35);}
  :root:not([data-theme="light"]) body{background:var(--bg);color:var(--text);}

  /* botões: o "preto" vira a tinta clara com texto escuro (como no painel do sistema) */
  :root:not([data-theme="light"]) .btn-black{color:#0b0b0d;}
  :root:not([data-theme="light"]) .btn-black:hover{background:#fff;box-shadow:0 10px 24px -14px rgba(0,0,0,.9);}
  :root:not([data-theme="light"]) .btn-white:hover{background:#e9e6de;}
  :root:not([data-theme="light"]) .btn-ghost:hover{border-color:rgba(255,255,255,.42);}
  :root:not([data-theme="light"]) .skip{color:#0b0b0d;}

  /* barra de cima e menu */
  :root:not([data-theme="light"]) .nav{background:rgba(13,13,16,.74);}
  :root:not([data-theme="light"]) .nav-links a{color:rgba(245,242,234,.8);}
  :root:not([data-theme="light"]) .nav-links a:hover,:root:not([data-theme="light"]) .nav-links a.is-active{color:var(--text);background:rgba(255,255,255,.08);}
  :root:not([data-theme="light"]) .menu-panel{box-shadow:0 30px 60px -30px rgba(0,0,0,.8);}
  :root:not([data-theme="light"]) .tema-btn:hover{background:rgba(255,255,255,.08);}
  :root:not([data-theme="light"]) .tema-btn .tema-lua{display:none;}
  :root:not([data-theme="light"]) .tema-btn .tema-sol{display:block;}

  /* seções escuras: filete para não se fundirem com o fundo (sombra por dentro: não muda altura) */
  :root:not([data-theme="light"]) .section-dark{box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line);}
  :root:not([data-theme="light"]) .hero-glow{opacity:.5;}

  /* telefones (conversa do WhatsApp) no escuro */
  :root:not([data-theme="light"]) .phone{box-shadow:0 50px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.08);}
  :root:not([data-theme="light"]) .phone-screen{background:var(--bg);}
  :root:not([data-theme="light"]) .chat-head{background:rgba(22,22,26,.94);}
  :root:not([data-theme="light"]) .chat-body::after{background:linear-gradient(180deg,rgba(13,13,16,0),rgba(13,13,16,1) 60%);}
  :root:not([data-theme="light"]) .avatar{background:var(--white);}
  :root:not([data-theme="light"]) .b-in{background:var(--white);}
  :root:not([data-theme="light"]) .b-out{background:#3a3326;color:var(--text);}
  :root:not([data-theme="light"]) .b-out time{color:rgba(245,242,234,.72);}
  :root:not([data-theme="light"]) .chat-input{background:var(--white);}
  :root:not([data-theme="light"]) .chat-input .mic i{background:#0b0b0d;}
  :root:not([data-theme="light"]) .home-bar{background:rgba(255,255,255,.32);}

  /* passos, chips, faixas */
  :root:not([data-theme="light"]) .step:first-child .step-n{color:#0b0b0d;}
  :root:not([data-theme="light"]) .chip:not(.chip-dark){background:var(--white);box-shadow:var(--shadow-mini);}
  :root:not([data-theme="light"]) .chip-dark{color:#0b0b0d;}
  :root:not([data-theme="light"]) .range{background:rgba(255,255,255,.12);}
  :root:not([data-theme="light"]) .range i{border-color:var(--white);box-shadow:0 0 0 1px rgba(255,255,255,.22);}
  :root:not([data-theme="light"]) button.fchip[aria-pressed="true"]{color:#0b0b0d;}
  :root:not([data-theme="light"]) button.fchip[aria-pressed="true"] small{color:#6a5528;}

  /* cartões "brancos" (fundo #fff fixo no styles.css) */
  :root:not([data-theme="light"]) .tile-sum,:root:not([data-theme="light"]) .card-sm,:root:not([data-theme="light"]) .chat-card,:root:not([data-theme="light"]) .badge-mark,:root:not([data-theme="light"]) .tile .glyph,:root:not([data-theme="light"]) .tile-sm .glyph{background:var(--white);}
  :root:not([data-theme="light"]) .mini{background:var(--white);box-shadow:var(--shadow-mini);}
  :root:not([data-theme="light"]) .card:not(.card-dark){background:var(--white);box-shadow:var(--shadow-card);}
  :root:not([data-theme="light"]) .report{background:var(--white);box-shadow:0 0 0 1px var(--line);}
  :root:not([data-theme="light"]) .plan:not(.plan-featured),:root:not([data-theme="light"]) .addon{background:var(--white);}
  :root:not([data-theme="light"]) .plan-featured{border-color:rgba(215,196,154,.42);box-shadow:0 40px 80px -50px rgba(0,0,0,.9);}
  :root:not([data-theme="light"]) .badge-mark{box-shadow:0 20px 40px -30px rgba(0,0,0,.9);}
  :root:not([data-theme="light"]) .ilink{text-decoration-color:rgba(215,196,154,.45);}

  /* gráficos desenhados para fundo claro (bento e comparativo): tinta e grade */
  :root:not([data-theme="light"]) main svg [fill="#1d1d1f"]{fill:var(--text);}
  :root:not([data-theme="light"]) main svg [stroke="rgba(0,0,0,.08)"]{stroke:rgba(255,255,255,.14);}

  /* fotos: um pouco menos de brilho no escuro */
  :root:not([data-theme="light"]) .photo img,:root:not([data-theme="light"]) .team-list img{filter:brightness(.92);}

  /* #agendamento: o dia marcado (fundo na cor do texto) */
  :root:not([data-theme="light"]) #agendamento .ax-agenda-day.is-on span{color:rgba(11,11,13,.64);}
  :root:not([data-theme="light"]) #agendamento .ax-agenda-day.is-on b{color:#0b0b0d;}
  :root:not([data-theme="light"]) #agendamento .ax-agenda-day.is-on i{background:#7d6534;}

  /* #modalidades: hover do cartão e a lupa da busca */
  :root:not([data-theme="light"]) #modalidades .axis-mod-card:hover{background:var(--gray-2);}
  :root:not([data-theme="light"]) #modalidades .axis-mod-card:hover .axis-mod-adj{color:#c9c5bc;}
  :root:not([data-theme="light"]) #modalidades .axis-mod-search::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d7c49a' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E");}

  /* #curva-glicemica: barra das fileiras com rolagem lateral */
  :root:not([data-theme="light"]) #curva-glicemica .axis-gli-row{scrollbar-color:rgba(255,255,255,.22) transparent;}

  /* QR da Fabi: cartão sempre branco (zona branca do QR); o texto dele fica escuro */
  :root:not([data-theme="light"]) .qrfabi{--text:#1d1d1f;--sec:#6e6e73;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 12px 30px -20px rgba(0,0,0,.8);}

  /* Ficha de consulta (modal): moldura escura, a folha continua papel (é o que se imprime) */
  :root:not([data-theme="light"]) #ficha-modal{background:rgba(0,0,0,.6);}
  :root:not([data-theme="light"]) #ficha-modal .fx-dialog{background:var(--white);box-shadow:0 40px 120px -40px rgba(0,0,0,.9),0 0 0 1px var(--line);}
  :root:not([data-theme="light"]) #ficha-modal .fx-toolbar{background:rgba(30,30,34,.94);}
  :root:not([data-theme="light"]) #ficha-modal .fx-scroll{scrollbar-color:rgba(255,255,255,.22) transparent;}
  :root:not([data-theme="light"]) #ficha-modal .fx-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);}
  :root:not([data-theme="light"]) #ficha-modal .fx-sheet{color-scheme:light;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 24px 60px -30px rgba(0,0,0,.8);}
  :root:not([data-theme="light"]) #ficha-modal .fx-chart-box:focus-visible{outline-color:#1d1d1f;}
}