/* Complementos sobre o CSS original (style.css), usando as mesmas variáveis de tema */
.w{max-width:1120px;margin:0 auto;padding:0 1.5rem}main.w{padding-top:2rem;padding-bottom:3rem}
.top{position:sticky;top:0;z-index:30;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background)/.85);backdrop-filter:blur(12px)}
.bar{display:flex;align-items:center;gap:.75rem;min-height:64px;flex-wrap:wrap;justify-content:space-between}.logo{font:700 1.125rem Sora,sans-serif}.mut{color:hsl(var(--muted-foreground));font-size:.875rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1rem;border:0;border-radius:.375rem;font:500 .875rem Manrope,sans-serif;background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 14px 34px -18px hsl(var(--primary)/.9);cursor:pointer;text-decoration:none;transition:.15s;white-space:nowrap}
.btn:hover{box-shadow:var(--shadow-glow)}.btn.alt{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));box-shadow:none}.btn.alt:hover{border-color:hsl(var(--primary)/.6)}
.btn.big{width:100%;height:2.75rem;font-size:15px}.btn.ic{width:2rem;height:2rem;padding:0}.btn:disabled{opacity:.5;pointer-events:none}
.chip.on{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}a.chip{text-decoration:none}
.ov{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.8);display:none}.ov.on{display:block}
.dr{position:fixed;top:0;right:0;bottom:0;z-index:51;width:100%;max-width:28rem;display:none;flex-direction:column;background:hsl(var(--card));border-left:1px solid hsl(var(--border))}.dr.on{display:flex}
.dl{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:51;width:calc(100% - 2rem);max-width:28rem;max-height:92vh;overflow-y:auto;display:none;gap:1rem;padding:1.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.5rem;box-shadow:0 10px 40px rgba(0,0,0,.6)}.dl.on{display:grid}
.dl textarea{width:100%;height:6rem;resize:none;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.375rem;padding:.5rem .75rem;font:12px ui-monospace,monospace;color:inherit}
.warn{border:1px solid hsl(var(--warning));background:hsl(var(--warning)/.12);border-radius:.5rem;padding:.8rem;font-size:.875rem}.note{font-size:.8rem;color:hsl(var(--muted-foreground));margin:0}.note a,.warn a{color:hsl(var(--primary));font-weight:600}
.err{color:hsl(var(--destructive));font-weight:600;font-size:.875rem}.ok{color:hsl(var(--success));font-weight:600;font-size:.875rem}.empty{text-align:center;color:hsl(var(--muted-foreground));padding:1.5rem;border:1px solid hsl(var(--border));border-radius:.5rem;background:hsl(var(--card));font-size:.875rem}
/* painel */
.adm input:not([type=checkbox]),.adm select{height:2.5rem;width:100%;border:1px solid hsl(var(--input));border-radius:.375rem;background:hsl(var(--background));color:inherit;padding:.5rem .75rem;font-size:.875rem}.adm input[type=file]{padding:.4rem .5rem;height:auto}
.login{max-width:380px;padding-top:15vh}.panel{display:grid;gap:.7rem;margin:.75rem 0;padding:1rem;border:1px solid hsl(var(--border));border-radius:.5rem;background:hsl(var(--card));box-shadow:var(--shadow-elegant)}.panel h1{font:700 1.5rem Sora,sans-serif}
.panel ul{margin:.3rem 0 0;padding-left:1.1rem;color:hsl(var(--muted-foreground));font-size:.875rem}.row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.row select{width:auto}
.pf{display:flex;flex-wrap:wrap;align-items:center}.pf input[name=name]{flex:2 1 180px;width:auto}.pf select,.pf input[type=file]{flex:1 1 150px;width:auto}.th{width:48px;height:48px;object-fit:cover;border-radius:.375rem}.ck{display:flex;gap:.3rem;align-items:center;font-size:.875rem}
.bdg{border-radius:9999px;padding:.1rem .6rem;font-size:.75rem;font-weight:700}.b-aguardando_pix{background:hsl(var(--warning)/.2);color:hsl(var(--warning))}.b-pago{background:hsl(var(--success)/.2);color:hsl(var(--success))}.b-concluido{background:hsl(var(--info)/.2);color:hsl(var(--info))}.b-cancelado{background:hsl(var(--destructive)/.25);color:#f87171}
.mb-4{margin-bottom:1rem}
.pr-3{padding-right:.75rem}

/* ===== Aprimoramento visual: laranja & preto ===== */
::selection{background:hsl(var(--primary));color:#fff}
*{scrollbar-width:thin;scrollbar-color:hsl(var(--primary)/.5) hsl(var(--background))}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:hsl(var(--background))}
::-webkit-scrollbar-thumb{background:hsl(var(--muted));border-radius:8px;border:2px solid hsl(var(--background))}
::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary)/.7)}

/* título do hero com gradiente laranja */
h1 .text-primary{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}

/* botões com gradiente, brilho e leve elevação */
.btn{background:var(--gradient-primary);box-shadow:0 10px 30px -12px hsl(var(--primary)/.6);transition:transform .18s,box-shadow .18s,filter .18s,border-color .18s}
.btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 14px 34px -10px hsl(var(--primary)/.75)}
.btn:active{transform:translateY(0);filter:brightness(.97)}
.btn.alt{background:hsl(var(--secondary));filter:none;box-shadow:none}
.btn.alt:hover{border-color:hsl(var(--primary)/.6);box-shadow:0 0 24px -6px hsl(var(--primary)/.45);filter:none}

/* hero com halos de luz laranja */
section.bg-hero-gradient{position:relative;overflow:hidden}
section.bg-hero-gradient:before{content:"";position:absolute;top:-160px;right:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,hsl(var(--primary)/.2),transparent 65%);pointer-events:none}
section.bg-hero-gradient:after{content:"";position:absolute;bottom:-200px;left:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,hsl(var(--primary)/.09),transparent 65%);pointer-events:none}
section.bg-hero-gradient>.shell{position:relative;z-index:1}

/* cards de produto com glow laranja no hover */
article.card:hover{border-color:hsl(var(--primary)/.55);box-shadow:0 0 0 1px hsl(var(--primary)/.2),0 24px 48px -24px hsl(var(--primary)/.4)}

/* chips de categoria */
.chip:hover{border-color:hsl(var(--primary)/.55);color:hsl(var(--foreground))}
.chip-active,.chip-active:hover,.chip.on{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 6px 18px -6px hsl(var(--primary)/.6)}

/* cartões "Como funciona" */
.how-glow{background:radial-gradient(120% 120% at 0% 0%,hsl(var(--primary)/.07),transparent 55%)}

/* logo com leve glow */
header .font-display{text-shadow:0 0 24px hsl(var(--primary)/.35)}
.logo-badge{filter:drop-shadow(0 0 12px rgba(249,115,22,.45))}
.brand-grad{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-tag{margin-top:4px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.42em;color:hsl(var(--muted-foreground))}

/* diálogos e drawer mais refinados */
.dl{border-radius:.75rem;border-color:hsl(var(--border));box-shadow:0 0 0 1px hsl(var(--primary)/.08),0 24px 80px rgba(0,0,0,.7)}
.dr{box-shadow:-20px 0 60px rgba(0,0,0,.5)}

/* links do rodapé */
footer a:hover{text-shadow:0 0 18px hsl(var(--primary)/.4)}