:root { --ink:#171311; --charcoal:#211916; --paper:#fffdfa; --cream:#f6f0e7; --gold:#df950f; --gold-light:#f5bd4d; --orange:#bd5326; --green:#207b3c; --line:#e8dfd4; --muted:#746a61; --display:"Playfair Display",Georgia,serif; --sans:"DM Sans",Arial,sans-serif; }
* { box-sizing:border-box; } html,body { width:100%; height:100%; margin:0; } html { background:var(--ink); } body { overflow:hidden; background:var(--cream); color:var(--ink); font-family:var(--sans); } a { color:inherit; text-decoration:none; } button,input { font:inherit; } button { cursor:pointer; } h1,h2,h3,p { margin-top:0; } .site-header { height:74px; padding:0 clamp(25px,4vw,62px); display:flex; align-items:center; justify-content:space-between; background:linear-gradient(105deg,#181411,#0f0e0d); color:#fffdf8; border-bottom:1px solid rgba(255,255,255,.08); position:relative; z-index:5; }
.wordmark { color:var(--gold-light); font-family:var(--display); font-size:31px; font-style:italic; font-weight:800; letter-spacing:-1.8px; white-space:nowrap; }.wordmark span { font-size:.9em; }.main-nav { height:100%; display:flex; align-items:center; gap:26px; }.main-nav a { height:100%; display:flex; align-items:center; gap:7px; border-bottom:3px solid transparent; color:#eee9e2; font-size:13px; font-weight:700; transition:.2s; }.main-nav a i { color:#fff; font-size:17px; font-style:normal; }.main-nav a:hover,.main-nav a.active { color:var(--gold-light); border-bottom-color:var(--gold); }.main-nav a.active i { color:var(--gold); }.header-whatsapp { background:linear-gradient(135deg,#eaae25,#ca7d04); display:flex; align-items:center; gap:8px; border-radius:8px; padding:11px 18px; box-shadow:0 5px 12px rgba(0,0,0,.25); font-size:13px; font-weight:700; }.header-whatsapp:first-letter { font-size:20px; }.app-main { height:calc(100vh - 147px); min-height:460px; overflow:hidden; }.view { display:none; height:100%; overflow:auto; }.view.active { display:flex; }.benefit-bar { min-height:73px; padding:0 clamp(24px,8vw,140px); display:flex; align-items:center; justify-content:space-between; gap:28px; border-top:1px solid #e9e0d6; background:#f8f3eb; color:#342d27; }.benefit-bar span { display:grid; grid-template-columns:29px auto; column-gap:9px; align-items:center; font-size:17px; }.benefit-bar b { font-size:11px; align-self:end; }.benefit-bar small { grid-column:2; color:#786e64; font-size:9px; margin-top:-2px; }
.eyebrow { color:var(--gold); font-size:10px; font-weight:700; letter-spacing:1.6px; margin-bottom:18px; } h1,h2 { font-family:var(--display); letter-spacing:-3px; line-height:.99; } h1 { color:#fffaf1; font-size:clamp(45px,5vw,77px); margin-bottom:25px; } h2 { font-size:clamp(37px,4.2vw,61px); margin-bottom:18px; } h1 em,h2 em { color:var(--gold-light); } .button { min-height:49px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; padding:0 20px; border-radius:5px; font-weight:700; font-size:13px; transition:.2s; }.button:hover { transform:translateY(-2px); }.button-gold { background:linear-gradient(135deg,#f5bd40,#d58a05); color:#281507; box-shadow:0 9px 18px rgba(219,143,17,.22); }.button-gold span { font-size:18px; }
.home-view { align-items:center; justify-content:center; gap:clamp(40px,7vw,110px); padding:30px clamp(30px,9vw,155px); overflow:hidden; position:relative; background:radial-gradient(circle at 84% 35%,#5a2e1d 0,transparent 29%),linear-gradient(115deg,#1d1612,#241713 70%,#2d1710); }.home-ornament { position:absolute; pointer-events:none; border:1px solid rgba(249,190,84,.14); border-radius:50%; }.ornament-one { width:680px;height:680px;right:-170px;top:-120px; }.ornament-two { width:410px;height:410px;right:-40px;top:15px; }.home-copy { position:relative; z-index:1; max-width:530px; }.home-copy>p:not(.eyebrow) { color:#d7c8b9; max-width:480px; font-size:15px; line-height:1.65; margin-bottom:29px; }.home-actions { display:flex; align-items:center; gap:24px; }.text-link { color:#fff1d2; font-weight:700; font-size:13px; }.text-link span { color:var(--gold); font-size:16px; }.home-features { display:flex; flex-wrap:wrap; gap:17px; margin-top:45px; color:#d2bca4; font-size:10px; }.home-features span:first-letter { color:var(--gold-light); }.home-brand-card { height:min(470px,75vh); width:min(360px,33vw); min-width:280px; position:relative; display:grid; place-items:center; }.brand-rings,.brand-rings::after { position:absolute; width:330px;height:330px;border:1px solid rgba(247,189,74,.25);border-radius:50%;content:""; }.brand-rings::after { width:430px;height:430px;left:-51px;top:-51px;border-color:rgba(247,189,74,.1); }.poster { height:365px;width:292px;overflow:hidden;position:relative;z-index:2;border:7px solid #dcb16b;border-radius:150px 150px 8px 8px;background:#fffaf2;box-shadow:22px 22px 0 rgba(105,47,24,.68),0 25px 35px rgba(0,0,0,.31);transform:rotate(3deg); }.poster::after { content:"CHAPE BEBIDAS";position:absolute;bottom:0;left:0;right:0;padding:10px;background:#261811;color:#f5bd4d;text-align:center;font-size:9px;font-weight:700;letter-spacing:2px; }.poster img { width:100%;height:100%;object-fit:cover;object-position:50% 42%;mix-blend-mode:multiply; }.brand-note { position:absolute;z-index:3;bottom:24px;right:-18px;display:flex;gap:8px;align-items:center;padding:12px 15px;background:#fffaf1;color:#3b271a;box-shadow:0 13px 26px rgba(0,0,0,.25);transform:rotate(-5deg);font-size:9px;line-height:1.4; }.brand-note b { display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#984127;color:#ffd576; }.brand-note strong { font-size:10px; }
.catalog-view { align-items:center; gap:min(8vw,120px); padding:clamp(35px,7vh,80px) clamp(35px,10vw,160px); background:linear-gradient(135deg,#fbf8f1,#f3e4cc); }.page-heading { max-width:420px; }.page-heading h2 { color:#261c17; }.page-heading h2 em { color:#a64c25; }.page-heading>p:last-child { color:#716257;font-size:14px;line-height:1.7; }.catalog-panels { display:grid;grid-template-columns:repeat(3,minmax(155px,1fr));gap:14px;flex:1; }.catalog-panels article { min-height:295px;padding:24px;background:#fffdf9;border:1px solid #ece1d1;border-radius:9px;box-shadow:0 13px 25px rgba(86,49,25,.08);display:flex;flex-direction:column;transition:.2s; }.catalog-panels article:nth-child(2) { background:#e7a84b;color:#2f1b0d; }.catalog-panels article:nth-child(3) { background:#994425;color:#fff9ed; }.catalog-panels article:hover { transform:translateY(-7px); }.catalog-icon { font-size:36px; }.catalog-panels h3 { font-family:var(--display);font-size:26px;letter-spacing:-1.2px;margin:31px 0 9px;line-height:1; }.catalog-panels p { font-size:11px;line-height:1.55;margin-bottom:auto;opacity:.8; }.catalog-panels a { font-size:11px;font-weight:700;color:var(--gold); }.catalog-panels article:nth-child(2) a { color:#703114; }.catalog-panels article:nth-child(3) a { color:#ffd279; }
.how-view { align-items:center;justify-content:center;gap:clamp(50px,9vw,150px);padding:35px; background:#fffdf9; }.how-illustration { width:min(390px,36vw);height:min(390px,60vh);position:relative;background:#8e351f;overflow:hidden;display:grid;place-items:center; }.how-illustration::before {content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,219,143,.25);border-radius:50%;}.beer-glass { position:absolute;width:122px;border:6px solid #f6bf4d;border-radius:10px 10px 32px 32px;background:linear-gradient(100deg,#ffefb2 0 12%,transparent 12% 26%,rgba(85,20,5,.1) 26%),#c96220;box-shadow:inset 0 10px 0 rgba(255,225,147,.4),0 15px 18px rgba(50,11,4,.23); }.beer-glass.back {height:210px;transform:translate(-46px,-17px) rotate(-12deg);opacity:.65;}.beer-glass.front {height:250px;transform:translate(25px,19px) rotate(7deg);z-index:2;}.beer-glass.front::before {content:"";position:absolute;left:-17px;top:-30px;width:145px;height:43px;border-radius:50%;background:#ffe8a1;border:5px solid #f5bd4d;}.beer-glass.front::after {content:"";position:absolute;right:-42px;top:41px;width:40px;height:47px;border:7px solid #f5bd4d;border-left:0;border-radius:0 20px 20px 0;}.how-seal { position:absolute;left:19px;bottom:19px;padding:9px;border:1px solid #ffd480;color:#ffd480;font-weight:700;font-size:9px;letter-spacing:1.6px;line-height:1.15;transform:rotate(-5deg); }.how-content { max-width:515px; }.how-content h2 { color:#2a1d16; }.how-content h2 em { color:#a94826; }.how-content ol { list-style:none;padding:0;margin:28px 0;display:grid;gap:17px; }.how-content li { display:flex;gap:14px;align-items:center; }.how-content li>b { width:29px;height:29px;display:grid;place-items:center;border:1px solid #cf8212;border-radius:50%;color:#b56a0a;font-family:var(--display);font-style:italic;font-size:16px; }.how-content li span { display:grid;gap:3px; }.how-content li strong { font-size:13px; }.how-content li small { color:#76695e;font-size:11px; }
.contact-view { align-items:stretch;justify-content:center;background:#e8ac47;overflow:hidden; }.contact-card { width:min(700px,60%);padding:clamp(40px,9vh,105px) clamp(35px,8vw,115px);background:#fffaf2; }.contact-card h2 {color:#2b201a;}.contact-card h2 em {color:#ad4a28;}.contact-card>p:not(.eyebrow) {color:#6c5c50;max-width:400px;font-size:14px;line-height:1.7;}.contact-phone {display:inline-flex;margin-top:18px;color:#9a4223;font-family:var(--display);font-size:27px;font-weight:700;border-bottom:1px solid #c58a64;padding-bottom:4px;}.contact-card>span {display:block;margin-top:8px;color:#78675b;font-size:10px;}.contact-side { position:relative;flex:1;background:#8e351f;color:#ffe6b3;padding:clamp(40px,10vh,110px) 45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:17px;overflow:hidden; }.contact-side::before {content:"";position:absolute;width:490px;height:490px;border:1px solid rgba(255,228,179,.22);border-radius:50%;right:-220px;top:-80px;}.contact-side b {position:relative;font-family:var(--display);font-size:clamp(24px,3vw,38px);font-style:italic;letter-spacing:-1.5px;}.contact-side i {position:absolute;right:23%;bottom:13%;font-size:70px;font-style:normal;color:#f5bd4d;}
/* Orçamento */ .budget-view { display:none;background:#fcfaf6;color:#171412; }.budget-view.active { display:block; }.budget-layout { height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(315px,25%); }.budget-workspace { min-width:0;padding:25px clamp(24px,3.7vw,62px) 17px;overflow:auto; }.budget-summary { margin:26px 31px 26px 6px;padding:25px 25px 17px;background:#fff;border:1px solid #eee8e0;border-radius:13px;box-shadow:0 9px 28px rgba(61,37,18,.08);overflow:auto; }.budget-title-row { display:flex;justify-content:space-between;gap:25px;align-items:start; }.budget-title-row h2 {font-family:var(--sans);font-size:clamp(32px,3vw,47px);letter-spacing:-2.6px;margin:0 0 4px;}.budget-title-row p {margin:0;color:#655c54;font-size:13px;}.close-view {width:31px;height:31px;border:1px solid #ddd4ca;border-radius:50%;background:#fff;color:#776a5e;font-size:22px;line-height:1;}.steps { margin:21px 0 20px;display:flex;align-items:center;gap:9px; }.step { flex:1;min-width:0;height:66px;padding:9px 12px;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e3ddd5;border-radius:10px;background:#fff;color:#26211e;transition:.18s; }.step b {width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-size:17px;font-weight:500;background:#f2eee8;color:#837669;}.step span {display:grid;gap:2px;}.step strong {font-size:11px;white-space:nowrap;}.step small {color:#746a61;font-size:9px;white-space:nowrap;}.step.active {border-color:#d99313;box-shadow:0 3px 10px rgba(208,137,0,.11);}.step.active b {background:#d99313;color:#fff;}.steps>i {width:20px;border-top:2px dotted #d4c7b9;}.stage-caption {display:flex;align-items:center;gap:9px;margin-bottom:10px;}.stage-caption>span {font-size:20px;}.stage-caption h3 {font-size:18px;margin:0;letter-spacing:-.6px;}.stage-caption p {display:none;margin:0;color:#776e65;font-size:10px;}.product-grid {display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:11px;}.product-card {min-width:0;min-height:135px;position:relative;padding:11px;background:#fff;border:1px solid #eee8e0;border-radius:10px;box-shadow:0 4px 12px rgba(38,22,9,.055);display:grid;grid-template-columns:37% 1fr;column-gap:8px;align-items:center;}.drink-art {width:39px;height:99px;justify-self:center;align-self:end;position:relative;border-radius:7px 7px 9px 9px;box-shadow:inset 6px 0 rgba(255,255,255,.25),inset -5px 0 rgba(0,0,0,.15),0 5px 7px rgba(0,0,0,.13);color:#fff;display:grid;place-items:center;overflow:hidden;}.drink-art::before {content:"";position:absolute;top:3px;width:18px;height:5px;border:1px solid rgba(255,255,255,.7);border-radius:50%;}.drink-art::after {content:attr(data-label);transform:rotate(-90deg);font-family:var(--display);font-weight:800;font-size:11px;white-space:nowrap;text-shadow:0 1px 2px #0008;}.drink-art.bottle {height:96px;width:30px;border-radius:7px 7px 9px 9px;margin-top:14px;}.drink-art.bottle::before {top:-14px;width:15px;height:19px;border-radius:3px;background:inherit;border:0;}.drink-skol{background:#e5bd19}.drink-original{background:linear-gradient(#d9edf0 0 32%,#c64221 32% 56%,#edf0ed 56%)}.drink-heineken{background:#10954a}.drink-brahma{background:#c43625}.drink-preta{background:#312816}.drink-zero{background:linear-gradient(#f6f5ee,#d9e3ee 55%,#d2ad31)}.drink-water{background:linear-gradient(90deg,#b4e4f0,#f8ffff 45%,#8ac9dd)}.drink-coke{background:#c31d20}.drink-guarana{background:#1e9e4e}.product-info {min-width:0;align-self:center;}.product-info h4 {font-size:12px;line-height:1.07;margin:0 0 4px;}.product-info p {font-size:9px;color:#776b60;margin:0 0 9px;}.quantity {height:27px;border:1px solid #e6ded4;border-radius:7px;display:flex;align-items:center;justify-content:space-around;overflow:hidden;}.quantity button {width:23px;height:100%;border:0;background:transparent;color:#665b52;font-size:17px;}.quantity button:hover {background:#f4ede3;color:#b66b0b;}.quantity b {font-size:12px;}.notice {font-size:9px;color:#81766b;margin:8px 0 13px;}.extras-header {display:flex;align-items:center;gap:8px;margin-bottom:8px;}.extras-header>span {font-size:21px;}.extras-header h3 {font-size:17px;letter-spacing:-.5px;margin:0;}.extras-header h3 small {font-size:11px;font-weight:500;}.extras-header p {margin:1px 0 0;color:#746a61;font-size:9px;}.extras-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:11px;}.extra {min-width:0;display:flex;align-items:center;gap:9px;min-height:62px;padding:8px 10px;border:1px solid #e7dfd6;border-radius:10px;background:#fff;cursor:pointer;}.extra>span:nth-child(2){display:grid;gap:3px;min-width:0;}.extra strong{font-size:11px;}.extra small{font-size:9px;color:#746a61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.extra-icon{font-size:25px;}.extra input{position:absolute;opacity:0;}.extra>i {margin-left:auto;flex:0 0 33px;height:20px;border-radius:12px;background:#d6d2cc;position:relative;transition:.2s;}.extra>i::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.2s;}.extra input:checked~i{background:#299c51;}.extra input:checked~i::after{transform:translateX(13px);}.budget-controls {display:flex;justify-content:space-between;align-items:center;margin-top:16px;}.back-button,.next-button {height:37px;border-radius:7px;padding:0 18px;font-weight:700;font-size:11px;}.back-button{border:1px solid #dfd5c9;background:#fff;color:#3d342c;}.next-button{border:0;background:linear-gradient(135deg,#e4a019,#ce8003);color:#fff;min-width:119px;}.next-button span{font-size:19px;margin-left:8px;}.summary-heading{display:flex;align-items:center;gap:11px;}.summary-heading span{font-size:23px;color:#8c7662;}.summary-heading h3{font-size:19px;margin:0;letter-spacing:-.6px;}.summary-rule{border-top:1px solid #eee5da;margin:19px 0;}.summary-section{margin-bottom:18px;}.summary-section h4{font-size:12px;margin:0 0 10px;}.summary-section ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;}.summary-section li{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#3d342c;font-size:11px;}.summary-section li small{color:#7b6e62;font-size:10px;}.empty-state{color:#8e8378!important;font-style:italic;font-size:10px!important;}.whatsapp-note{display:flex;gap:9px;padding:11px;background:#eff7ef;border:1px solid #bbd8bd;border-radius:5px;color:#43714c;}.whatsapp-note span{font-size:18px;}.whatsapp-note p{margin:0;font-size:9px;line-height:1.5;}.summary-total{display:grid;gap:4px;margin:19px 0 12px;border-top:1px solid #ece3d8;padding-top:14px;}.summary-total span{font-size:11px;font-weight:700;}.summary-total strong{font-size:16px;}.summary-total b{color:#238246;font-size:23px;}.finish-button{width:100%;min-height:52px;border:0;border-radius:7px;background:linear-gradient(135deg,#e7a519,#ce7e00);box-shadow:0 7px 12px rgba(204,127,0,.17);color:#fff;font-weight:700;font-size:15px;}.finish-button span{margin-left:9px;}.secure{text-align:center;color:#766b61;font-size:9px;margin:14px 0 0;}
@media(max-width:1050px){.main-nav{gap:15px}.budget-layout{grid-template-columns:minmax(0,1fr) 285px}.budget-summary{margin-right:18px;padding:20px}.product-grid{grid-template-columns:repeat(3,1fr)}.steps>i{width:8px}.step{padding:8px}.step small{display:none}.home-view{padding-inline:7vw}.catalog-view{gap:35px}.benefit-bar{padding-inline:25px}.benefit-bar span:nth-child(4){display:none;}}
@media(max-width:760px){body{overflow:hidden}.site-header{height:63px;padding:0 16px}.wordmark{font-size:23px}.main-nav{gap:12px}.main-nav a{font-size:0}.main-nav a i{font-size:18px}.header-whatsapp{padding:8px 10px}.header-whatsapp span{display:none}.app-main{height:calc(100vh - 63px)}.benefit-bar{display:none}.view{height:100%;overflow:auto}.home-view,.catalog-view,.how-view,.contact-view{min-height:calc(100vh - 63px);height:auto}.home-view{padding:42px 27px;display:block!important}.home-brand-card{height:315px;width:280px;margin:25px auto 0;min-width:0}.poster{height:250px;width:200px;border-radius:104px 104px 7px 7px}.brand-rings,.brand-rings::after{width:240px;height:240px}.brand-rings::after{width:310px;height:310px;left:-36px;top:-36px}.brand-note{right:-16px;bottom:1px}.home-features{margin-top:25px;gap:9px;display:grid;grid-template-columns:1fr 1fr}.catalog-view{padding:38px 24px;display:block!important}.catalog-panels{margin-top:27px;grid-template-columns:1fr}.catalog-panels article{min-height:190px}.catalog-panels h3{margin-top:20px}.how-view{display:block!important;padding:30px 24px}.how-illustration{width:100%;height:265px;margin-bottom:36px}.contact-view{display:block!important}.contact-card{width:100%;padding:52px 28px}.contact-side{min-height:260px}.budget-layout{height:auto;min-height:100%;display:block}.budget-workspace{padding:19px 16px 23px;overflow:visible}.budget-summary{margin:0 16px 25px;overflow:visible}.budget-title-row h2{font-size:31px}.budget-title-row p{font-size:11px;line-height:1.5}.steps{overflow-x:auto;padding-bottom:3px}.step{flex:0 0 145px}.steps>i{flex:0 0 9px}.product-grid{grid-template-columns:repeat(2,1fr)}.extras-grid{grid-template-columns:1fr}.extra small{white-space:normal}.stage-caption p{display:block}.budget-view{overflow:auto}.budget-view.active{display:block}.budget-summary{padding:20px}.benefit-bar{min-height:0}}
@media(max-height:760px) and (min-width:761px){.budget-workspace{padding-top:16px}.budget-summary{margin-top:16px;margin-bottom:16px}.steps{margin:12px 0}.product-card{min-height:116px}.drink-art{height:82px}.extras-grid{gap:7px}.extra{min-height:53px}.notice{margin:6px 0}.budget-controls{margin-top:10px}.budget-title-row p{font-size:11px;}}

/* Etapas do orçamento — seleção de marcas e dados do evento */
.budget-stage { display:none; }.budget-stage.active { display:block; }.budget-products-stage.active { display:block; }
.product-card { grid-template-columns:37% 1fr; }.product-card.selected { border-color:#d89312; background:#fffaf0; box-shadow:0 5px 15px rgba(210,137,5,.16); }.product-card.selected .drink-art { filter:saturate(1.14); }
.select-product { width:100%; min-height:29px; padding:0 7px; border:1px solid #ddcfbc; border-radius:7px; background:#fff; color:#65594d; font-size:10px; font-weight:700; transition:.18s; }.select-product:hover { border-color:#c77a06; color:#a65d00; }.product-card.selected .select-product { background:#d99411; border-color:#d99411; color:#fff; }
.event-form { max-width:700px; padding:22px; border:1px solid #eadfce; border-radius:10px; background:#fff; box-shadow:0 5px 14px rgba(64,36,14,.05); }.event-form label { display:grid; gap:6px; margin-bottom:15px; color:#4a4038; font-size:11px; font-weight:700; }.event-form input { width:100%; min-height:42px; padding:0 11px; border:1px solid #e6dbcb; border-radius:6px; outline:0; background:#fcf8f1; color:#251d17; font-size:12px; }.event-form input:focus { border-color:#c4770e; box-shadow:0 0 0 3px rgba(208,138,12,.12); }.event-field-row { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.review-stage { max-width:700px; }.review-card { min-height:144px; display:flex; align-items:center; gap:18px; padding:26px; border-radius:10px; background:#f2f8f1; border:1px solid #bfdbbf; color:#315a39; }.review-card>span { display:grid; flex:0 0 44px; height:44px; place-items:center; border-radius:50%; background:#29914b; color:#fff; font-size:23px; }.review-card h3 { margin:0 0 6px; font-size:19px; letter-spacing:-.5px; }.review-card p { margin:0; color:#5d7861; font-size:11px; line-height:1.55; }.event-summary { border-top:1px solid #eee5da; padding-top:16px; }
@media(max-width:760px){.event-form{padding:17px}.event-field-row{grid-template-columns:1fr}.review-card{padding:19px}.product-card{min-height:126px}.select-product{font-size:9px;}}

/* Tela do moderador — disponível somente na prévia local */
.moderator-view { display:none; flex-direction:column; gap:16px; padding:clamp(25px,4vh,48px) clamp(24px,7vw,110px); background:#f8f4ed; color:#2b211a; }.moderator-view.active { display:flex; }.moderator-header { display:flex; align-items:flex-start; justify-content:space-between; gap:25px; }.moderator-header h2 { margin:0 0 8px; color:#2a1d16; }.moderator-header h2+.moderator-header p { color:#6d6258; }.moderator-header>div>p:last-child { margin:0; color:#6c6158; font-size:13px; }.moderator-actions { display:flex; align-items:center; gap:10px; }.refresh-orders { height:32px; padding:0 13px; border:1px solid #d9c9b8; border-radius:6px; background:#fffdf9; color:#6f481f; font-size:11px; font-weight:700; }.refresh-orders:hover { background:#f4e5ce; }.orders-status { color:#73685d; font-size:12px; }.orders-list { display:grid; gap:12px; overflow:auto; padding-right:3px; }.order-card { padding:16px 18px; border:1px solid #e5d9cc; border-radius:10px; background:#fffdf9; box-shadow:0 5px 14px rgba(66,38,15,.05); }.order-card-top { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:12px; border-bottom:1px solid #eee4d8; }.order-card-top>div { display:flex; align-items:center; gap:10px; }.order-card-top strong { font-size:12px; }.order-card-top time { color:#7d7164; font-size:10px; }.order-status { display:inline-flex; padding:4px 7px; border-radius:99px; background:#eaf5e9; color:#287542; font-size:9px; font-weight:700; }.order-details { display:grid; grid-template-columns:1.1fr 1fr 1fr .7fr 1.4fr; gap:12px; padding:13px 0; }.order-details div { display:grid; gap:4px; min-width:0; }.order-details small,.order-products small { color:#85776a; font-size:9px; }.order-details b { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.order-products { padding-top:11px; border-top:1px solid #eee4d8; }.order-products p { margin:4px 0 0; color:#553c27; font-size:11px; font-weight:700; }.finish-button:disabled { opacity:.7; cursor:wait; }
@media(max-width:760px){.moderator-view{height:100%;padding:25px 18px}.moderator-header{align-items:center}.moderator-header h2{font-size:36px}.moderator-header .eyebrow,.moderator-header>div>p:last-child{display:none}.order-card{padding:14px}.order-card-top{align-items:flex-start;flex-direction:column}.order-details{grid-template-columns:1fr 1fr}.order-location{grid-column:1/-1}.order-details b{white-space:normal}.moderator-actions .close-view{width:30px;height:30px;}.refresh-orders{font-size:0;width:32px;padding:0}.refresh-orders::first-letter{font-size:16px;}}

.submission-feedback { min-height:17px; margin:10px 0 0; color:#287542; font-size:10px; font-weight:700; line-height:1.45; text-align:center; }

.product-image { width:48px; height:102px; justify-self:center; align-self:end; object-fit:contain; mix-blend-mode:multiply; filter:drop-shadow(0 4px 4px rgba(0,0,0,.14)); }
.order-card-actions { display:flex; justify-content:flex-end; gap:8px; padding-top:11px; border-top:1px solid #eee4d8; }.order-card-actions button { min-height:29px; padding:0 11px; border-radius:5px; font-size:10px; font-weight:700; }.edit-order { border:1px solid #d9c09b; background:#fff9ec; color:#94610b; }.delete-order { border:1px solid #e6c1b7; background:#fff2ee; color:#a33d2b; }.order-card-actions button:hover { filter:brightness(.96); }
.order-modal[hidden] { display:none; }.order-modal { position:fixed; z-index:30; inset:0; display:grid; place-items:center; padding:22px; background:rgba(26,18,13,.69); backdrop-filter:blur(3px); }.order-edit-form { width:min(590px,100%); max-height:calc(100vh - 44px); overflow:auto; padding:26px; border-radius:12px; background:#fffaf2; box-shadow:0 20px 55px rgba(0,0,0,.3); color:#2b211a; }.order-edit-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:18px; }.order-edit-heading .eyebrow { margin-bottom:7px; color:#a54a25; }.order-edit-heading h3 { margin:0; font-family:var(--display); font-size:30px; letter-spacing:-1px; }.order-edit-form label { display:grid; gap:6px; margin-bottom:14px; color:#5a493a; font-size:11px; font-weight:700; }.order-edit-form label small { color:#88786b; font-size:9px; font-weight:500; }.order-edit-form input,.order-edit-form textarea { width:100%; min-height:40px; padding:10px 11px; border:1px solid #e5d7c5; border-radius:6px; outline:0; background:#fff; color:#2a1e16; }.order-edit-form textarea { resize:vertical; }.order-edit-form input:focus,.order-edit-form textarea:focus { border-color:#c37a0d; box-shadow:0 0 0 3px rgba(199,122,13,.13); }.order-edit-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:19px; }.order-edit-actions .button { min-height:42px; }.order-edit-actions .owner-back { margin:0; }
@media(max-width:760px){.product-image{height:91px;width:43px}.order-card-actions{justify-content:stretch}.order-card-actions button{flex:1}.order-edit-form{padding:21px 17px}.order-edit-actions{align-items:stretch;flex-direction:column-reverse}.order-edit-actions .button{width:100%;}}

/* Acesso do dono */
.owner-access-link { margin-left:auto; border:0; background:transparent; color:#88796a; font-size:9px; font-weight:700; text-decoration:underline; cursor:pointer; }.owner-access-link:hover { color:#b0680b; }.owner-access-view { display:none; align-items:center; justify-content:center; padding:30px; background:radial-gradient(circle at 70% 28%,#6f331f 0,transparent 30%),linear-gradient(115deg,#1a1512,#302019); }.owner-access-view.active { display:flex; }.owner-login-card { width:min(400px,100%); padding:36px; border:1px solid rgba(248,204,121,.38); border-radius:12px; background:#fffaf0; box-shadow:20px 20px 0 rgba(115,52,25,.55),0 25px 40px rgba(0,0,0,.25); color:#2a1e16; text-align:center; }.owner-key { display:grid; width:43px; height:43px; margin:0 auto 16px; place-items:center; border-radius:50%; background:#a44a28; color:#ffd477; font-size:20px; }.owner-login-card .eyebrow { justify-content:center; color:#a44a28; margin-bottom:10px; }.owner-login-card h2 { margin:0 0 10px; font-size:43px; }.owner-login-card>p:not(.eyebrow):not(.owner-error) { margin:0 auto 24px; max-width:280px; color:#716156; font-size:12px; line-height:1.6; }.owner-login-card label { display:grid; gap:7px; text-align:left; color:#5c4b3d; font-size:11px; font-weight:700; }.owner-login-card input { min-height:43px; padding:0 12px; border:1px solid #decfbd; border-radius:6px; outline:0; background:#fff; color:#2d2119; }.owner-login-card input:focus { border-color:#c2790f; box-shadow:0 0 0 3px rgba(204,131,10,.15); }.owner-login-card .button { width:100%; margin-top:11px; }.owner-error { min-height:17px; margin:8px 0 0; color:#a4382a; font-size:10px; font-weight:700; }.owner-back { margin-top:17px; border:0; background:transparent; color:#806a58; font-size:11px; font-weight:700; }.owner-back:hover { color:#a44a28; }.owner-logout { height:32px; padding:0 13px; border:1px solid #d9c9b8; border-radius:6px; background:#fffdf9; color:#8f4128; font-size:11px; font-weight:700; }.owner-logout:hover { background:#f9e4d8; }
@media(max-width:1050px){.owner-access-link{display:none;}} @media(max-width:760px){.owner-access-view{padding:21px}.owner-login-card{padding:29px 22px;box-shadow:10px 10px 0 rgba(115,52,25,.55)}.owner-login-card h2{font-size:38px;}.owner-logout{font-size:0;width:32px;padding:0;}.owner-logout::after{content:'↩';font-size:16px;}}