/* O Forasteiro Gourmet — identidade da fachada: letreiro de madeira, faixa verde-limão,
   escudo roxo e branco, toldo dourado, parede roxa com estrelas. */
@font-face{font-family:'Alfa Slab One';src:url(/fonts/alfa-slab-one.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC;font-display:swap}
@font-face{font-family:'Alfa Slab One';src:url(/fonts/alfa-slab-one-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F;font-display:swap}
@font-face{font-family:Rye;src:url(/fonts/rye.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Kaushan Script';src:url(/fonts/kaushan-script.woff2) format('woff2');font-display:swap}
@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2) format('woff2');font-weight:400 800;font-display:swap}
:root{
  --roxo:#4B2A9B;--roxo-esc:#2C1764;--roxo-noite:#1B0E40;--roxo-tinta:#EFEBFA;--roxo-linha:#D9D0F2;
  --limao:#A6D936;--limao-esc:#6E9E1C;--limao-claro:#E9F7C8;
  --madeira:#5B3A22;--madeira-esc:#3A2414;--ouro:#E8B730;--ouro-esc:#B8841A;
  --tinta:#1F1438;--mudo:#5D527A;--fundo:#FBFAFE;--branco:#fff;
  --ease:cubic-bezier(.16,1,.3,1);--r:16px;
  --letreiro:'Alfa Slab One','Rockwell',Georgia,serif;--banner:'Kaushan Script','Alfa Slab One',cursive;--body:Archivo,system-ui,sans-serif;--marca:Rye,'Alfa Slab One',Georgia,serif;
  --veio:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .09' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .05 0 0 0 0 .02 0 0 0 -1.6 1.1'/%3E%3C/filter%3E%3Crect width='600' height='240' filter='url(%23f)'/%3E%3C/svg%3E");
  color-scheme:light;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:7.5rem}
body{font:400 1.0625rem/1.55 var(--body);background:var(--fundo);color:var(--tinta);min-height:100dvh;text-rendering:optimizeLegibility}
::selection{background:var(--limao);color:var(--roxo-noite)}
:focus-visible{outline:3px solid var(--roxo);outline-offset:3px;border-radius:6px}
.noite :focus-visible,.madeira :focus-visible,.topo :focus-visible,.barra :focus-visible,footer :focus-visible{outline-color:var(--limao)}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:.08em}
h1,h2,h3{font-family:var(--letreiro);font-weight:400;line-height:1.04;text-wrap:balance;color:var(--roxo-esc);letter-spacing:-.005em}
h2{font-size:clamp(2rem,6vw,3.4rem)}
h3{font-size:1.3rem}
p{max-width:64ch;text-wrap:pretty}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html{scrollbar-color:var(--roxo) var(--roxo-tinta)}
::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:var(--roxo);border-radius:10px}::-webkit-scrollbar-track{background:var(--roxo-tinta)}
input,select,textarea{caret-color:var(--roxo);accent-color:var(--roxo)}

/* madeira do letreiro: tábuas horizontais + veio */
.madeira{background:var(--veio),repeating-linear-gradient(180deg,transparent 0 46px,#0000004d 46px 48px,#ffffff14 48px 49px),linear-gradient(180deg,#6A4529,var(--madeira) 40%,#4E311C);background-size:600px 240px,auto,auto;color:#FFF6E6}

/* topo */
.topo{position:sticky;top:0;z-index:20;background:var(--roxo-esc);color:#fff;box-shadow:0 1px 0 #ffffff1a}
.topo-in{max-width:1200px;margin:auto;display:flex;align-items:center;gap:1.25rem;padding:.45rem 1rem}
.marca{display:flex;align-items:center;gap:.6rem;text-decoration:none;margin-right:auto;font:400 1.05rem/1 var(--marca);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--limao)}
@media(max-width:420px){.marca{font-size:.9rem;letter-spacing:.02em;gap:.45rem}}
.marca img{width:44px;height:46px}
.marca small{display:block;font-size:.62em;letter-spacing:.18em;color:#fff;margin-top:.2rem}
.topo nav{display:none;gap:1.3rem;font-weight:600;font-size:.95rem}
.topo nav a{text-decoration:none;color:#E9E3FF}.topo nav a:hover{color:var(--limao)}
@media(min-width:900px){.topo nav{display:flex}}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.7rem 1.3rem;border-radius:999px;border:2px solid transparent;font:700 1rem/1.1 var(--body);cursor:pointer;text-decoration:none;background:var(--limao);color:var(--roxo-noite);transition:transform .3s var(--ease),background-color .2s,box-shadow .3s var(--ease);text-align:center}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #1b0e4099}
.btn:active{transform:translateY(0) scale(.98)}
.btn.zap{background:#167A43;color:#fff}
.btn.zap:hover{background:#11663A}
.btn.zap small{font-weight:600;opacity:.9;font-size:.82em}
.btn.forte{background:var(--roxo);color:#fff}
.btn.forte:hover{background:var(--roxo-esc)}
.btn.vazado{background:transparent;color:inherit;border-color:currentColor}
.btn.peq{min-height:40px;padding:.4rem 1rem;font-size:.92rem}
.btn[disabled]{opacity:.55;cursor:wait;transform:none;box-shadow:none}
.ico{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* letreiro (hero) */
.letreiro{position:relative;padding:1.6rem 1rem 0;overflow:hidden}
.letreiro-in{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem}
.letreiro .logo{width:clamp(220px,44vw,540px);height:auto;filter:drop-shadow(0 10px 14px #1a0d0580)}
@media(max-width:600px){.letreiro-in{grid-template-columns:1fr 1fr;gap:.9rem .6rem}.letreiro .logo{grid-column:1/-1;order:-1;justify-self:center;width:min(94vw,440px)}}
.letreiro ul{list-style:none;padding:0;display:grid;gap:.25rem;font:400 clamp(.86rem,2.9vw,1.7rem)/1.08 var(--letreiro);color:#F3F7D8;text-shadow:0 2px 0 #00000059;text-transform:uppercase}
.letreiro ul:first-child{text-align:left}.letreiro ul:last-child{text-align:right}
.letreiro li{text-wrap:balance}
.faixa{position:relative;background:var(--limao);color:var(--roxo-noite);border-top:3px solid #CFEF8A;border-bottom:3px solid var(--limao-esc)}
.faixa-in{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1.4rem;padding:.55rem 1rem;font:700 .98rem var(--body)}
.faixa a{text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}
.faixa a:hover{text-decoration:underline}
.toldo{height:22px;background:radial-gradient(circle at 12px 0,var(--ouro) 11px,transparent 12px) 0 0/24px 22px repeat-x;filter:drop-shadow(0 3px 2px #1b0e4040)}
.chegada{background:var(--roxo);color:#fff;padding:2.2rem 1rem 3rem;position:relative;isolation:isolate}
.chegada-in{max-width:1100px;margin:auto;display:grid;gap:2rem;align-items:center}
.chegada h1{color:#fff;font-size:clamp(2rem,7.4vw,4.2rem);line-height:1.02;max-width:15ch}
.chegada h1 em{font-style:normal;color:var(--limao)}
.chegada p.lead{margin-top:1rem;font-size:clamp(1.05rem,3vw,1.3rem);color:#E6DFFF;max-width:40ch}
.ctas{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.chegada figure{position:relative;margin:0}
.chegada figure img{width:100%;aspect-ratio:6/5;object-fit:cover;object-position:50% 50%;border-radius:20px;box-shadow:0 24px 40px -20px #0b0420}
.chegada figcaption{position:absolute;left:1rem;bottom:1rem;background:var(--roxo-noite);color:#fff;font-weight:600;font-size:.9rem;padding:.35rem .8rem;border-radius:999px}
@media(min-width:820px){.chegada-in{grid-template-columns:1fr 1fr;gap:3.5rem}.chegada figure img{aspect-ratio:1/1;object-position:62% 50%}}

/* estrelas douradas da parede */
.estrelas{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='560'%3E%3Cg fill='%23E8B730'%3E%3Cpath d='M60 40l5 11 12 1-9 8 3 12-11-6-11 6 3-12-9-8 12-1z'/%3E%3Cpath d='M520 120l3.5 7.5 8 .8-6 5.5 2 8-7.5-4-7.5 4 2-8-6-5.5 8-.8z' opacity='.7'/%3E%3Cpath d='M300 440l4 9 10 1-7.5 6.5 2.3 9.7-8.8-5-8.8 5 2.3-9.7-7.5-6.5 10-1z' opacity='.85'/%3E%3C/g%3E%3C/svg%3E");background-position:right -40px top 10px}

/* seções */
.sec{padding:clamp(3.2rem,9vw,6rem) 1rem;position:relative;isolation:isolate}
.sec>.in{max-width:1200px;margin:auto}
.sec-tit{display:grid;gap:.7rem;margin-bottom:2rem;max-width:44rem}
.sec-tit p{font-size:1.12rem;color:var(--mudo)}
.noite{background:var(--roxo-noite);color:#fff}
.noite h2,.noite h3{color:#fff}
.noite .sec-tit p,.noite p{color:#D8D0F5}
.sec.limao{background:var(--limao);color:var(--roxo-noite)}
.sec.limao h2{color:var(--roxo-noite)}
.sec.limao .sec-tit p{color:#2E2350}
.sec.madeira h2{color:#fff}.sec.madeira p{color:#F3E8D8}

/* cardápio */
.cats{position:sticky;top:56px;z-index:15;background:color-mix(in oklab,var(--fundo) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--roxo-linha);margin:0 -1rem 2rem;padding:.6rem 1rem}
.cats-in{display:flex;gap:.45rem;overflow-x:auto;scrollbar-width:none;max-width:1200px;margin:auto}
.cats-in::-webkit-scrollbar{display:none}
.cats a{flex:none;text-decoration:none;font-weight:700;font-size:.92rem;padding:.45rem .9rem;border-radius:999px;background:var(--roxo-tinta);color:var(--roxo-esc);transition:background-color .2s,color .2s}
.cats a:hover{background:var(--roxo-linha)}
.cats a[aria-current=true]{background:var(--roxo);color:#fff}
.cardapio{display:grid;gap:2.6rem 3rem}
@media(min-width:860px){.cardapio{grid-template-columns:1fr 1fr}}
.cat{display:grid;gap:.4rem;align-content:start}
.cat-banner{position:relative;display:flex;align-items:center;min-height:86px;background:var(--limao);border-radius:14px 14px 4px 4px;padding:.5rem 6.6rem .7rem 1rem;box-shadow:inset 0 -6px 0 var(--roxo)}
.cat-banner h3{font:400 clamp(1.75rem,6vw,2.3rem)/1 var(--banner);color:var(--roxo);letter-spacing:0;transform:rotate(-2deg);transform-origin:left}
.cat-banner img{position:absolute;right:.4rem;bottom:-.9rem;width:92px;filter:drop-shadow(0 6px 6px #1b0e4040);transition:transform .4s var(--ease)}
.cat:hover .cat-banner img{transform:rotate(-5deg) translateY(-3px)}
.cat-quem{font-size:.92rem;color:var(--mudo);padding:.3rem .1rem 0}
.cat-quem b{color:var(--roxo)}
.item{display:grid;grid-template-columns:1fr auto;min-height:3.2rem;gap:.1rem 1rem;align-items:baseline;padding:.85rem .1rem;border-bottom:1px dashed var(--roxo-linha)}
.item h4{font:700 1.08rem/1.3 var(--body);color:var(--tinta)}
.item .desc{grid-column:1;font-size:.96rem;color:var(--mudo)}
.item .preco{font:800 1.12rem var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--roxo)}
.item .preco.consulte{font-size:.82rem;font-weight:700;color:var(--limao-esc);text-transform:uppercase;letter-spacing:.06em}
.aviso{background:var(--limao-claro);border-radius:var(--r);padding:.85rem 1rem;font-size:.96rem;color:var(--roxo-noite)}
.aviso a{font-weight:700}

/* a casa (fotos reais) */
.casa{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
.casa figure{margin:0;position:relative;overflow:hidden;border-radius:18px;background:var(--roxo-esc)}
.casa img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.casa figure:hover img{transform:scale(1.03)}
.casa figcaption{position:absolute;inset:auto 0 0 0;padding:2.4rem .9rem .8rem;background:linear-gradient(transparent,#1b0e40e6);color:#fff;font-weight:600;font-size:.92rem}
.casa .f1{grid-column:1/-1;aspect-ratio:6/5}
.casa .f2,.casa .f3{aspect-ratio:3/4}
.casa .f2 img{object-position:50% 30%}.casa .f3 img{object-position:50% 40%}
@media(min-width:820px){.casa{grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto}.casa .f1{grid-column:auto;aspect-ratio:auto;grid-row:span 1}.casa .f2,.casa .f3{aspect-ratio:3/4.2}}

/* a turma (personagens) */
.trilho{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem 1rem 1.4rem;margin:0 -1rem;scrollbar-color:var(--limao) #ffffff1a}
.pers{scroll-snap-align:center;flex:0 0 min(64vw,230px);text-align:center;transition:transform .45s var(--ease)}
.pers:hover{transform:translateY(-6px)}
.pers img{width:100%;aspect-ratio:400/460;filter:drop-shadow(0 14px 16px #0007)}
.pers h3{font-size:1.12rem;margin-top:.5rem;color:var(--limao)}
.pers p{font-size:.94rem;margin:.25rem auto 0;color:#D8D0F5;max-width:24ch}

/* clube */
.passos{display:grid;gap:1.6rem;counter-reset:p}
.passo{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;align-items:start;counter-increment:p}
.passo::before{content:counter(p);font:400 1.5rem/1 var(--letreiro);color:var(--limao);background:var(--roxo);border-radius:50%;width:3.2rem;height:3.2rem;display:grid;place-items:center}
.passo h3{font-size:1.3rem;margin-bottom:.25rem}
.passo p{color:var(--mudo)}
@media(min-width:820px){.passos{grid-template-columns:repeat(3,1fr);gap:2.4rem}}
.premios{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0}
.premios li{background:var(--roxo-tinta);color:var(--roxo-noite);padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:.95rem}
.premios li b{color:var(--roxo)}

/* split */
.split{display:grid;gap:2rem;align-items:center}
@media(min-width:820px){.split{grid-template-columns:1fr 1fr;gap:4rem}}
.info{display:grid;gap:.15rem}
.info dt{font-weight:800;color:var(--roxo);margin-top:1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}
.info dd{margin:0;font-size:1.08rem}
.info dd a{font-weight:700}
.tels{display:grid;gap:.6rem;margin-top:.4rem}
.mapa{border-radius:var(--r);overflow:hidden;min-height:340px;background:var(--roxo-tinta);box-shadow:0 0 0 3px var(--roxo)}
.mapa iframe{width:100%;height:100%;min-height:340px;border:0;display:block}
.combo-arte{justify-self:center;width:min(78vw,340px);transform:rotate(4deg);filter:drop-shadow(0 18px 20px #2c176466)}

/* rodapé + barra mobile */
footer{background:var(--roxo-noite);color:#CFC6EE;padding:2.4rem 1rem 7rem;font-size:.95rem}
footer .in{max-width:1200px;margin:auto;display:flex;flex-wrap:wrap;gap:1.4rem 2.4rem;justify-content:space-between;align-items:center}
footer img{width:168px;height:auto}
footer a{color:var(--limao)}
footer address{font-style:normal}
.barra{position:fixed;inset:auto 0 0 0;z-index:30;display:flex;gap:.5rem;padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom));background:var(--roxo-esc);box-shadow:0 -1px 0 #ffffff24}
.barra .btn{min-height:46px}
.barra .pedir{flex:1;position:relative}
.barra .pedir summary{list-style:none;width:100%}
.barra .pedir summary::-webkit-details-marker{display:none}
.barra .pedir[open] summary{background:#0F5A33}
.barra .numeros{position:absolute;left:0;right:0;bottom:calc(100% + .6rem);display:grid;gap:.5rem;background:#fff;border-radius:18px;padding:.7rem;box-shadow:0 18px 40px -12px #0b0420aa;animation:sobe .35s var(--ease) both}
.barra .numeros p{font-size:.85rem;color:var(--mudo);padding:0 .3rem}
@keyframes sobe{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:900px){.barra{display:none}footer{padding-bottom:2.4rem}}

/* formulários */
.form{display:grid;gap:1rem;max-width:520px}
label{display:grid;gap:.35rem;font-weight:700;color:var(--roxo-noite)}
label small{font-weight:400;color:var(--mudo)}
input,select,textarea{font:inherit;font-size:1.05rem;padding:.8rem .9rem;border:2px solid var(--roxo-linha);border-radius:12px;background:#fff;color:var(--tinta);min-height:48px;width:100%;transition:border-color .2s}
input:hover,select:hover,textarea:hover{border-color:#B9AAE6}
input:focus,select:focus,textarea:focus{border-color:var(--roxo);outline:none;box-shadow:0 0 0 4px #4b2a9b26}
input::placeholder,textarea::placeholder{color:#7B7199}
.erro{color:#A3122B;font-weight:600;min-height:1.4em}
.ok{color:#3F6A0B;font-weight:700}
.painel{background:#fff;border:2px solid var(--roxo-linha);border-radius:20px;padding:1.4rem;max-width:560px}

/* páginas internas */
.wrap{max-width:900px;margin:auto;padding:1.6rem 1rem 7rem;display:grid;gap:2rem}
.wrap h1{font-size:clamp(2.2rem,8vw,3.6rem)}
.saldo{background:var(--roxo);color:#fff;border-radius:24px;padding:1.4rem;display:grid;gap:.45rem;position:relative;overflow:hidden;isolation:isolate}
.saldo small{color:#D8D0F5}
.saldo .pts{font:400 clamp(3.4rem,16vw,5.4rem)/1 var(--letreiro);color:var(--limao)}
.barrinha{height:12px;border-radius:99px;background:#ffffff2e;overflow:hidden}
.barrinha i{display:block;height:100%;background:var(--limao);border-radius:99px;transition:width .9s var(--ease)}
.album{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
@media(min-width:640px){.album{grid-template-columns:repeat(4,1fr)}}
.slot{background:#fff;border:2px solid var(--roxo-linha);border-radius:18px;padding:.6rem .5rem .7rem;text-align:center;font-weight:700;font-size:.9rem;color:var(--roxo-esc)}
.slot img{aspect-ratio:1;object-fit:contain;width:86%;margin:.2rem auto .4rem;display:block}
.slot.falta img{filter:grayscale(1) contrast(.5) brightness(1.25);opacity:.45}
.slot.falta{background:var(--roxo-tinta);border-style:dashed;color:var(--mudo)}
.cupom{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center;background:#fff;border:2px dashed var(--roxo);border-radius:16px;padding:.9rem 1rem}
.cupom b.cod{font:800 1.25rem var(--body);letter-spacing:.12em;background:var(--roxo-esc);color:var(--limao);padding:.25rem .7rem;border-radius:8px}
.cupom small{grid-column:1/-1;color:var(--mudo)}
.cupom.usado{opacity:.55;text-decoration:line-through;border-style:solid;border-color:var(--roxo-linha)}
.lista{display:grid;gap:.7rem}

/* celebração do scan */
.cele{text-align:center;display:grid;gap:1rem;justify-items:center;padding:2rem 1rem}
.cele img{width:min(66vw,280px);animation:entra 1s var(--ease) both}
.cele h1{font-size:clamp(2rem,9vw,3.4rem)}
@keyframes entra{from{opacity:0;transform:translateY(40px) scale(.7) rotate(-8deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.escolhas{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;width:100%;max-width:560px}
@media(min-width:560px){.escolhas{grid-template-columns:repeat(3,1fr)}}
.escolha{background:#fff;border:2px solid var(--roxo-linha);border-radius:18px;padding:.5rem .5rem .7rem;font:700 .95rem var(--body);cursor:pointer;color:var(--roxo-esc);transition:transform .3s var(--ease),border-color .2s}
.escolha:hover{transform:translateY(-3px);border-color:var(--roxo)}
.escolha img{aspect-ratio:400/460;object-fit:contain;width:100%}

/* painel do dono */
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--roxo-linha);vertical-align:top}
th{font-weight:800;color:var(--roxo-esc);white-space:nowrap}
.tabela{overflow-x:auto;background:#fff;border:2px solid var(--roxo-linha);border-radius:16px}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
@media(min-width:760px){.kpis{grid-template-columns:repeat(4,1fr)}}
.kpi{background:#fff;border:2px solid var(--roxo-linha);border-radius:16px;padding:.9rem}
.kpi b{display:block;font:400 2.1rem/1 var(--letreiro);color:var(--roxo)}
.kpi span{font-size:.9rem;color:var(--mudo)}
.abas{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.aba{border:2px solid var(--roxo-linha);background:#fff;border-radius:999px;padding:.45rem 1rem;font:700 .95rem var(--body);cursor:pointer;color:var(--roxo-esc)}
.aba[aria-selected=true]{background:var(--roxo);border-color:var(--roxo);color:#fff}
.tag{display:inline-block;padding:.1rem .6rem;border-radius:99px;font-size:.8rem;font-weight:700;background:var(--roxo-tinta)}
.tag.pendente{background:#FFE9A8}.tag.aprovado{background:var(--limao-claro)}.tag.recusado{background:#F7C9D1}
.barras{display:flex;align-items:end;gap:4px;height:90px}
.barras i{flex:1;background:var(--roxo);border-radius:4px 4px 0 0;min-height:3px}
.vazio{padding:1.6rem;text-align:center;color:var(--mudo)}
.adm-cat{display:grid;gap:.8rem;padding:1rem;border:2px solid var(--roxo-linha);border-radius:18px;background:#fff}
.adm-cat>header{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.adm-cat>header img{width:64px;flex:none}
.adm-cat>header form{min-width:min(100%,260px)}
.adm-linha{display:grid;gap:.5rem;grid-template-columns:1fr;padding:.7rem;border-radius:12px;background:var(--roxo-tinta)}
@media(min-width:760px){.adm-linha{grid-template-columns:1.2fr 2fr .7fr auto auto;align-items:end}}
.adm-linha label{font-size:.85rem}
.adm-linha input{min-height:42px;padding:.5rem .7rem;font-size:.98rem}
.chk{grid-auto-flow:column;justify-content:start;align-items:center;gap:.5rem}
.chk input{width:auto;min-height:0}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}