/* Uai Agendei — App do cliente V46
   Referência aprovada (mockup Beleza) com a cor da marca de cada negócio (--app). */
.app-body{--a46-acc:var(--app,#015afd);--a46-ink:#101828;--a46-ink2:#344054;--a46-muted:#667085;--a46-line:#eaecf0;--a46-soft:color-mix(in srgb,var(--a46-acc) 9%,#fff);--a46-line-acc:color-mix(in srgb,var(--a46-acc) 40%,#fff)}
.a46{padding:4px 0 110px;color:var(--a46-ink)}
.a46-hero h1{margin:6px 0 6px;font-size:26px;line-height:1.18;font-weight:700;letter-spacing:-.02em;color:var(--t-ink,#021e52)}
.a46-hero p{margin:0 0 16px;color:var(--a46-muted);font-size:14px;line-height:1.5}

/* etapas — mesmo desenho para o seletor novo e para as etapas existentes */
.a46-steps{list-style:none;display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 18px!important;padding:0!important;counter-reset:none;background:transparent!important;border:0!important;box-shadow:none!important}
.a46-steps li{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:5px;text-align:center;font-size:11.5px;color:var(--a46-muted);background:transparent!important;border:0!important;padding:0!important}
.a46-steps li:not(:last-child):after{content:"";position:absolute;top:13px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;border-radius:2px;background:var(--a46-line)}
.a46-steps li.is-feito:not(:last-child):after{background:var(--a46-acc)}
.a46-steps li>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:#f2f4f7;color:var(--a46-muted);border:1px solid var(--a46-line)}
.a46-steps li>span svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3}
.a46-steps li.is-atual>span{background:var(--a46-acc);color:#fff;border-color:var(--a46-acc);box-shadow:0 0 0 4px var(--a46-soft)}
.a46-steps li.is-feito>span{background:var(--a46-acc);border-color:var(--a46-acc)}
.a46-steps li.is-atual small{color:var(--a46-acc);font-weight:600}
.app-body:has(.a46) .app-passos{display:none!important}

/* categorias */
.a46-cats{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;margin:0 -2px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.a46-cats::-webkit-scrollbar{display:none}
.a46-cat{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:68px;text-decoration:none;color:var(--a46-ink2);scroll-snap-align:start}
.a46-cat__foto{width:62px;height:62px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--a46-soft);border:2px solid #fff;box-shadow:0 0 0 1.5px var(--a46-line)}
.a46-cat__foto img{width:100%;height:100%;object-fit:cover}
.a46-cat__foto svg{width:26px;height:26px;fill:none;stroke:var(--a46-acc);stroke-width:1.8}
.a46-cat small{font-size:12px;text-align:center;line-height:1.2}
.a46-cat:hover .a46-cat__foto,.a46-cat:focus-visible .a46-cat__foto{box-shadow:0 0 0 2px var(--a46-acc)}

/* lista de serviços */
.a46-grupo{scroll-margin-top:90px;margin-top:8px}
.a46-grupo h2{margin:12px 0 10px;font-size:17px;font-weight:700;color:var(--t-ink,#021e52)}
.a46-lista{display:flex;flex-direction:column;gap:10px}
.a46-serv{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border:1px solid var(--a46-line);border-radius:14px;background:#fff;text-decoration:none;color:inherit;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .15s ease,box-shadow .15s ease}
.a46-serv:hover{border-color:var(--a46-line-acc)}
.a46-serv__foto{width:56px;height:56px;flex:0 0 56px;border-radius:12px;object-fit:cover;background:var(--a46-soft)}
.a46-serv__foto--icone{display:grid;place-items:center}
.a46-serv__foto--icone svg{width:24px;height:24px;fill:none;stroke:var(--a46-acc);stroke-width:1.8}
.a46-serv__info{flex:1;min-width:0}
.a46-serv__info b{display:block;font-size:14.5px;font-weight:600;color:var(--a46-ink)}
.a46-serv__info small{display:block;margin-top:3px;font-size:12.5px;color:var(--a46-muted)}
.a46-serv__seta svg{width:18px;height:18px;fill:none;stroke:var(--a46-muted);stroke-width:2}
.a46-serv__check{position:absolute;opacity:0;pointer-events:none}
.a46-serv__marca{width:24px;height:24px;flex:0 0 24px;border-radius:50%;border:1.5px solid #d0d5dd;display:grid;place-items:center;background:#fff}
.a46-serv__marca svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;opacity:0}
.a46-serv:has(.a46-serv__check:checked),.a46-serv.is-marcado{border-color:var(--a46-acc);background:var(--a46-soft);box-shadow:0 0 0 1px var(--a46-acc)}
.a46-serv:has(.a46-serv__check:checked) .a46-serv__marca,.a46-serv.is-marcado .a46-serv__marca{background:var(--a46-acc);border-color:var(--a46-acc)}
.a46-serv:has(.a46-serv__check:checked) .a46-serv__marca svg,.a46-serv.is-marcado .a46-serv__marca svg{opacity:1}
.a46-serv:has(.a46-serv__check:focus-visible){outline:2px solid var(--a46-acc);outline-offset:2px}
.a46-serv:has(.a46-serv__check:checked) .a46-serv__info small{color:var(--a46-acc)}
.a46-vazio{padding:26px 16px;text-align:center;color:var(--a46-muted);border:1px dashed #d0d5dd;border-radius:14px}

/* resumo fixo */
.a46-resumo{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom));z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:end;margin-top:16px;padding:12px 14px 14px;background:#fff;border:1px solid var(--a46-line);border-radius:18px;box-shadow:0 -6px 28px rgba(16,24,40,.10)}
.a46-resumo small{display:block;font-size:11.5px;color:var(--a46-muted)}
.a46-resumo b{display:block;font-size:16px;font-weight:700;color:var(--a46-ink)}
.a46-resumo>div:nth-child(2){text-align:right}
.a46-btn{grid-column:1/-1;min-height:48px;border:0;border-radius:12px;background:var(--a46-acc);color:var(--t-on-acc,#fff);font:inherit;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 10px 22px color-mix(in srgb,var(--a46-acc) 28%,transparent)}
.a46-btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
.a46-dica{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-size:12.5px;color:var(--a46-muted)}
.a46-dica svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}

@media (min-width:760px){.a46-lista{display:grid;grid-template-columns:1fr 1fr}.a46-hero h1{font-size:30px}}
.a46-hero h1,.a46-grupo h2{color:#021e52}
.app-body:has(.a46) .app-topo{background:#fff!important;background-image:none!important;border-bottom:1px solid var(--a46-line)!important;box-shadow:none!important;color:#101828!important;min-height:0!important;border-radius:0!important}
.app-body:has(.a46) .app-topo:before,.app-body:has(.a46) .app-topo:after{display:none!important}
.app-body:has(.a46) .app-topo :where(h1,.app-identidade h1){color:#021e52!important;text-shadow:none!important}
.app-body:has(.a46) .app-topo :where(p,span,small){color:#667085!important;text-shadow:none!important}
.app-body:has(.a46) .app-instalar{background:var(--a46-soft)!important;color:var(--a46-acc)!important;border:0!important}
.app-body:has(.a46) :where(.app-multi-summary,.app-multi-livebar){display:none!important}
.app-body:has(.a46) .app-booking-progress__status{display:none!important}

/* ---- etapas existentes (profissional, horário, dados) no mesmo desenho ---- */
.app-body:has(.app-passos) .app-topo{background:#fff!important;background-image:none!important;border-bottom:1px solid var(--a46-line)!important;box-shadow:none!important;border-radius:0!important;min-height:0!important}
.app-body:has(.app-passos) .app-topo:before,.app-body:has(.app-passos) .app-topo:after{display:none!important}
.app-body:has(.app-passos) .app-topo :where(h1){color:#021e52!important;text-shadow:none!important}
.app-body:has(.app-passos) .app-topo :where(p,span,small){color:#667085!important;text-shadow:none!important}
.app-body .app-booking-progress__status{display:none!important}
.app-body .app-passos{list-style:none!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin:14px 0 16px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.app-body .app-passos:before,.app-body .app-passos:after{display:none!important}
.app-body .app-passos li{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important;text-align:center!important}
.app-body .app-passos li:before{display:none!important}
.app-body .app-passos li:not(:last-child):after{content:""!important;display:block!important;position:absolute!important;top:13px!important;left:calc(50% + 16px)!important;right:calc(-50% + 16px)!important;width:auto!important;height:2px!important;border-radius:2px!important;background:var(--a46-line)!important;transform:none!important}
.app-body .app-passos li.is-feito:not(:last-child):after{background:var(--a46-acc)!important}
.app-body .app-passos li>span{position:static!important;width:26px!important;height:26px!important;min-width:26px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:700!important;background:#f2f4f7!important;color:var(--a46-muted)!important;border:1px solid var(--a46-line)!important;box-shadow:none!important;transform:none!important;margin:0!important}
.app-body .app-passos li.is-atual>span{background:var(--a46-acc)!important;color:#fff!important;border-color:var(--a46-acc)!important;box-shadow:0 0 0 4px var(--a46-soft)!important}
.app-body .app-passos li.is-feito>span{background:var(--a46-acc)!important;color:#fff!important;border-color:var(--a46-acc)!important}
.app-body .app-passos li>b{position:static!important;display:block!important;font-size:11.5px!important;font-weight:500!important;color:var(--a46-muted)!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;white-space:nowrap!important;transform:none!important;width:auto!important;height:auto!important}
.app-body .app-passos li.is-atual>b{color:var(--a46-acc)!important;font-weight:600!important}
.app-body .app-trilha{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;gap:8px!important;padding:0!important;margin:0 0 16px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.app-body .app-trilha__item{display:block!important;padding:9px 11px!important;background:#fff!important;border:1px solid var(--a46-line)!important;border-radius:12px!important;box-shadow:none!important;min-width:0!important}
.app-body .app-trilha__item small{display:block!important;font-size:10.5px!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:var(--a46-muted)!important}
.app-body .app-trilha__item b{display:block!important;font-size:13px!important;color:#101828!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.app-body .app-vazio{background:#fff!important;color:#344054!important;border:1px dashed #d0d5dd!important;box-shadow:none!important}
.app-body .app-vazio :where(b,strong,h2,h3,p,span){color:#344054!important}
.app-body .app-dia.is-ativo,.app-body .app-slot.is-ativo{border-color:var(--a46-acc)!important;background:var(--a46-soft)!important;color:var(--a46-acc)!important}
.app-body .app-periodo{color:var(--a46-acc)!important;border-bottom-color:var(--a46-line)!important}
.app-body .app-opcao{background:#fff!important;border:1px solid var(--a46-line)!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important;color:#101828!important}
.app-body .app-opcao :where(b){color:#101828!important}
.app-body .app-opcao :where(small){color:#667085!important}
html body.app-body .app-passos li>span,html body.app-body .app-passos li span{width:26px!important;height:26px!important;min-width:26px!important;font-size:12px!important;background:#f2f4f7!important;color:#667085!important;border:1px solid #eaecf0!important;box-shadow:none!important}
html body.app-body .app-passos li.is-atual>span,html body.app-body .app-passos li[aria-current="step"]>span{background:var(--a46-acc)!important;color:#fff!important;border-color:var(--a46-acc)!important;box-shadow:0 0 0 4px var(--a46-soft)!important}
html body.app-body .app-passos li.is-feito>span{background:var(--a46-acc)!important;color:#fff!important;border-color:var(--a46-acc)!important}
html body.app-body .app-passos li span:before,html body.app-body .app-passos li span:after{display:none!important;content:none!important}
html body.app-body .app-passos li>b,html body.app-body .app-passos li b{display:block!important;position:static!important;font-size:11px!important;font-weight:500!important;color:#667085!important;background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;line-height:1.2!important}
html body.app-body .app-passos li.is-atual>b,html body.app-body .app-passos li[aria-current="step"]>b{color:var(--a46-acc)!important;font-weight:600!important}
html body.app-body .app-passos::before{display:none!important;content:none!important}
.a46-steps-wrap{padding:14px 16px 0}
.app-body:has(.a46-steps-wrap) .app-topo{background:#fff!important;background-image:none!important;border-bottom:1px solid var(--a46-line)!important;box-shadow:none!important;border-radius:0!important;min-height:0!important}
.app-body:has(.a46-steps-wrap) .app-topo:before,.app-body:has(.a46-steps-wrap) .app-topo:after{display:none!important}
.app-body:has(.a46-steps-wrap) .app-topo :where(h1){color:#021e52!important;text-shadow:none!important}
.app-body:has(.a46-steps-wrap) .app-topo :where(p,span,small){color:#667085!important;text-shadow:none!important}
.app-body:has(.a46) .a46-steps-wrap{display:none}
.app-body .app-trilha{margin:0 16px 16px!important}

/* Capa da empresa na página inicial do app: a regra geral do topo usa
   background:#fff!important e apagava a foto de todos os estabelecimentos. */
body.app-body.app-v2.app-state--home .app-topo--capa{background-color:#0b1a3a!important;background-image:linear-gradient(180deg,rgba(2,30,82,.10) 0%,rgba(2,30,82,.52) 100%),var(--app-capa)!important;background-size:cover!important;background-position:center 42%!important}
body.app-body .app-topo .app-instalar{width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:999px!important;white-space:nowrap!important;font-size:12.5px!important;line-height:1!important}
html body.app-body .app-topo .app-topo__acoes .app-instalar:not([hidden]){width:auto!important;min-width:0!important;max-width:none!important;padding:0 14px!important;border-radius:999px!important;white-space:nowrap!important;overflow:visible!important}
html body.app-body .app-topo .app-topo__acoes{flex:0 0 auto!important;width:auto!important}
html body.app-body .app-instalar[hidden]{display:none!important}

/* ============================================================
   V46 — barra inferior do app do cliente padronizada.
   Todo item tem a mesma caixa (56px) e o mesmo "slot" de ícone
   (48×30, cápsula). Os rótulos ficam na mesma linha. O item ativo
   ganha a cápsula suave; Agendar ganha a cápsula cheia na cor da
   marca, sem saltar para fora da barra.
   ============================================================ */
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav{min-height:68px!important;padding-top:6px!important;align-items:center!important;border-top:1px solid #e7ebf2!important;box-shadow:0 -10px 30px rgba(2,30,82,.06)!important}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>:where(a,button){height:56px!important;min-height:56px!important;padding:4px 2px!important;gap:5px!important;justify-content:center!important;border-radius:14px!important;background:transparent!important;color:#667085!important}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>:where(a,button)::before,
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>:where(a,button)::after{content:none!important;display:none!important}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>:where(a,button) :where(.app-nav__icon,.app-nav__profile-icon,.app-nav__plus){
  width:48px!important;height:30px!important;min-width:48px!important;min-height:30px!important;flex:0 0 30px!important;margin:0!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:999px!important;background:transparent!important;color:inherit!important;box-shadow:none!important;transition:background .15s,color .15s
}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>:where(a,button) :where(.app-nav__icon,.app-nav__profile-icon,.app-nav__plus) svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>:where(a,button)>b{font-size:10.5px!important;line-height:12px!important;min-height:12px!important;font-weight:700!important;color:inherit!important}
/* ativo: cápsula suave na cor da marca */
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>:where(a.is-ativo,a[aria-current="page"]){color:var(--app,var(--v2-primary,#015afd))!important}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>:where(a.is-ativo,a[aria-current="page"]) :where(.app-nav__icon,.app-nav__profile-icon){background:color-mix(in srgb,var(--app,var(--v2-primary,#015afd)) 12%,#fff)!important}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>:where(a.is-ativo,a[aria-current="page"])>b{font-weight:800!important}
/* Agendar: mesma cápsula, cheia, com leve sombra — destaque sem desalinhar */
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>.app-nav__agendar{color:var(--app,var(--v2-primary,#015afd))!important}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>.app-nav__agendar .app-nav__plus{background:var(--app,var(--v2-primary,#015afd))!important;color:#fff!important;box-shadow:0 6px 14px color-mix(in srgb,var(--app,var(--v2-primary,#015afd)) 30%,transparent)!important}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>.app-nav__agendar .app-nav__plus svg{stroke-width:2.4!important}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>.app-nav__agendar>b{font-weight:800!important}
@media (hover:hover){html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>:where(a,button):not(.app-nav__agendar):not(.is-ativo):hover :where(.app-nav__icon,.app-nav__profile-icon){background:#f2f4f7!important}}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>.app-nav__agendar .app-nav__plus{width:48px!important;height:30px!important;min-width:48px!important;min-height:30px!important;flex:0 0 30px!important;margin:0!important;border-radius:999px!important}
html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>.app-nav__agendar .app-nav__plus svg{width:20px!important;height:20px!important}
html body.app-body .app-nav>.app-nav__agendar,html body.app-body.client-mobile-nav-ready .app-nav.client-mobile-nav>.app-nav__agendar{transform:none!important;translate:none!important;top:auto!important}

/* ============================================================
   V46 — módulo essencial por nicho no início do app (a46h-*)
   ============================================================ */
.a46h{--h-acc:var(--app,#015afd);--h-ink:#101828;--h-navy:#021e52;--h-muted:#667085;--h-line:#e7ebf2;--h-soft:color-mix(in srgb,var(--h-acc) 9%,#fff);display:grid;gap:22px;margin:22px 0 6px}
.a46h-sec{display:grid;gap:12px}
.a46h-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.a46h-eyebrow{display:block;margin-bottom:3px;color:var(--h-acc);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.a46h-head h2{margin:0;color:var(--h-navy);font-size:20px;line-height:1.2;letter-spacing:-.02em;font-weight:800}
.a46h-badge{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:#fff4ec;color:#b44300;font-size:11px;font-weight:800;border:1px solid #ffd9c2}
.a46h-ic{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.a46h-ic--sm{width:15px;height:15px}
.a46h-ic--box{width:44px;height:44px;padding:11px;border-radius:14px;background:var(--h-soft);color:var(--h-acc)}
.a46h-card{position:relative;display:block;padding:18px;border:1px solid var(--h-line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(2,30,82,.06);color:var(--h-ink);text-decoration:none}
.a46h-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--h-soft);color:var(--h-acc);font-size:12px;font-weight:800}
.a46h-chip .a46h-ic{width:15px;height:15px}
.a46h-chip--light{background:rgba(255,255,255,.16);color:#fff}
.a46h-link{display:inline-flex;align-items:center;gap:6px;justify-self:start;color:var(--h-acc);font-size:13.5px;font-weight:800;text-decoration:none}
.a46h-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:14px;background:var(--h-acc);color:#fff!important;font-size:14.5px;font-weight:800;text-decoration:none;box-shadow:0 10px 22px color-mix(in srgb,var(--h-acc) 26%,transparent)}
.a46h-btn--ghost{background:#fff;color:var(--h-navy)!important;border:1.5px solid var(--h-line);box-shadow:none}
.a46h-btn--block{width:100%}
.a46h-note{margin:0;color:var(--h-muted);font-size:13px}
.a46h-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.a46h-mini{display:grid;gap:3px;padding:12px;border-radius:16px;background:#f6f9ff;border:1px solid var(--h-line)}
.a46h-mini .a46h-ic{color:var(--h-acc);margin-bottom:4px}
.a46h-mini b{font-size:13px;color:var(--h-ink)}
.a46h-mini small{font-size:11.5px;color:var(--h-muted);line-height:1.35}
.a46h-grid2--cards .a46h-mini{background:#fff;box-shadow:0 8px 22px rgba(2,30,82,.05)}

/* fidelidade */
.a46h-loyalty{background:linear-gradient(145deg,#021e52 0%,#06307a 58%,color-mix(in srgb,var(--h-acc) 80%,#021e52) 100%);border:0;color:#fff;overflow:hidden}
.a46h-loyalty:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%)}
.a46h-loyalty__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.a46h-loyalty .a46h-chip{background:rgba(255,255,255,.14);color:#fff}
.a46h-loyalty .a46h-badge{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.25);color:#fff}
.a46h-stamps{display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:9px}
.a46h-stamp{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(255,255,255,.35);color:#fff}
.a46h-stamp.is-on{border:0;background:#fff;color:var(--h-navy);box-shadow:0 6px 14px rgba(0,0,0,.18)}
.a46h-stamp.is-on .a46h-ic{stroke-width:2.8;color:var(--h-acc)}
.a46h-stamp.is-gift{border:2px solid #fe5c02;background:rgba(254,92,2,.18);color:#ffb489}
.a46h-loyalty__status{margin:14px 0 0;color:#dbe6ff;font-size:14px}
.a46h-loyalty__status b{color:#fff}
.a46h-loyalty .a46h-link{margin-top:10px;color:#fff}

/* trilho horizontal (clube, combos, pacotes) */
.a46h-rail{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 8px;margin:0 -2px;scroll-snap-type:x mandatory;scrollbar-width:none}
.a46h-rail::-webkit-scrollbar{display:none}
.a46h-club{flex:0 0 min(78%,280px);scroll-snap-align:start;display:grid;gap:8px;align-content:start;padding:18px;border-radius:22px;background:linear-gradient(150deg,#021e52,#0b3fa0);color:#fff;box-shadow:0 14px 30px rgba(2,30,82,.18)}
.a46h-club:not(.is-featured):not(:only-child){background:#fff;color:var(--h-ink);border:1px solid var(--h-line);box-shadow:0 8px 22px rgba(2,30,82,.05)}
.a46h-club:not(.is-featured):not(:only-child) .a46h-chip--light{background:var(--h-soft);color:var(--h-acc)}
.a46h-club__price{font-size:26px;letter-spacing:-.02em;line-height:1.1}
.a46h-club__price small{font-size:13px;font-weight:600;opacity:.75}
.a46h-club p{margin:0;font-size:13.5px;opacity:.9}
.a46h-club>small{font-size:12px;opacity:.75}
.a46h-club .a46h-save{display:inline-block;justify-self:start;padding:3px 9px;border-radius:999px;background:#e7f7ef;color:#0b7a46;opacity:1;font-weight:800}
.a46h-club a{justify-self:start;margin-top:4px;padding:9px 14px;border-radius:12px;background:#fe5c02;color:#fff;font-size:13px;font-weight:800;text-decoration:none}
.a46h-combo{flex:0 0 150px;scroll-snap-align:start;display:grid;gap:4px;padding:8px 8px 12px;border:1px solid var(--h-line);border-radius:18px;background:#fff;color:var(--h-ink);text-decoration:none;box-shadow:0 8px 20px rgba(2,30,82,.05)}
.a46h-combo__img{display:grid;place-items:center;height:96px;border-radius:13px;overflow:hidden;background:var(--h-soft);color:var(--h-acc);margin-bottom:6px}
.a46h-combo__img img{width:100%;height:100%;object-fit:cover}
.a46h-combo b{font-size:13.5px;padding:0 4px}
.a46h-combo small{font-size:12px;color:var(--h-muted);padding:0 4px}

/* beleza */
.a46h-multi{background:linear-gradient(160deg,#fff 0%,var(--h-soft) 100%)}
.a46h-multi h3{margin:12px 0 6px;color:var(--h-navy);font-size:19px}
.a46h-multi p{margin:0 0 12px;color:var(--h-muted);font-size:14px;line-height:1.5}
.a46h-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.a46h-tags span{padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--h-line);color:var(--h-ink);font-size:12.5px;font-weight:700}
.a46h-remind{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px}
.a46h-remind b{display:block;color:var(--h-navy);font-size:14.5px}
.a46h-remind p{margin:2px 0 0;color:var(--h-muted);font-size:12.5px;line-height:1.45}
.a46h-remind>.a46h-ic:last-child{color:var(--h-muted)}

/* nutrição */
.a46h-plan{display:grid;gap:14px}
.a46h-plan__top,.a46h-workout__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.a46h-plan__top small,.a46h-workout__top small{display:block;color:var(--h-muted);font-size:12px;font-weight:700}
.a46h-plan__top b,.a46h-workout__top b{display:block;color:var(--h-navy);font-size:18px;letter-spacing:-.01em}
.a46h-ring{--p:50;position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:conic-gradient(var(--h-acc) calc(var(--p)*1%),#e8eefb 0)}
.a46h-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}
.a46h-ring i{position:relative;font-style:normal;font-size:12px;font-weight:800;color:var(--h-navy)}
.a46h-meals{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.a46h-meals li{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--h-line);border-radius:14px}
.a46h-meals time{color:var(--h-navy);font-size:12.5px;font-weight:800}
.a46h-meals b{display:block;font-size:13.5px;color:var(--h-ink)}
.a46h-meals small{display:block;font-size:12px;color:var(--h-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a46h-meals i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid #cfdcee}
.a46h-meals li.is-done{background:#f7fbff}
.a46h-meals li.is-done i{background:#12a15f;border-color:#12a15f;color:#fff}
.a46h-meals li.is-done i .a46h-ic{width:13px;height:13px;stroke-width:3}
.a46h-water{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:13px}
.a46h-water span{display:inline-flex;align-items:center;gap:6px;color:#0a84c6;font-weight:800}
.a46h-water b{color:var(--h-navy);font-size:12.5px}
.a46h-bar{height:8px;border-radius:999px;background:#e6f2fb;overflow:hidden}
.a46h-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38b6ff,#0a84c6)}

/* personal */
.a46h-workout{display:grid;gap:14px}
.a46h-ex{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.a46h-ex li{display:grid;grid-template-columns:48px minmax(0,1fr) 32px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--h-line);border-radius:14px}
.a46h-ex em{display:grid;place-items:center;height:34px;border-radius:10px;background:var(--h-soft);color:var(--h-acc);font-style:normal;font-size:12.5px;font-weight:800}
.a46h-ex b{display:block;font-size:13.5px}
.a46h-ex small{display:block;font-size:12px;color:var(--h-muted)}
.a46h-ex i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f2f4f7;color:var(--h-navy)}
.a46h-ex i .a46h-ic{width:13px;height:13px;fill:currentColor;stroke:none}
.a46h-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}
.a46h-week span{display:grid;justify-items:center;gap:4px;color:var(--h-muted);font-size:11px;font-weight:700}
.a46h-week i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f2f4f7}
.a46h-week .is-on i{background:var(--h-acc);color:#fff}
.a46h-week .is-on i .a46h-ic{width:13px;height:13px;stroke-width:3}
.a46h-week .is-today i{background:#fff;border:2px solid var(--h-acc)}
.a46h-week .is-today{color:var(--h-acc)}

/* psicologia */
.a46h-session{display:grid;gap:14px;background:linear-gradient(160deg,#fff 0%,#f4f7ff 100%)}
.a46h-session__when{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center}
.a46h-session__when>span{display:grid;place-items:center;align-content:center;height:62px;border-radius:18px;background:var(--h-navy);color:#fff}
.a46h-session__when>span small{font-size:11px;font-weight:800;opacity:.8}
.a46h-session__when>span b{font-size:17px}
.a46h-session__when small{color:var(--h-muted);font-size:12px;font-weight:700}
.a46h-session__when b{display:block;color:var(--h-navy);font-size:16px}
.a46h-session__when p{margin:2px 0 0;color:var(--h-muted);font-size:12.5px}
.a46h-session__actions{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}
.a46h-session__hint{color:var(--h-muted);font-size:12px}
.a46h-privacy{display:flex;align-items:flex-start;gap:8px;margin:0;padding:12px 14px;border-radius:14px;background:#f2f7f4;color:#29553d;font-size:12.5px;line-height:1.45}
.a46h-privacy .a46h-ic{margin-top:1px;color:#12a15f}

/* herói do início: botões no padrão V46 */
body.app-body.app-state--home .app-hero-card{border-radius:24px!important;border:1px solid #e7ebf2!important;background:linear-gradient(165deg,#fff 0%,color-mix(in srgb,var(--app,#015afd) 7%,#fff) 100%)!important;box-shadow:0 12px 32px rgba(2,30,82,.07)!important}
body.app-body.app-state--home .app-hero-card .app-cta{min-height:52px!important;border-radius:15px!important;background:var(--app,#015afd)!important;border-color:var(--app,#015afd)!important;color:#fff!important;font-size:15.5px!important;font-weight:800!important;box-shadow:0 12px 24px color-mix(in srgb,var(--app,#015afd) 28%,transparent)!important}
body.app-body.app-state--home .app-hero-card .app-v2-secondary{display:flex!important;align-items:center;justify-content:center;min-height:48px;margin-top:10px;border-radius:15px;border:1.5px solid #dfe6f1;background:#fff;color:#021e52!important;font-weight:800;text-decoration:none}
.a46h-session__when>span b,.a46h-session__when>span small{color:#fff!important;display:block;text-align:center}

/* herói do início no padrão V46 (vence o tema pêssego antigo do client-app.css) */
html body.app-body.app-v2.app-state--home .app-hero-card{padding:20px!important;border:1px solid #e3eaf6!important;border-radius:24px!important;background:linear-gradient(160deg,#ffffff 0%,color-mix(in srgb,var(--app,#015afd) 8%,#fff) 100%)!important;box-shadow:0 14px 34px rgba(2,30,82,.08)!important}
html body.app-body.app-v2.app-state--home .app-hero-card::before{background:radial-gradient(circle,color-mix(in srgb,var(--app,#015afd) 16%,transparent),transparent 70%)!important;width:170px!important;height:170px!important;right:-50px!important;top:-60px!important}
html body.app-body.app-v2.app-state--home .app-hero-card::after{display:none!important}
html body.app-body.app-v2.app-state--home .app-hero-card__eyebrow{padding:5px 10px!important;border-radius:999px!important;background:color-mix(in srgb,var(--app,#015afd) 11%,#fff)!important;color:var(--app,#015afd)!important;font-size:10.5px!important;border:0!important}
html body.app-body.app-v2.app-state--home .app-hero-card h2{color:#021e52!important;font-size:clamp(26px,7vw,32px)!important;letter-spacing:-.035em!important}
html body.app-body.app-v2.app-state--home .app-hero-card>p{color:#5f708a!important;font-size:13.5px!important}
html body.app-body.app-v2.app-state--home .app-hero-card .app-aviso{background:#fff!important;border:1px solid #e3eaf6!important;color:#475467!important;font-size:12px!important;border-radius:12px!important}
html body.app-body.app-v2.app-state--home .app-hero-card .app-cta{min-height:52px!important;border-radius:15px!important;background:var(--app,#015afd)!important;border-color:var(--app,#015afd)!important;font-size:15.5px!important;font-weight:800!important}
html body.app-body.app-v2.app-state--home .app-garantias li{border:1px solid #e3eaf6!important;background:#fff!important;color:#475467!important;font-size:11px!important;padding:6px 10px!important}
html body.app-body.app-v2.app-state--home .app-garantias li svg{color:#12a15f!important}

/* ============================================================
   V46 — painel do cliente identificado (a46c-*)
   ============================================================ */
.a46c{--h-acc:var(--app,#015afd);--h-ink:#101828;--h-navy:#021e52;--h-muted:#667085;--h-line:#e7ebf2;--h-soft:color-mix(in srgb,var(--h-acc) 9%,#fff);display:grid;gap:14px;margin:4px 0 18px}
.a46c-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.a46c-head h2{margin:0;color:var(--h-navy);font-size:24px;letter-spacing:-.03em;font-weight:800}
.a46c-account{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--h-line);color:var(--h-navy);box-shadow:0 6px 16px rgba(2,30,82,.06)}
.a46c-next{display:grid;gap:14px}
.a46c-next__when{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center}
.a46c-next__when>span{display:grid;justify-items:center;align-content:center;height:72px;border-radius:18px;background:linear-gradient(160deg,var(--h-navy),color-mix(in srgb,var(--h-acc) 70%,var(--h-navy)));color:#fff}
.a46c-next__when>span small{font-size:10.5px;font-weight:800;opacity:.8}
.a46c-next__when>span b{font-size:22px;line-height:1}
.a46c-next__when>span em{font-style:normal;font-size:11.5px;font-weight:700;opacity:.9}
.a46c-next__when small{color:var(--h-acc);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.a46c-next__when b{display:block;color:var(--h-navy);font-size:16.5px}
.a46c-next__when p{margin:2px 0 0;color:var(--h-muted);font-size:13px}
.a46c-next--empty{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.a46c-next--empty small{color:var(--h-acc);font-size:11px;font-weight:800;text-transform:uppercase}
.a46c-next--empty b{display:block;color:var(--h-navy);font-size:16px}
.a46c-next--empty p{margin:2px 0 0;color:var(--h-muted);font-size:13px}
.a46c-btn--wait{background:#eef2f8!important;color:#667085!important;box-shadow:none!important}
.a46c-repeat{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px}
.a46c-repeat__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fe5c02;color:#fff}
.a46c-repeat small{color:#b44300;font-size:11px;font-weight:800;text-transform:uppercase}
.a46c-repeat b{display:block;color:var(--h-navy);font-size:15px}
.a46c-repeat p{margin:0;color:var(--h-muted);font-size:12.5px}
.a46c-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.a46c-kpis>div{padding:12px;border:1px solid var(--h-line);border-radius:16px;background:#fff}
.a46c-kpis small{display:block;color:var(--h-muted);font-size:11px;font-weight:700}
.a46c-kpis b{display:block;margin-top:3px;color:var(--h-navy);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a46c-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.a46c-tile{display:grid;gap:3px;padding:14px;border:1px solid var(--h-line);border-radius:18px;background:#fff;color:var(--h-ink);text-decoration:none;box-shadow:0 6px 18px rgba(2,30,82,.04)}
.a46c-tile .a46h-ic{width:34px;height:34px;padding:8px;margin-bottom:6px;border-radius:11px;background:var(--h-soft);color:var(--h-acc)}
.a46c-tile b{font-size:14px;color:var(--h-navy)}
.a46c-tile small{font-size:12px;color:var(--h-muted);line-height:1.35}
.a46c-empty{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.a46c-empty b{display:block;color:var(--h-navy);font-size:15px}
.a46c-empty p{margin:2px 0 0;color:var(--h-muted);font-size:13px;line-height:1.45}
.a46c-water{display:grid;gap:10px}
.a46c-water__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.a46c-water__top span{display:inline-flex;align-items:center;gap:6px;color:#0a84c6;font-weight:800;font-size:14px}
.a46c-water__top b{color:var(--h-navy);font-size:14px}
.a46c-water__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.a46c-water__actions button{display:grid;gap:1px;min-height:50px;border:1.5px solid #cfe7f7;border-radius:14px;background:#f2f9fe;color:#0a5f8f;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.a46c-water__actions button small{font-size:11px;font-weight:600;opacity:.8}
.a46h-meals li.is-next{border-color:var(--h-acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--h-acc) 10%,transparent)}
/* lista de compras */
.a46c-page h1{margin:4px 0 6px;color:#021e52;font-size:26px;letter-spacing:-.03em}
.a46c-shop{display:grid;gap:8px;margin:16px 0;padding:0;list-style:none}
.a46c-shop label{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid #e7ebf2;border-radius:14px;background:#fff;cursor:pointer}
.a46c-shop input{width:20px;height:20px;accent-color:var(--app,#015afd)}
.a46c-shop b{display:block;color:#101828;font-size:14.5px}
.a46c-shop small{display:block;color:#667085;font-size:12px}
.a46c-shop li.is-done b{text-decoration:line-through;color:#98a2b3}
/* o painel antigo some quando o V46 está presente */
body.app-body[data-niche-dashboard] .a46c~.app-niche-dashboard{display:none!important}
.a46c-next__when>span b,.a46c-next__when>span small,.a46c-next__when>span em{color:#fff!important}
body.app-body.app-v2:not(.app-state--home) .app-topo::after,body.app-body.app-v2:not(.app-state--home) .app-topo::before{display:none!important}

/* V46 — busca de serviços (lista longa, sem poluir) */
.a46-busca{position:relative;margin:0 0 12px}.a46-busca:before{content:"";position:absolute;left:15px;top:14px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%235f708a' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat center;pointer-events:none;z-index:1}.a46 .a46-busca input{width:100%;min-height:46px;padding:0 16px 0 44px!important;border:1.5px solid var(--a46-linha,#e2e9f2);border-radius:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%235f708a' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px 50%;font:inherit;font-size:15px;color:#101828}.a46-busca input:focus{outline:0;border-color:var(--app,#015afd);box-shadow:0 0 0 3px color-mix(in srgb,var(--app,#015afd) 18%,transparent)}.a46-busca small{display:block;margin-top:8px;color:#5f708a;font-size:13px}.a46-serv[hidden],.a46-grupo[hidden],.a46-cats[hidden]{display:none!important}
body.app-body .a46 .a46-busca input[type="search"]{padding-inline:46px 16px!important}
.a46-busca:before{top:18px!important}
.a46-busca small[hidden]{display:none!important}

/* Fotos dos trabalhos na escolha do profissional: grade 2x2 compacta,
   cabe tanto no cartão em coluna quanto no cartão em lista. */
/* Faixa "Trabalhos de ..." na escolha do horário (cobre quem atende sozinho) */
.app-prof-galeria{margin:4px 0 14px;display:grid;gap:8px;min-width:0}
.app-prof-galeria__titulo{font-size:13px;font-weight:800;letter-spacing:.01em;opacity:.8}
.app-prof-galeria__fotos{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.app-prof-galeria figure{margin:0;flex:0 0 96px;scroll-snap-align:start;min-width:0}
.app-prof-galeria img{display:block;width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid rgba(16,24,40,.08);background:rgba(16,24,40,.04)}
.app-prof-galeria figcaption{margin-top:4px;font-size:11px;line-height:1.25;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Minha área — atalhos do aluno/paciente (todas as ferramentas do nicho a um toque). */
.app-body .app-area-atalhos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 4px}
.app-body .app-area-atalhos a{display:flex;align-items:center;gap:10px;min-height:60px;padding:10px 12px;border:1px solid var(--a46-line,#eaecf0);border-radius:14px;background:var(--v2-surface,#fff);color:var(--a46-ink,#101828);text-decoration:none;transition:border-color .15s ease,background .15s ease}
.app-body .app-area-atalhos a:hover,.app-body .app-area-atalhos a:focus-visible{border-color:var(--a46-line-acc,var(--a46-acc));background:var(--a46-soft,#f5f8ff)}
.app-body .app-area-atalhos svg{flex:0 0 34px;width:34px;height:34px;padding:8px;border-radius:10px;background:var(--a46-soft,#f5f8ff);color:var(--a46-acc,#015afd);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-body .app-area-atalhos span{display:grid;gap:1px;min-width:0}
.app-body .app-area-atalhos b{font-size:13.5px;line-height:1.25;font-weight:700}
.app-body .app-area-atalhos small{color:var(--a46-muted,#667085);font-size:11.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:340px){.app-body .app-area-atalhos{grid-template-columns:1fr}}

/* Agendamento enxuto: opcionais e "outra data" recolhidos num toque. */
.app-body .app-mais{margin:6px 0 12px}
.app-body .app-mais>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--a46-acc,#015afd);font-weight:700;font-size:14px}
.app-body .app-mais>summary::-webkit-details-marker{display:none}
.app-body .app-mais>summary::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--a46-soft,#eef4ff);font-weight:800}
.app-body .app-mais[open]>summary::before{content:"–"}
.app-body .app-mais[open]>summary{margin-bottom:8px}

/* Captação (Personal, Nutrição, Psicologia): diagnóstico de 3 toques e vitrine de planos. */
.app-body .cap-home{display:grid;gap:10px}
.app-body .cap-home__diag{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--a46-acc);color:#fff;text-decoration:none;box-shadow:0 8px 20px color-mix(in srgb,var(--a46-acc) 28%,transparent)}
.app-body .cap-home__diag>span{flex:0 0 42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.app-body .cap-home__diag svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.app-body .cap-home__diag div{display:grid;gap:2px;flex:1;min-width:0}
.app-body .cap-home__diag b{font-size:15.5px}
.app-body .cap-home__diag small{font-size:12.5px;opacity:.9;line-height:1.35}
.app-body .cap-home__diag em{font-style:normal;font-size:26px;line-height:1;opacity:.85}
.app-body .cap-home__planos{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 2px 6px;margin:0 -2px}
.app-body .cap-home__plano{position:relative;flex:0 0 min(72%,220px);scroll-snap-align:start;display:grid;gap:4px;align-content:start;padding:14px;border:1px solid var(--a46-line);border-radius:16px;background:var(--v2-surface,#fff);color:var(--a46-ink);text-decoration:none}
.app-body .cap-home__plano.is-destaque{border:2px solid var(--a46-acc)}
.app-body .cap-home__plano i{position:absolute;top:-10px;left:12px;font-style:normal;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--a46-acc);color:#fff}
.app-body .cap-home__plano b{font-size:14.5px}
.app-body .cap-home__plano>span{font-size:19px;font-weight:800;color:var(--a46-acc)}
.app-body .cap-home__plano>span small,.app-body .cap-home__plano>small{font-size:12px;font-weight:500;color:var(--a46-muted)}
.app-body .cap-steps{display:flex;gap:6px;margin:6px 0 18px}
.app-body .cap-steps i{flex:1;height:5px;border-radius:5px;background:var(--a46-line)}
.app-body .cap-steps i.is-on{background:var(--a46-acc)}
.app-body .cap-q{font-size:22px;line-height:1.25;margin:0 0 16px;color:var(--a46-ink)}
.app-body .cap-opcoes{display:grid;gap:10px}
.app-body .cap-opcao{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:14px 16px;border:1.5px solid var(--a46-line);border-radius:14px;background:var(--v2-surface,#fff);color:var(--a46-ink);font-size:16px;font-weight:700;text-decoration:none;transition:border-color .15s ease,background .15s ease}
.app-body .cap-opcao span{color:var(--a46-acc);font-size:22px}
.app-body .cap-opcao:hover,.app-body .cap-opcao:focus-visible,.app-body .cap-opcao:active{border-color:var(--a46-acc);background:var(--a46-soft)}
.app-body .cap-result,.app-body .cap-plano{border:2px solid var(--a46-acc)}
.app-body .cap-result small,.app-body .cap-plano small{color:var(--a46-acc);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.app-body .cap-result h2,.app-body .cap-plano h2{margin:4px 0 8px;font-size:20px}
.app-body .cap-result p{margin:0;line-height:1.5;color:var(--a46-ink2)}
.app-body .cap-preco{margin:0 0 10px;font-size:26px;font-weight:800;color:var(--a46-ink)}
.app-body .cap-preco span{font-size:14px;font-weight:500;color:var(--a46-muted)}
.app-body .cap-plano ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.app-body .cap-plano li{display:flex;gap:8px;align-items:flex-start;font-size:14.5px}
.app-body .cap-plano li svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:var(--a46-acc);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.app-body .cap-sub{margin:20px 0 10px;font-size:17px}
.app-body .cap-form .app-btn{width:100%;margin-top:8px}
.app-body .cap-ok{text-align:center;display:grid;gap:12px;justify-items:center}
.app-body .cap-ok h2{margin:0;font-size:22px}
.app-body .cap-ok p{margin:0;color:var(--a46-ink2);line-height:1.5}
.app-body .cap-ok .app-btn{width:100%}
.app-body .cap-ok__icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--a46-soft);color:var(--a46-acc)}
.app-body .cap-ok__icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.app-body .app-card.cap-result,.app-body .app-card.cap-plano{border:2px solid var(--a46-acc)}
.app-body .app-card.cap-form{margin-top:0}
.app-body .cap-sub{margin-bottom:8px}
.app-body .cap-ok .app-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px}
.app-body .cap-ok .app-btn svg{flex:0 0 20px;width:20px;height:20px}

/* Conta no agendamento: e-mail e senha, ou "agendando como". */
.app-body .app-conta-logada{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:4px 0 12px;border-radius:14px;background:var(--a46-soft);color:var(--a46-ink)}
.app-body .app-conta-logada svg{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:var(--a46-acc);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.app-body .app-conta-logada span{display:grid;gap:1px;font-size:14px}
.app-body .app-conta-logada small{color:var(--a46-muted);font-size:12px}
.app-body .app-dica{display:block;margin-top:4px;color:var(--a46-muted);font-size:12px;line-height:1.35}
.app-body .app-conta-links{margin:-4px 0 10px;font-size:13px;text-align:right}
.app-body .app-conta-links a{color:var(--a46-acc);font-weight:600}
.app-body .app-area-conta .app-acoes{display:grid;gap:8px;margin-top:10px}

/* Topo do app: o que é, com quem e o próximo passo. */
.app-body .app-hero-card__selo{display:inline-flex;align-self:flex-start;margin:6px 0 2px;padding:4px 10px;border-radius:999px;background:var(--a46-acc);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.02em}
.app-body .app-hero-card__link{display:block;margin:10px auto 2px;text-align:center;color:var(--a46-acc);font-weight:700;font-size:14px;text-decoration:none}
.app-body .app-hero-card__link:hover{text-decoration:underline}
.app-body .app-cta--whats{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.app-body .app-cta--whats svg{width:20px;height:20px;flex:0 0 20px}
/* Sem foto de capa o topo não precisa de espaço reservado acima do cartão principal. */
body.app-body.app-body:has(.app-hero-card) .app-topo:not(.app-topo--capa)+.app-conteudo{padding-top:14px!important}

/* Escolha do profissional com os trabalhos dele. */
.app-body .app-prof{display:grid;gap:8px;padding-bottom:6px;scroll-margin-top:90px}
.app-body .app-prof__conta{display:inline-flex;align-items:center;gap:5px;margin-top:3px;font-style:normal;font-size:12px;font-weight:700;color:var(--a46-acc)}
.app-body .app-prof__conta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.app-body .app-prof__galeria{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 2px 4px 58px;scrollbar-width:none}
.app-body .app-prof__galeria::-webkit-scrollbar{display:none}
.app-body .app-prof__foto{flex:0 0 96px;height:96px;border-radius:12px;overflow:hidden;scroll-snap-align:start;background:var(--a46-soft);box-shadow:0 0 0 1px var(--a46-line)}
.app-body .app-prof__foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.app-body .app-prof__foto:hover img{transform:scale(1.04)}
.app-body .app-lightbox{display:none;position:fixed;inset:0;z-index:1000;place-items:center;padding:16px}
.app-body .app-lightbox:target{display:grid}
.app-body .app-lightbox__fundo{position:absolute;inset:0;background:rgba(8,10,14,.94)!important;opacity:1!important;backdrop-filter:blur(4px)}
.app-body .app-lightbox figure{position:relative;margin:0;width:min(100%,560px);display:grid;gap:10px}
.app-body .app-lightbox figure>img{width:100%;max-height:70vh;object-fit:contain;border-radius:16px;background:#000}
.app-body .app-lightbox figcaption{display:flex;justify-content:space-between;gap:10px;color:#fff;font-size:14px}
.app-body .app-lightbox figcaption small{opacity:.7}
.app-body .app-lightbox nav{display:grid;grid-template-columns:48px 1fr 48px;gap:8px;align-items:center}
.app-body .app-lightbox nav>a:not(.app-lightbox__escolher){display:grid;place-items:center;height:48px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;text-decoration:none}
.app-body .app-lightbox__escolher{display:grid;place-items:center;min-height:48px;border-radius:14px;background:var(--a46-acc);color:#fff;font-weight:800;text-decoration:none}
.app-body .app-lightbox__fechar{position:absolute;top:-6px;right:-6px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#101828;font-size:24px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.3)}
/* A lista com trabalhos vira uma coluna de cartões e não pode prender a visualização em tela cheia. */
html body.app-body.app-body.app-body.app-body.app-body.app-body .app-lista:has(.app-prof){display:grid!important;grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important;padding:0!important;transform:none!important;animation:none!important}
html body.app-body.app-body.app-body.app-body.app-body.app-body .app-lista:has(.app-prof) .app-opcao,html body.app-body.app-body.app-body.app-body.app-body.app-body .app-prof>.app-opcao{display:flex!important;flex-direction:row!important;align-items:center!important;text-align:left!important;gap:12px!important;padding:12px 14px!important;min-height:0!important;min-width:0!important;flex:0 0 auto!important;width:100%!important}
html body.app-body.app-body.app-body.app-body.app-body.app-body .app-lista:has(.app-prof) .app-avatar{flex:0 0 48px!important;width:48px!important;height:48px!important;margin:0!important}
html body.app-body.app-body.app-body.app-body.app-body.app-body .app-lista:has(.app-prof) .app-opcao__info{flex:1;min-width:0;align-items:flex-start!important;text-align:left!important}
html body.app-body.app-body.app-body.app-body.app-body.app-body .app-lista:has(.app-prof) .app-opcao__seta{margin:0 0 0 auto!important}
html body.app-body.app-body.app-body.app-body.app-body.app-body .app-lista:has(.app-prof) .app-opcao--destaque>.app-opcao__info>*:not(b):not(small){display:none}
.app-body .app-prof{padding:0 0 12px;border:1px solid var(--a46-line);border-radius:16px;background:#fff;overflow:hidden}
html body.app-body.app-body.app-body.app-body.app-body.app-body .app-prof>.app-opcao{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}
.app-body .app-prof__galeria{padding:0 14px 2px 74px}
/* Início do app: sem barra vazia acima da marca (sem botão voltar nem instalar). */
html body.app-body.app-body.app-body .app-topo__barra:has(.app-voltar--vazio):not(:has(.app-instalar:not([hidden]))){display:none!important}
html body.app-body.app-body.app-body .app-topo:not(.app-topo--capa):has(.app-voltar--vazio){padding-top:14px!important;min-height:0!important}
html body.app-body.app-body.app-body .app-topo:not(.app-topo--capa) .app-identidade__texto h1{text-shadow:none!important;letter-spacing:-.02em}
.app-body .app-conta-links--centro{text-align:center;margin:14px 0 4px;font-size:14px;color:var(--a46-muted)}
/* Sem logo enviado: a inicial aparece na cor da marca (antes ficava branco no branco sobre a capa). */
html body.app-body.app-body.app-body .app-topo--capa .app-logo--letra{background:var(--v2-primary,#c8794c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Etapas do agendamento: trilha, passos e lista na mesma coluna em qualquer largura. */
html body.app-body.app-body.app-body .app-trilha,html body.app-body.app-body.app-body .a46-steps-wrap>.a46-steps{box-sizing:border-box!important;width:min(calc(100% - 32px),920px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
@media (min-width:700px){html body.app-body.app-body.app-body .app-trilha,html body.app-body.app-body.app-body .a46-steps-wrap>.a46-steps{width:min(calc(100% - 62px),920px)!important}}
html body.app-body.app-body.app-body .a46-steps-wrap{padding-left:0!important;padding-right:0!important}
html body.app-body.app-body.app-body .app-conteudo>.app-titulo+.app-intro{margin-top:-14px!important}
/* Galeria do profissional: no celular usa a largura toda; o encaixe (scroll-snap) respeita o recuo, então todas começam no mesmo ponto. */
html body.app-body.app-body .app-prof__galeria{padding:0 14px 4px 14px!important;scroll-padding-inline:14px!important}
@media (min-width:600px){html body.app-body.app-body .app-prof__galeria{padding-left:74px!important;scroll-padding-left:74px!important}}
/* V58 vitrine do profissional: os trabalhos vêm primeiro, grandes, e depois o botão de escolher */
.app-body .app-prof--vitrine{padding:0 0 14px!important;gap:0!important;box-shadow:0 10px 30px -18px rgba(16,24,40,.35)}
html body.app-body.app-body.app-body.app-body.app-body.app-body .app-prof>.app-prof__cabeca{padding:12px 14px 10px!important;pointer-events:auto}
.app-body .app-prof__mosaico{display:grid;gap:6px;margin:0 14px;border-radius:14px;overflow:hidden;grid-template-columns:1fr;aspect-ratio:16/10}
.app-body .app-prof__mosaico--2{grid-template-columns:1fr 1fr;aspect-ratio:2/1.15}
.app-body .app-prof__mosaico--3{grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:16/11}
.app-body .app-prof__mosaico--3 .app-prof__foto--capa{grid-row:1/3}
html body.app-body .app-prof__mosaico .app-prof__foto{position:relative;display:block;flex:none;width:auto;height:auto;min-height:0;min-width:0;border-radius:0;box-shadow:none;background:var(--a46-soft,#f2f4f7)}
html body.app-body .app-prof__mosaico .app-prof__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.app-body .app-prof__mosaico .app-prof__foto:hover img{transform:scale(1.03)}
.app-body .app-prof__mosaico .app-prof__foto:focus-visible{outline:3px solid var(--a46-acc);outline-offset:-3px}
.app-body .app-prof__selo{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;background:rgba(10,12,16,.72);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:800;letter-spacing:.01em}
.app-body .app-prof__selo svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.app-body .app-prof__mais{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,12,16,.55);color:#fff;font-size:22px;font-weight:800}
html body.app-body.app-body .app-prof .app-prof__escolher{display:flex;width:auto!important;max-width:none;align-items:center;justify-content:center;gap:8px;margin:12px 14px 0;min-height:48px;border-radius:14px;background:var(--a46-acc,#111)!important;color:#fff!important;font-weight:800;font-size:15px;text-decoration:none;border:0;box-shadow:0 8px 20px -10px var(--a46-acc,#111)}
.app-body .app-prof__escolher span{font-size:20px;line-height:1}
.app-body .app-prof__escolher:focus-visible{outline:3px solid var(--a46-acc);outline-offset:3px}
@media (min-width:600px){.app-body .app-prof__mosaico--1{aspect-ratio:2/1}.app-body .app-prof__mosaico--3{aspect-ratio:2/1.05}}
/* a foto ampliada fica acima do aviso de cookies, senão o botão Escolher fica coberto */
html body.app-body .app-lightbox:target{z-index:10000}
@media (min-width:600px){html body.app-body .app-prof__mosaico{aspect-ratio:auto!important;height:320px}}
/* Trabalhos do profissional na etapa de horário (pacote com vários serviços) */
html body.app-body .app-trabalhos{margin:4px 0 18px}
html body.app-body .app-trabalhos .app-subtitulo{min-width:0;overflow-wrap:anywhere}
html body.app-body .app-trabalhos .app-contador{display:inline-flex;align-items:center;gap:5px;flex:none}
html body.app-body .app-trabalhos .app-contador svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
html body.app-body.app-body .app-trabalhos__fila{padding:2px 2px 6px!important;margin-top:8px}
html body.app-body .app-trabalhos__fila .app-prof__foto{flex:0 0 108px;height:108px}
html body.app-body .app-trabalhos__fila .app-prof__foto:first-child{flex-basis:144px}
html body.app-body .app-lightbox figcaption small{flex:none;white-space:nowrap}