/* Temas visuais (v2.24). O tema vem de CLIENTE.tema e fica em <html data-tema="…">.
   "classico" (RBI) não tem regra aqui: é o app.css puro. Cada tema muda paleta, fontes, cantos,
   a tela inicial e a arte. A cor de destaque do cliente (CLIENTE.cores) ainda vale por cima. */

/* ---------- arte da tela inicial (salão e pet) ---------- */
.hero .pole .arte-svg{width:56px;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.arte-svg .ar-esc{fill:#1b1b1f}.arte-svg .ar-luz{fill:rgba(255,255,255,.35)}
.arte-svg .ar-cor{fill:var(--accent)}.arte-svg .ar-claro{fill:#fff}
.arte-svg .ar-brilho{stroke:rgba(255,255,255,.55);stroke-width:4;stroke-linecap:round;fill:none}
.arte-svg .ar-rot{fill:rgba(255,255,255,.85)}
.hand.sc .ptr{font-size:22px;line-height:1;font-weight:400}

/* ---------- Urbano (barbearia): concreto, âmbar e letras condensadas ---------- */
html[data-tema="urbano"] [data-theme="claro"]{--bg:#EEEDEA;--bg2:#DAD8D3;--surface:#FFFFFF;--surface2:#F3F2EF;--text:#121212;--muted:#5F5F5F;--line:#D6D3CC;
  --brand:#16161A;--brand-ink:#FFFFFF;--accent:#E89A0C;--accent-ink:#121212;--accent-soft:#FDF0D5;--radius:10px;--font-head:'Bebas Neue','Inter',sans-serif;--head-track:.04em}
html[data-tema="urbano"] [data-theme="escuro"]{--accent:#F5A524;--accent-ink:#121212;--accent-soft:rgba(245,165,36,.16);--radius:10px;--font-head:'Bebas Neue','Inter',sans-serif;--head-track:.04em}
html[data-tema="urbano"] body{font-family:'Inter',system-ui,sans-serif}
html[data-tema="urbano"] .hero{background:repeating-linear-gradient(135deg,#1d1d21 0 14px,#18181c 14px 28px)!important;border:1px solid #2b2b31}
html[data-tema="urbano"] .hero h1{font-family:'Bebas Neue',sans-serif;font-size:40px;letter-spacing:.04em}
html[data-tema="urbano"] .hero h1.chrome{background:none;color:#fff!important;-webkit-text-fill-color:#fff;filter:none}
html[data-tema="urbano"] .bilbo{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:#cfcfcf;letter-spacing:.02em}

/* ---------- Rosé (salão de unhas): blush, serifada itálica, cantos bem redondos ---------- */
html[data-tema="rose"] [data-theme="claro"]{--bg:#FBF3F3;--bg2:#F3E3E4;--surface:#FFFFFF;--surface2:#FDF7F7;--text:#2E1A22;--muted:#8A6B75;--line:#F0DADD;
  --brand:#3B1F2B;--brand-ink:#FFFFFF;--brand-soft:#F6E7EA;--accent:#D6457A;--accent-ink:#FFFFFF;--accent-soft:#FCE4EE;--radius:26px;
  --shadow:0 8px 28px rgba(214,69,122,.10);--font-head:'Playfair Display',Georgia,serif;--head-track:0}
html[data-tema="rose"] [data-theme="escuro"]{--accent:#F06A9C;--accent-soft:rgba(240,106,156,.16);--radius:26px;--font-head:'Playfair Display',Georgia,serif;--head-track:0}
html[data-tema="rose"] body{font-family:'DM Sans',system-ui,sans-serif}
html[data-tema="rose"] .hero{background:linear-gradient(140deg,#F7C6D6 0%,#FBE3D6 55%,#FFF4EC 100%)!important;color:#3B1F2B!important;border:1px solid #F3D3DD}
html[data-tema="rose"] .hero h1{font-family:'Playfair Display',serif;font-style:italic;text-transform:none;font-size:31px}
html[data-tema="rose"] .hero h1.chrome{background:none;color:#3B1F2B!important;-webkit-text-fill-color:#3B1F2B;filter:none}
html[data-tema="rose"] .bilbo{font-family:'DM Sans',sans-serif;font-size:14px;color:#6E4A57}
html[data-tema="rose"] .hero .tag{background:rgba(255,255,255,.7);color:#B0305F}

/* ---------- Minimal (salão de unhas): nude, preto e muito respiro ---------- */
html[data-tema="minimal"] [data-theme="claro"]{--bg:#F6F1EC;--bg2:#EDE5DD;--surface:#FFFDFB;--surface2:#F8F3EE;--text:#1E1E1E;--muted:#7B726B;--line:#E6DDD4;
  --brand:#1E1E1E;--brand-ink:#FFFFFF;--brand-soft:#EFE7DF;--accent:#1E1E1E;--accent-ink:#FFFFFF;--accent-soft:#ECE4DC;--radius:14px;
  --shadow:none;--font-head:'DM Serif Display',Georgia,serif;--head-track:0}
html[data-tema="minimal"] [data-theme="escuro"]{--accent:#E9DCCF;--accent-ink:#1E1E1E;--accent-soft:rgba(233,220,207,.14);--radius:14px;--font-head:'DM Serif Display',Georgia,serif;--head-track:0}
html[data-tema="minimal"] body{font-family:'DM Sans',system-ui,sans-serif}
html[data-tema="minimal"] .hero{background:#EADFD4!important;color:#1E1E1E!important;border:1px solid #DCCFC2;box-shadow:none}
html[data-tema="minimal"] .hero h1{font-family:'DM Serif Display',serif;text-transform:none;font-size:32px;letter-spacing:0}
html[data-tema="minimal"] .hero h1.chrome{background:none;color:#1E1E1E!important;-webkit-text-fill-color:#1E1E1E;filter:none}
html[data-tema="minimal"] .bilbo{font-family:'DM Sans',sans-serif;font-size:14px;color:#5A524C}
html[data-tema="minimal"] .hero .tag{background:#1E1E1E;color:#fff}
html[data-tema="minimal"] .arte-svg .ar-cor{fill:#C9A98E}

/* ---------- Patinhas (pet): creme, laranja e verde-água, letras arredondadas ---------- */
html[data-tema="patinhas"] [data-theme="claro"]{--bg:#FFF8EC;--bg2:#F6EBD6;--surface:#FFFFFF;--surface2:#FFFBF3;--text:#1E2B2B;--muted:#6B7472;--line:#F1E3C8;
  --brand:#0E7C7B;--brand-ink:#FFFFFF;--brand-soft:#DDF1EF;--accent:#FF7A1A;--accent-ink:#FFFFFF;--accent-soft:#FFE8D6;--radius:24px;
  --shadow:0 8px 24px rgba(14,124,123,.10);--font-head:'Fredoka','Nunito',sans-serif;--head-track:0}
html[data-tema="patinhas"] [data-theme="escuro"]{--accent:#FF8F3D;--accent-soft:rgba(255,143,61,.16);--radius:24px;--font-head:'Fredoka','Nunito',sans-serif;--head-track:0}
html[data-tema="patinhas"] body{font-family:'Nunito',system-ui,sans-serif}
html[data-tema="patinhas"] .hero{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.14) 0 9px,transparent 10px) 0 0/58px 58px,linear-gradient(150deg,#0E7C7B,#0A5F5E)!important;color:#fff!important;border:none}
html[data-tema="patinhas"] .hero h1{font-family:'Fredoka',sans-serif;text-transform:none;font-size:32px;letter-spacing:0}
html[data-tema="patinhas"] .hero h1.chrome{background:none;color:#fff!important;-webkit-text-fill-color:#fff;filter:none}
html[data-tema="patinhas"] .bilbo{font-family:'Nunito',sans-serif;font-size:14.5px;font-weight:700;color:#E6F6F4}

/* ---------- Fresh (pet): menta, azul-marinho e cantos suaves ---------- */
html[data-tema="fresh"] [data-theme="claro"]{--bg:#EFFAF6;--bg2:#DDF2EA;--surface:#FFFFFF;--surface2:#F5FCF9;--text:#12324A;--muted:#5D7585;--line:#D3ECE2;
  --brand:#12324A;--brand-ink:#FFFFFF;--brand-soft:#DCEFF7;--accent:#1FA37A;--accent-ink:#FFFFFF;--accent-soft:#D7F3E8;--radius:20px;
  --shadow:0 8px 24px rgba(18,50,74,.08);--font-head:'Baloo 2','Nunito',sans-serif;--head-track:0}
html[data-tema="fresh"] [data-theme="escuro"]{--accent:#35C995;--accent-soft:rgba(53,201,149,.16);--radius:20px;--font-head:'Baloo 2','Nunito',sans-serif;--head-track:0}
html[data-tema="fresh"] body{font-family:'Nunito',system-ui,sans-serif}
html[data-tema="fresh"] .hero{background:linear-gradient(140deg,#D7F3E8 0%,#D9ECFA 100%)!important;color:#12324A!important;border:1px solid #CBE8DC}
html[data-tema="fresh"] .hero h1{font-family:'Baloo 2',sans-serif;text-transform:none;font-size:33px;letter-spacing:0}
html[data-tema="fresh"] .hero h1.chrome{background:none;color:#12324A!important;-webkit-text-fill-color:#12324A;filter:none}
html[data-tema="fresh"] .bilbo{font-family:'Nunito',sans-serif;font-size:14.5px;font-weight:700;color:#3C5A6E}
html[data-tema="fresh"] .hero .tag{background:#fff;color:#1FA37A}

/* ---------- faixa do site de demonstração (js/nuvem-demo.js) ---------- */
.demofaixa{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;
  border-radius:99px;background:#111;color:#fff;font-size:12px;box-shadow:0 6px 18px rgba(0,0,0,.25);white-space:nowrap}
.demofaixa span{opacity:.7}
.demofaixa button{border:0;border-radius:99px;padding:6px 10px;background:var(--accent);color:var(--accent-ink);font:700 12px inherit;cursor:pointer}
@media (max-width:420px){.demofaixa span{display:none}}
/* nome da marca no topo segue a fonte do tema (o clássico mantém a gravura) */
html:not([data-tema="classico"]) .logo .wm b{font-family:var(--font-head);letter-spacing:.04em}

/* ---------- v2.25: pets ---------- */
.petchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.petchips small{opacity:.7;margin-left:4px}

/* ---------- arte própria do cliente (ex.: a figura da logo da Simone) ---------- */
.hero .pole .arte-img{width:96px;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}

/* ---------- Energia (pilates): laranja, areia, Ubuntu e assinatura em Alegreya ---------- */
html[data-tema="energia"] [data-theme="claro"]{--bg:#FFF4EA;--bg2:#F7E6D4;--surface:#FFFFFF;--surface2:#FFF9F3;--text:#2E2A27;--muted:#7D7069;--line:#F1E3D3;
  --brand:#2E2A27;--brand-ink:#FFFFFF;--brand-soft:#FBE9D8;--accent:#D8741A;--accent-ink:#FFFFFF;--accent-soft:#FDE7D2;--ok:#5E8C6F;--radius:22px;
  --shadow:0 10px 28px rgba(216,116,26,.10);--font-head:'Ubuntu','Nunito Sans',sans-serif;--head-track:.01em}
html[data-tema="energia"] [data-theme="escuro"]{--accent:#F3922A;--accent-soft:rgba(243,146,42,.16);--radius:22px;--font-head:'Ubuntu','Nunito Sans',sans-serif;--head-track:.01em}
html[data-tema="energia"] body{font-family:'Nunito Sans',system-ui,sans-serif}
html[data-tema="energia"] .hero{background:linear-gradient(150deg,#F3922A 0%,#E07B1F 100%)!important;color:#fff!important;border:none}
html[data-tema="energia"] .hero h1{font-family:'Ubuntu',sans-serif;font-weight:500;text-transform:none;font-size:31px;letter-spacing:0}
html[data-tema="energia"] .hero h1.chrome{background:none;color:#fff!important;-webkit-text-fill-color:#fff;filter:none}
html[data-tema="energia"] .bilbo{font-family:'Alegreya',serif;font-style:italic;font-size:17px;color:#FFF1E4}
html[data-tema="energia"] .hero .btn.primary{background:#fff;color:#D8741A}
html[data-tema="energia"] .hero .tag{background:rgba(255,255,255,.22);color:#fff}
html[data-tema="energia"] .arte-svg .ar-cor{fill:#fff}html[data-tema="energia"] .arte-svg .ar-claro{fill:rgba(255,255,255,.55)}

/* ---------- Zen (pilates): sálvia, areia e serifada leve ---------- */
html[data-tema="zen"] [data-theme="claro"]{--bg:#F5F3EE;--bg2:#E8E6DE;--surface:#FFFFFF;--surface2:#FAF9F5;--text:#28332C;--muted:#6E7A72;--line:#E1E3DA;
  --brand:#28332C;--brand-ink:#FFFFFF;--brand-soft:#E4ECE5;--accent:#5E8C6F;--accent-ink:#FFFFFF;--accent-soft:#E1EEE5;--radius:18px;
  --shadow:0 8px 24px rgba(40,51,44,.07);--font-head:'Cormorant Garamond',Georgia,serif;--head-track:0}
html[data-tema="zen"] [data-theme="escuro"]{--accent:#8FBFA0;--accent-ink:#13201A;--accent-soft:rgba(143,191,160,.16);--radius:18px;--font-head:'Cormorant Garamond',Georgia,serif;--head-track:0}
html[data-tema="zen"] body{font-family:'Lato',system-ui,sans-serif}
html[data-tema="zen"] .hero{background:radial-gradient(120% 90% at 85% 0%,#DCE9DF 0%,#C9DCCD 45%,#B7CFBD 100%)!important;color:#22302A!important;border:1px solid #C6D7CA}
html[data-tema="zen"] .hero h1{font-family:'Cormorant Garamond',serif;font-weight:700;text-transform:none;font-size:36px;letter-spacing:0}
html[data-tema="zen"] .hero h1.chrome{background:none;color:#22302A!important;-webkit-text-fill-color:#22302A;filter:none}
html[data-tema="zen"] .bilbo{font-family:'Lato',sans-serif;font-size:14px;color:#3F5247}
html[data-tema="zen"] .hero .tag{background:rgba(255,255,255,.65);color:#3F6B52}
html[data-tema="zen"] .arte-svg .ar-cor{fill:#5E8C6F}
html:not([data-tema="classico"]) .logo .wm small{font-family:var(--font-head);letter-spacing:.08em}