/* DuchaCar — temas de cor por tipo de lava-jato. <html data-tema="petshop|banho|vet|hotel">
   petshop = Lava-jato (azul), banho = Estética automotiva (laranja e grafite), vet = Lava-rápido (verde), hotel = Lavagem delivery (roxo) */
:root,html[data-tema]{
  --f:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --fd:"Saira Semi Condensed","Nunito",system-ui,sans-serif;
  --bg:#f2f7fc; --bg2:#e2edf8; --card:#ffffff; --card2:#eef5fc; --line:#cfdeee;
  --tx:#14263a; --tx2:#5b7088; --gold:#1673d1; --gold2:#0d55a3; --on-gold:#ffffff;
  --red:#d2453b; --green:#2e8b57; --blue:#3d6fc4; --ac2:#14b3c9;
  --warn-bg:#fff4dc; --warn-line:#f2d79a; --bad-bg:#fdecea; --bad-line:#f0b7b0; --bad-tx:#a8302a;
  --nav-bg:#ffffff; --top-bg:rgba(242,247,252,.95); --gold-soft:rgba(22,115,209,.1); --gold-soft2:#d6e8fa; --hero-fade:rgba(6,22,45,.84);
  --pole:linear-gradient(90deg,#8cc8fb,#1673d1 30%,#14b3c9 50%,#1673d1 70%,#8cc8fb);
  color-scheme:light;
}
html[data-tema="banho"]{
  --bg:#f6f6f7; --bg2:#ebebee; --card2:#f8f5f2; --line:#e0dcd8; --tx:#1d2127; --tx2:#6a6f78;
  --gold:#e2621b; --gold2:#b44a10; --ac2:#2b333d; --warn-bg:#fdf0e6; --warn-line:#f4cfb4;
  --top-bg:rgba(246,246,247,.95); --gold-soft:rgba(226,98,27,.1); --gold-soft2:#fbe0cf; --hero-fade:rgba(15,15,18,.86);
  --pole:linear-gradient(90deg,#f8b48a,#e2621b 30%,#2b333d 50%,#e2621b 70%,#f8b48a);
}
html[data-tema="vet"]{
  --bg:#f2faf5; --bg2:#e1f3e8; --card2:#eef8f2; --line:#cde7d7; --tx:#14301f; --tx2:#5f7d6a;
  --gold:#16924f; --gold2:#0f6e3a; --ac2:#1673d1; --warn-bg:#e4f5ea; --warn-line:#b7e0c6;
  --top-bg:rgba(242,250,245,.95); --gold-soft:rgba(22,146,79,.1); --gold-soft2:#d3efdd; --hero-fade:rgba(6,35,18,.84);
  --pole:linear-gradient(90deg,#a6e3bf,#16924f 30%,#8cc8fb 50%,#16924f 70%,#a6e3bf);
}
html[data-tema="hotel"]{
  --bg:#f6f4fd; --bg2:#ebe5fb; --card2:#f4f0fd; --line:#ddd3f5; --tx:#251c3d; --tx2:#71669a;
  --gold:#6b4fd0; --gold2:#4f35a8; --ac2:#14b3c9; --warn-bg:#efe9fc; --warn-line:#d3c4f3;
  --top-bg:rgba(246,244,253,.95); --gold-soft:rgba(107,79,208,.1); --gold-soft2:#e2d9fa; --hero-fade:rgba(28,16,64,.84);
  --pole:linear-gradient(90deg,#cdbdf5,#6b4fd0 30%,#8ce6f2 50%,#6b4fd0 70%,#cdbdf5);
}
body{color-scheme:light;font-family:var(--f)}
.pole{background:var(--pole)!important;height:4px}
h1{font-family:var(--fd);font-weight:700;text-transform:none;letter-spacing:0;line-height:1.1}
h2{font-family:var(--fd);font-weight:700;letter-spacing:.06em}
.brand b{font-family:var(--fd);font-weight:700;text-transform:none;letter-spacing:0}
.kpi b{font-family:var(--fd);font-weight:700}
.hero .cap,.hero .cap h1{color:#fff} .hero .frase{color:#fbeee2}
.badge{background:#e9eef4;color:#4d5f73}
.b-green{background:#e3f4ea;color:#1f6b43} .b-red{background:#fbe3e0;color:#a8302a}
.b-gold{background:var(--gold-soft2);color:var(--gold2)} .b-blue{background:#e4ecfa;color:#2c4f93}
.item.feito{border-color:#bfe3cc}
.pix-card{background:linear-gradient(135deg,#e9f7f0,#ffffff);border-color:#bfe3cc}
.modal{background:rgba(10,25,45,.5)}
.mock{background:#fff;border:1px solid var(--line)}
.tabela td,.tabela th{border-color:var(--line)}
.item,.card,.kpi{box-shadow:0 1px 3px rgba(20,50,90,.06)}
.app-banner{background:linear-gradient(135deg,var(--gold-soft2),#fff)}
.btn{border-radius:14px}
.faixa-demo{background:var(--gold);color:var(--on-gold);font-size:13px;text-align:center;padding:6px 12px;font-weight:700}

/* ---------- veículos (no código: pets) ---------- */
.pet-av{width:52px;height:52px;border-radius:14px;object-fit:cover;flex:0 0 52px;background:var(--gold-soft2);display:grid;place-items:center;font-size:26px;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.pet-av.g{width:96px;height:96px;flex-basis:96px;font-size:46px}
.pet-av.p{width:30px;height:30px;flex-basis:30px;font-size:16px;border-width:1px}
.pets-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0}
.pet-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-align:left;padding:0;cursor:pointer;color:inherit;font:inherit;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(20,50,90,.07)}
.pet-card .ft{aspect-ratio:4/3;width:100%;object-fit:cover;background:linear-gradient(135deg,var(--gold-soft2),var(--card2));display:grid;place-items:center;font-size:56px}
.pet-card .tx{padding:10px 12px 12px}.pet-card b{display:block;font:700 18px/1.1 var(--fd)}.pet-card small{color:var(--tx2);font-size:13px;display:block}
.pet-linha{display:flex;gap:12px;align-items:center}
.pet-linha .meio{flex:1;min-width:0}.pet-linha .meio b{display:block;font-size:16px}.pet-linha .meio small{display:block;color:var(--tx2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alerta-pet{background:#fff1ee;border:1px solid #f3c2b8;color:#9b3020;border-radius:10px;padding:6px 10px;font-size:13px;margin-top:6px}
.escolha-pets{display:grid;gap:10px;margin:12px 0}
.escolha-pet{display:flex;align-items:center;gap:12px;background:var(--card);border:2px solid var(--line);border-radius:16px;padding:10px 14px;cursor:pointer}
.escolha-pet input{width:24px;height:24px;accent-color:var(--gold);flex:0 0 24px}
.escolha-pet:has(input:checked){border-color:var(--gold);background:var(--gold-soft)}
.escolha-pet b{display:block;font-size:17px}.escolha-pet small{color:var(--tx2)}
.ficha{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:10px 0}
.ficha div small{display:block;color:var(--tx2);font-size:12px}.ficha div b{font-weight:700}
.ficha .w2{grid-column:1/-1}
.tag-porte{display:inline-block;background:var(--gold-soft2);color:var(--gold2);font-weight:800;border-radius:8px;padding:0 7px;font-size:12px;margin-left:4px}
.precos-porte{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.precos-porte span{background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:1px 7px;font-size:12px}
/* ---------- lojinha ---------- */
.vitrine{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0}
.prod{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(20,50,90,.07)}
.prod .ft{aspect-ratio:1/1;width:100%;object-fit:cover;background:linear-gradient(135deg,var(--gold-soft2),var(--card2));display:grid;place-items:center;font-size:52px}
.prod .tx{padding:10px 12px;flex:1;display:flex;flex-direction:column;gap:4px}.prod b{font-size:15px;line-height:1.25}.prod .pr{font:700 19px var(--fd);color:var(--gold2)}
.prod small{color:var(--tx2);font-size:12px}
.prod .qtd{display:flex;align-items:center;gap:6px;margin-top:auto}.prod .qtd button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card2);font-size:20px;cursor:pointer}
.prod .qtd span{min-width:22px;text-align:center;font-weight:800}
.carrinho{position:fixed;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:7;max-width:736px;margin:0 auto;background:var(--gold);color:var(--on-gold);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);font-weight:800;border:0;width:calc(100% - 24px);cursor:pointer;font-size:16px}
.carrinho span{flex:1;text-align:left}
.cats{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.cats button{flex:0 0 auto}
/* suporte do dono */
.suporte-cta{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;border:2px solid var(--gold);background:linear-gradient(135deg,var(--gold-soft2),#fff)}
.suporte-cta span{font-size:30px}.suporte-cta b{display:block;font-size:16px}.suporte-cta small{color:var(--tx2)}
.suporte-box{border-style:dashed}

.placa{display:inline-block;font:700 13px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;background:#fff;color:#111;border:2px solid #1b2a3a;border-top:5px solid #1b4fa3;border-radius:6px;padding:3px 7px;vertical-align:middle}