*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#32140f;background:#fff8f1;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.hidden{display:none!important}.topbar{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;background:#5b1d13;color:#fff2d9;padding:10px 18px;font-size:13px;font-weight:700}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(255,248,241,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(91,29,19,.12)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#ff7a1a,#7a1f13);display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 12px 28px rgba(122,31,19,.25)}.brand strong{display:block;font-family:Fredoka,sans-serif;font-size:23px}.brand small{display:block;color:#8b5b42;font-weight:700}.nav{display:flex;align-items:center;gap:22px;font-weight:800}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;border-radius:99px;background:#ff7a1a;transition:.25s}.nav a:hover:after{width:100%}.admin-link{background:#fff0d7;color:#7a2b18;padding:10px 14px;border-radius:999px}.nav-cta{border:0;border-radius:999px;padding:12px 18px;background:#32140f;color:#fff;cursor:pointer;font-weight:900}.nav-cta span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;border-radius:99px;background:#ffcc4d;color:#32140f}.menu-btn{display:none;border:0;background:#32140f;color:#fff;border-radius:12px;padding:10px 14px;font-size:20px}.hero{position:relative;min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:70px 5vw 90px;background:radial-gradient(circle at top left,#ffe1b8 0,#fff8f1 40%,#fff 100%)}.client-hero{min-height:620px}.hero:before{content:"";position:absolute;right:-120px;top:80px;width:380px;height:380px;border-radius:50%;background:#ffcf4d;opacity:.18;filter:blur(8px)}.eyebrow,.section-title span{display:inline-block;color:#b64018;background:#fff0d7;border:1px solid #ffd29a;border-radius:999px;padding:8px 14px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.hero h1{font-family:Fredoka,sans-serif;font-size:clamp(42px,6vw,82px);line-height:.92;margin:18px 0;color:#4a160d}.hero p{font-size:18px;line-height:1.75;color:#704833;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:18px;padding:15px 22px;font-weight:900;cursor:pointer;transition:.25s;display:inline-flex;justify-content:center;align-items:center}.btn.primary{background:linear-gradient(135deg,#ff7a1a,#b72f16);color:white;box-shadow:0 18px 40px rgba(183,47,22,.25)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 24px 50px rgba(183,47,22,.32)}.btn.ghost{background:#fff;border:1px solid rgba(91,29,19,.16);color:#4a160d}.btn.full{width:100%}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:14px;margin-top:34px;max-width:620px}.hero-stats div{background:rgba(255,255,255,.75);border:1px solid rgba(91,29,19,.1);border-radius:24px;padding:18px;box-shadow:0 18px 40px rgba(91,29,19,.08)}.hero-stats strong{display:block;font-size:32px;color:#b72f16;font-family:Fredoka}.hero-stats span{font-weight:800;color:#7c4c34;font-size:13px}.hero-showcase{position:relative;min-height:520px;display:grid;place-items:center}.plate{position:relative;width:min(86vw,480px);height:min(86vw,480px);border-radius:50%;background:radial-gradient(circle,#fff 0 38%,#ffe9c7 39% 62%,#fff 63% 100%);box-shadow:0 38px 90px rgba(91,29,19,.22),inset 0 0 0 16px rgba(255,255,255,.8)}.plate-center{position:absolute;inset:35%;border-radius:50%;background:#5b1d13;color:#fff;display:grid;place-items:center;text-align:center;font-family:Fredoka;font-size:24px;line-height:1;box-shadow:0 14px 30px rgba(91,29,19,.25)}.snack{position:absolute;width:120px;height:85px;border-radius:60% 60% 48% 48%;background:linear-gradient(135deg,#f7b64f,#a9511b);box-shadow:inset -12px -14px 0 rgba(91,29,19,.13),0 16px 24px rgba(91,29,19,.18)}.s1{left:45%;top:6%;transform:rotate(8deg)}.s2{right:4%;top:38%;transform:rotate(80deg)}.s3{left:40%;bottom:5%;transform:rotate(178deg)}.s4{left:5%;top:39%;transform:rotate(-82deg)}.s5{left:18%;top:15%;transform:rotate(-38deg)}.floating-card{position:absolute;background:white;border:1px solid rgba(91,29,19,.12);border-radius:24px;padding:18px;box-shadow:0 22px 60px rgba(91,29,19,.14);min-width:210px}.floating-card span{font-size:30px}.floating-card strong{display:block;margin-top:6px}.floating-card small{display:block;color:#8b5b42;margin-top:4px}.card-one{left:0;top:55px}.card-two{right:0;bottom:52px}.section-title{text-align:center;max-width:780px;margin:0 auto 34px}.section-title h2{font-family:Fredoka;font-size:clamp(34px,4vw,56px);margin:14px 0 8px;color:#4a160d}.section-title p{color:#78523d;font-size:17px;line-height:1.6}.rules,.catalog,.order-section{padding:80px 5vw}.first-order{padding-top:40px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rules-grid article{background:white;border:1px solid rgba(91,29,19,.1);border-radius:30px;padding:28px;box-shadow:0 20px 60px rgba(91,29,19,.08)}.icon{width:58px;height:58px;border-radius:20px;background:#fff0d7;display:grid;place-items:center;color:#b72f16;font-weight:900;font-size:22px}.rules-grid h3{font-size:22px;margin:18px 0 8px}.rules-grid p{color:#78523d;line-height:1.6}.catalog{background:linear-gradient(180deg,#fff,#fff8f1)}.filter-panel{max-width:1120px;margin:0 auto 30px;background:white;border:1px solid rgba(91,29,19,.12);border-radius:30px;padding:18px;box-shadow:0 20px 60px rgba(91,29,19,.08)}.tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tabs button{border:0;border-radius:999px;padding:12px 22px;background:#fff0d7;color:#7a2b18;font-weight:900;cursor:pointer}.tabs button.active{background:#5b1d13;color:white}.search-row{margin-top:18px;display:grid;grid-template-columns:auto 260px 1fr;gap:12px;align-items:center}.search-row label{font-weight:900;color:#5b1d13}.search-row select,.search-row input,.cart-body input,.cart-body textarea,.field,.order-box select,.order-box input{border:1px solid rgba(91,29,19,.18);border-radius:16px;padding:14px;background:#fffaf5;outline:none;width:100%}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{position:relative;overflow:hidden;background:white;border:1px solid rgba(91,29,19,.1);border-radius:32px;box-shadow:0 20px 55px rgba(91,29,19,.09);transition:.25s}.product-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(91,29,19,.14)}.product-art{height:190px;background:linear-gradient(135deg,#fff1d9,#ffe1b2);display:grid;place-items:center;position:relative}.product-art:before{content:"";width:120px;height:88px;border-radius:60% 60% 45% 45%;background:linear-gradient(135deg,#f8bc56,#a9541c);box-shadow:inset -12px -14px 0 rgba(91,29,19,.12),0 12px 24px rgba(91,29,19,.16);transform:rotate(var(--rot, -8deg))}.product-card:nth-child(3n) .product-art:before{border-radius:50%;--rot:0deg}.product-card:nth-child(4n) .product-art:before{border-radius:24px 58px 24px 58px;--rot:18deg}.badge{position:absolute;top:14px;left:14px;background:#32140f;color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.product-info{padding:20px}.product-info h3{margin:0 0 10px;font-size:19px;color:#42140d}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.tag{font-size:11px;font-weight:900;color:#93401d;background:#fff0d7;border-radius:999px;padding:6px 9px}.product-info button{width:100%;border:0;border-radius:15px;background:#ff7a1a;color:#fff;padding:13px;font-weight:900;cursor:pointer}.product-info button.selected{background:#1f8a4c}.empty{grid-column:1/-1;background:white;border-radius:24px;padding:30px;text-align:center;font-weight:900;color:#7a2b18}.order-card{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:center;background:#5b1d13;color:white;border-radius:42px;padding:42px;box-shadow:0 35px 80px rgba(91,29,19,.25);overflow:hidden;position:relative}.order-card:before{content:"";position:absolute;right:-100px;top:-100px;width:280px;height:280px;border-radius:50%;background:#ffcc4d;opacity:.25}.order-card h2{font-family:Fredoka;font-size:48px;margin:14px 0}.order-card p{line-height:1.7;color:#ffe4cf}.order-box{background:white;color:#32140f;border-radius:30px;padding:26px;position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.order-box label{font-weight:900}.quantity{display:grid;grid-template-columns:50px 1fr 50px;gap:10px}.quantity button{border:0;border-radius:14px;background:#5b1d13;color:white;font-size:24px;font-weight:900;cursor:pointer}.quantity input{text-align:center;border:1px solid rgba(91,29,19,.16);border-radius:14px;padding:12px;font-weight:900}.rule-alert{background:#fff0d7;border-radius:16px;padding:12px;color:#7a2b18;font-weight:800}.pix-box{background:#e8fff1;border:1px solid #b8f3cd;color:#14542b;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px}.cart-drawer{position:fixed;right:-440px;top:0;width:min(92vw,420px);height:100dvh;background:white;z-index:50;box-shadow:-24px 0 60px rgba(0,0,0,.2);transition:.3s;display:flex;flex-direction:column}.cart-drawer.open{right:0}.overlay{position:fixed;inset:0;background:rgba(31,14,8,.55);z-index:40;opacity:0;pointer-events:none;transition:.25s}.overlay.open{opacity:1;pointer-events:auto}.cart-header,.cart-footer{padding:20px;border-bottom:1px solid rgba(91,29,19,.1);display:flex;align-items:center;justify-content:space-between}.cart-footer{border-top:1px solid rgba(91,29,19,.1);border-bottom:0;gap:10px;flex-direction:column}.cart-header strong{display:block;font-size:22px}.cart-header small{color:#8b5b42}.cart-header button{border:0;background:#fff0d7;border-radius:14px;width:42px;height:42px;font-size:28px;cursor:pointer}.cart-body{padding:20px;overflow:auto;display:flex;flex-direction:column;gap:10px}.cart-body label{font-weight:900;color:#5b1d13}.cart-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.cart-summary div{background:#fff8f1;border-radius:18px;padding:14px}.cart-summary span{display:block;font-size:12px;font-weight:800;color:#8b5b42}.cart-summary strong{font-size:20px;color:#b72f16}.cart-items{display:flex;flex-direction:column;gap:10px}.cart-item{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff8f1;border:1px solid rgba(91,29,19,.08);border-radius:18px;padding:12px}.cart-item button{border:0;background:#ffe1d7;color:#b72f16;border-radius:12px;padding:8px 10px;font-weight:900;cursor:pointer}.footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#32140f;color:#ffe6d4;padding:34px 5vw}.footer strong{font-size:24px;font-family:Fredoka}.footer span{display:block;margin:6px 0;color:#ffd0b5}
/* ADMIN */
.admin-body{background:#f8efe7}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#ffe0b2,#fff8f1 45%,#f6e9dd)}.login-card{width:min(94vw,460px);background:white;border-radius:34px;padding:34px;box-shadow:0 30px 90px rgba(91,29,19,.16);display:flex;flex-direction:column;gap:12px}.center-brand{justify-content:center;margin-bottom:10px}.login-card h1{font-family:Fredoka;font-size:42px;text-align:center;margin:8px 0;color:#4a160d}.login-card p{text-align:center;color:#7c4c34}.login-card label,.settings-grid label{font-weight:900;color:#5b1d13}.login-card input,.settings-grid input,.inline-form input,.inline-form select{border:1px solid rgba(91,29,19,.18);border-radius:16px;padding:14px;background:#fffaf5;outline:none;width:100%}.login-help{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#fff0d7;border-radius:16px;padding:12px;color:#7a2b18;font-size:13px}.login-error{color:#b72f16!important;font-weight:900;margin:0}.admin-panel{display:grid;grid-template-columns:290px 1fr;min-height:100dvh}.admin-sidebar{position:sticky;top:0;height:100dvh;background:#4a160d;color:white;padding:26px;display:flex;flex-direction:column;gap:28px}.admin-sidebar .brand small{color:#ffd5bd}.admin-sidebar nav{display:flex;flex-direction:column;gap:10px}.admin-sidebar nav a{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);font-weight:900}.admin-sidebar nav a:hover{background:rgba(255,255,255,.14)}.admin-content{padding:34px;display:flex;flex-direction:column;gap:22px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-radius:32px;padding:28px;box-shadow:0 20px 60px rgba(91,29,19,.08)}.admin-top h1{font-family:Fredoka;font-size:46px;margin:10px 0;color:#4a160d}.admin-top p{color:#7c4c34}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-card{background:white;border:1px solid rgba(91,29,19,.1);border-radius:28px;padding:24px;box-shadow:0 20px 60px rgba(91,29,19,.07)}.metric span{display:block;color:#7c4c34;font-weight:900}.metric strong{font-family:Fredoka;font-size:50px;color:#b72f16}.admin-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-section-title h2{font-family:Fredoka;font-size:32px;margin:0;color:#4a160d}.admin-section-title p{margin:4px 0 0;color:#7c4c34}.weekday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.weekday{border:1px solid rgba(91,29,19,.14);background:#fff8f1;border-radius:18px;padding:16px;cursor:pointer;text-align:left}.weekday strong{display:block}.weekday span{display:block;margin-top:4px;color:#8b5b42;font-size:12px;font-weight:900}.weekday.active{background:#e8fff1;border-color:#98e7b6}.weekday.active span{color:#177a3b}.inline-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.flavor-inline{grid-template-columns:1.2fr .6fr 1.2fr auto}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.chip{border:0;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.chip.danger{background:#ffe1d7;color:#b72f16}.muted{color:#8b5b42;font-weight:800}.hour-list{display:flex;flex-direction:column;gap:10px}.hour-row{display:flex;align-items:center;justify-content:space-between;background:#fff8f1;border-radius:18px;padding:14px}.hour-row span{display:block;color:#8b5b42;font-size:12px;font-weight:900}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.mini{border:0;border-radius:12px;padding:9px 12px;font-weight:900;cursor:pointer;background:#fff0d7;color:#7a2b18}.mini.success,.status-pill.active{background:#dffbe9;color:#177a3b}.mini.danger{background:#ffe1d7;color:#b72f16}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:separate;border-spacing:0 10px}.admin-table th{text-align:left;color:#7c4c34;font-size:13px}.admin-table td{background:#fff8f1;padding:14px}.admin-table td:first-child{border-radius:16px 0 0 16px}.admin-table td:last-child{border-radius:0 16px 16px 0}.status-pill{border:0;border-radius:999px;padding:9px 13px;font-weight:900;background:#ffe1d7;color:#b72f16;cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.toast{position:fixed;right:24px;bottom:24px;background:#32140f;color:white;padding:16px 20px;border-radius:18px;font-weight:900;box-shadow:0 20px 50px rgba(0,0,0,.2);transform:translateY(120px);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}.weekday-grid{grid-template-columns:repeat(2,1fr)}.admin-panel{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.hero,.order-card{grid-template-columns:1fr}.hero-showcase{min-height:420px}.product-grid{grid-template-columns:repeat(2,1fr)}.rules-grid{grid-template-columns:1fr}.search-row{grid-template-columns:1fr}.nav{position:absolute;left:5vw;right:5vw;top:82px;display:none;flex-direction:column;background:white;border-radius:24px;padding:20px;box-shadow:0 20px 60px rgba(91,29,19,.16)}.nav.open{display:flex}.menu-btn{display:block}.admin-grid,.settings-grid{grid-template-columns:1fr}.inline-form,.flavor-inline{grid-template-columns:1fr}}
@media(max-width:560px){.topbar{display:none}.header{padding:14px 4vw}.brand strong{font-size:18px}.brand-mark{width:46px;height:46px}.hero{padding:44px 4vw}.hero-stats{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.rules,.catalog,.order-section{padding:56px 4vw}.first-order{padding-top:26px}.order-card{padding:26px;border-radius:30px}.order-card h2{font-size:36px}.floating-card{display:none}.plate{width:310px;height:310px}.snack{width:82px;height:60px}.plate-center{font-size:17px}.cart-drawer{width:100vw}.admin-content{padding:16px}.admin-top{align-items:flex-start;flex-direction:column}.admin-top h1{font-size:36px}.weekday-grid{grid-template-columns:1fr}.admin-sidebar nav{grid-template-columns:1fr}.cart-summary{grid-template-columns:1fr}}
.orders-board{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.order-admin-filters{display:grid;grid-template-columns:1fr 220px 180px;gap:12px;margin-bottom:18px}.order-admin-filters input,.order-admin-filters select{border:1px solid rgba(91,29,19,.18);border-radius:16px;padding:14px;background:#fffaf5;outline:none;width:100%}.order-admin-card{background:#fff8f1;border:1px solid rgba(91,29,19,.1);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:14px}.order-admin-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.order-admin-head strong{display:block;font-size:20px;color:#4a160d}.order-admin-head span{display:block;color:#8b5b42;font-size:12px;font-weight:800;margin-top:4px}.order-admin-head select{border:1px solid rgba(91,29,19,.18);border-radius:14px;padding:10px;background:white;font-weight:900;color:#5b1d13}.order-admin-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.order-admin-info div{background:white;border-radius:16px;padding:12px}.order-admin-info span,.order-flavors span,.order-notes span{display:block;color:#8b5b42;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.order-admin-info strong{display:block;margin-top:4px;color:#32140f}.order-flavors,.order-notes{background:white;border-radius:16px;padding:12px}.order-flavors ul{margin:8px 0 0;padding-left:18px}.order-flavors li{margin:4px 0;font-weight:800}.order-notes p{margin:8px 0 0;color:#5c3a2b;line-height:1.5}.order-card-actions{justify-content:flex-end}.empty-admin{background:#fff8f1;border:1px dashed rgba(91,29,19,.25);border-radius:20px;padding:26px;text-align:center;color:#7a2b18;font-weight:900;grid-column:1/-1}.danger-soft{color:#b72f16!important}
@media(max-width:980px){.orders-board{grid-template-columns:1fr}.order-admin-filters{grid-template-columns:1fr}.order-admin-info{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.order-admin-head{flex-direction:column}.order-admin-head select{width:100%}.order-admin-info{grid-template-columns:1fr}}
/* CLIENT ACCOUNT + EDITING */
.client-area{padding:80px 5vw;background:linear-gradient(180deg,#fff8f1,#fff)}.client-grid{display:grid;grid-template-columns:380px 1fr;gap:24px}.client-card{background:white;border:1px solid rgba(91,29,19,.1);border-radius:30px;padding:24px;box-shadow:0 20px 60px rgba(91,29,19,.08);display:flex;flex-direction:column;gap:12px}.client-card h3{font-family:Fredoka;font-size:30px;margin:0;color:#4a160d}.client-card p{color:#7c4c34;line-height:1.5;margin:0}.client-card label{font-weight:900;color:#5b1d13}.client-card input,.client-card select,.client-card textarea{border:1px solid rgba(91,29,19,.18);border-radius:16px;padding:14px;background:#fffaf5;outline:none;width:100%}.client-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.client-session{background:#fff0d7;border-radius:16px;padding:12px;font-weight:900;color:#7a2b18}.client-orders-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.client-order-card{background:#fff8f1;border:1px solid rgba(91,29,19,.1);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:14px}.client-status{border-radius:999px;padding:8px 12px;background:#fff0d7;color:#7a2b18;font-size:12px;font-weight:900;white-space:nowrap}.client-status.cancelado{background:#ffe1d7;color:#b72f16}.client-status.entregue,.client-status.pronto{background:#dffbe9;color:#177a3b}.edit-lock-info{background:white;border-radius:14px;padding:12px;color:#7c4c34;font-weight:800}.client-order-card button:disabled{opacity:.55;cursor:not-allowed}.client-modal,.admin-edit-modal{position:fixed;inset:0;background:rgba(31,14,8,.62);z-index:80;display:grid;place-items:center;padding:20px}.client-modal-card{width:min(96vw,720px);max-height:92dvh;background:white;border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}.client-modal-body{padding:20px;overflow:auto;display:flex;flex-direction:column;gap:12px}.client-modal-body label{font-weight:900;color:#5b1d13}.edit-flavor-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:260px;overflow:auto;background:#fff8f1;border-radius:18px;padding:12px}.edit-flavor-item{display:flex;align-items:center;gap:8px;background:white;border-radius:14px;padding:10px;font-weight:800}.edit-flavor-item input{width:auto}.cancel-box{border:1px solid #ffd0c4;background:#fff4ef!important}.credits,.admin-credits{width:100%;text-align:center;color:#ffd0b5;font-weight:800;margin-top:12px}.credits strong,.admin-credits strong{font-family:inherit;font-size:inherit;color:#fff}.admin-credits{background:#32140f;padding:18px;margin-top:0}.admin-edit-card{width:min(96vw,860px)}.finance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.finance-grid article{background:#fff8f1;border-radius:20px;padding:18px}.finance-grid span{display:block;color:#7c4c34;font-size:12px;font-weight:900;text-transform:uppercase}.finance-grid strong{display:block;margin-top:8px;font-family:Fredoka;font-size:30px;color:#b72f16}.finance-settings{margin-bottom:18px}
@media(max-width:1100px){.client-grid{grid-template-columns:1fr}.client-orders-list{grid-template-columns:1fr}.finance-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.client-area{padding:56px 4vw}.client-card-head{flex-direction:column}.edit-flavor-list{grid-template-columns:1fr}.finance-grid{grid-template-columns:1fr}}
/* AUTH / WEB VERSION */
.login-required-banner{max-width:1180px;margin:0 auto 22px;background:#fff0d7;border:1px solid #ffc978;border-radius:24px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#6b2112;box-shadow:0 14px 40px rgba(91,29,19,.08)}.login-required-banner strong{font-family:Fredoka;font-size:24px}.login-required-banner span{font-weight:800}.login-required-banner a{background:#5b1d13;color:#fff;border-radius:999px;padding:12px 16px;font-weight:900}.client-logged-out .order-box,.client-logged-out .product-card{position:relative}.client-logged-out .product-card::after{content:"Cadastre-se para escolher";position:absolute;inset:auto 14px 14px 14px;background:rgba(91,29,19,.92);color:#fff;border-radius:14px;padding:10px;text-align:center;font-weight:900;font-size:12px}.auth-locked{opacity:.7}.auth-options{display:flex;justify-content:space-between;gap:12px;background:#fff8f1;border:1px solid rgba(91,29,19,.08);border-radius:16px;padding:12px;color:#7c4c34}.auth-options strong{color:#b72f16}.otp-box{background:#fff8f1;border:1px solid rgba(91,29,19,.1);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}
@media(max-width:760px){.login-required-banner{flex-direction:column;align-items:flex-start}.login-required-banner a{width:100%;text-align:center}}
/* AUTH MODAL - cadastro aparece somente quando o cliente executar uma ação */
.auth-modal{position:fixed;inset:0;background:rgba(31,14,8,.62);z-index:90;display:grid;place-items:center;padding:20px}.auth-modal-card{width:min(96vw,1180px);max-height:92dvh;background:white;border-radius:32px;box-shadow:0 30px 90px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}.auth-modal-body{padding:22px;overflow:auto;display:grid;grid-template-columns:380px 1fr;gap:24px;background:#fffaf5}.auth-modal .client-card{box-shadow:none}.auth-modal .client-orders-list{max-height:560px;overflow:auto}.login-required-banner button{background:#5b1d13;color:#fff;border:0;border-radius:999px;padding:12px 16px;font-weight:900;cursor:pointer}.client-area{display:none!important}
@media(max-width:900px){.auth-modal-body{grid-template-columns:1fr}.auth-modal-card{max-height:96dvh}}
/* CLIENT PROFILE AREA */
.client-tabs{display:flex;gap:10px;padding:16px 22px;background:#fff8f1;border-bottom:1px solid rgba(91,29,19,.1)}.client-tabs button{border:0;border-radius:999px;padding:12px 18px;background:#fff0d7;color:#7a2b18;font-weight:900;cursor:pointer}.client-tabs button.active{background:#5b1d13;color:white}.client-tab-content{display:none!important}.client-tab-content.active{display:grid!important}.profile-card textarea{border:1px solid rgba(91,29,19,.18);border-radius:16px;padding:14px;background:#fffaf5;outline:none;width:100%;resize:vertical}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.orders-full{grid-column:1/-1}.orders-full .client-orders-list{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.profile-actions{grid-template-columns:1fr}.orders-full .client-orders-list{grid-template-columns:1fr}.client-tabs{overflow:auto}}
/* PASSWORD LOGIN */
.password-help{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff8f1;border:1px solid rgba(91,29,19,.08);border-radius:16px;padding:12px;color:#7c4c34;font-size:13px;font-weight:800}.password-help button{border:0;background:transparent;color:#b72f16;font-weight:900;cursor:pointer;text-decoration:underline}.reset-box{background:#fff8f1;border:1px solid rgba(91,29,19,.1);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}
@media(max-width:560px){.password-help{flex-direction:column;align-items:flex-start}}
/* FIX V14 - contraste da regra de sabores no pedido */
.order-box .rule-alert,
#flavorRule{
background:#fff0d7!important;
color:#5b1d13!important;
border:1px solid #ffd29a!important;
font-weight:900!important;
line-height:1.55!important;
opacity:1!important;
text-shadow:none!important;
}
.order-box .rule-alert strong,
#flavorRule strong{
color:#4a160d!important;
}
.login-required-banner{
color:#5b1d13!important;
}
.login-required-banner span,
.login-required-banner strong{
color:#5b1d13!important;
}
/* V15 - separação entre login, cadastro, perfil e pedidos */
.auth-separate-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:16px 22px;background:#fff8f1;border-bottom:1px solid rgba(91,29,19,.08)}
.auth-separate-tabs button{border:1px solid rgba(91,29,19,.12);background:#fff;color:#6b2112;border-radius:999px;padding:11px 18px;font-weight:900;cursor:pointer}
.auth-separate-tabs button.active{background:#5b1d13;color:#fff;border-color:#5b1d13}
.auth-modal-body{display:none;padding:24px;background:#fffaf5}
.auth-modal-body.active{display:block!important}
.auth-panel-card,.profile-full,.orders-full{max-width:860px;margin:0 auto}
.auth-panel-card p,.profile-full p,.orders-full p{margin-top:0}
.password-help-static{font-weight:900;color:#b74a1e}
.client-orders-list{max-height:58dvh;overflow:auto}
@media(max-width:760px){
.auth-separate-tabs{padding:14px}
.auth-separate-tabs button{flex:1 1 calc(50% - 10px);text-align:center}
.auth-modal-body{padding:16px}
}
/* V16 - cadastro com telefone OU e-mail */
.contact-help{
background:#fff8f1;
border:1px solid rgba(91,29,19,.1);
border-radius:14px;
padding:10px 12px;
color:#7a2b18;
font-weight:800;
line-height:1.45;
}
.contact-help strong{color:#5b1d13;}
/* V17 - Logo, fotos e descrição dos salgados */
.brand-logo{
width:52px;
height:52px;
border-radius:18px;
object-fit:cover;
box-shadow:0 12px 28px rgba(122,31,19,.18);
background:#fff;
}
.product-art.has-image{
background:#fff;
overflow:hidden;
}
.product-art.has-image:before{
display:none!important;
}
.product-img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.product-art.image-error{
background:linear-gradient(135deg,#fff1d9,#ffe1b2);
}
.product-art.image-error:before{
display:block!important;
}
.product-description{
color:#7c4c34;
font-size:13px;
line-height:1.45;
min-height:38px;
margin:0 0 12px;
}
.brand-admin-grid{
display:grid;
grid-template-columns:280px 1fr;
gap:22px;
align-items:start;
}
.brand-preview{
background:#fff8f1;
border:1px solid rgba(91,29,19,.1);
border-radius:24px;
padding:24px;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
}
.brand-preview-logo{
width:96px;
height:96px;
border-radius:28px;
background:linear-gradient(135deg,#ff7a1a,#7a1f13);
color:white;
display:grid;
place-items:center;
font-weight:900;
font-size:28px;
}
.brand-preview-img{
width:96px;
height:96px;
border-radius:28px;
object-fit:cover;
background:white;
box-shadow:0 14px 30px rgba(91,29,19,.14);
}
.admin-help-box{
margin-top:18px;
background:#fff8f1;
border:1px dashed rgba(91,29,19,.25);
border-radius:20px;
padding:16px;
color:#5b1d13;
}
.admin-help-box p{
margin:8px 0 0;
color:#7c4c34;
}
.admin-help-box code{
background:#fff0d7;
border-radius:8px;
padding:2px 6px;
font-weight:900;
}
.flavor-inline{
grid-template-columns:1.1fr .5fr 1fr 1fr;
}
.flavor-inline textarea{
grid-column:1 / -2;
border:1px solid rgba(91,29,19,.18);
border-radius:16px;
padding:14px;
background:#fffaf5;
outline:none;
width:100%;
resize:vertical;
}
.admin-product-thumb{
width:76px;
height:58px;
border-radius:14px;
background:#fff0d7;
display:grid;
place-items:center;
overflow:hidden;
color:#7a2b18;
font-size:11px;
font-weight:900;
}
.admin-product-thumb img{
width:100%;
height:100%;
object-fit:cover;
}
.product-edit-preview{
background:#fff8f1;
border-radius:18px;
padding:14px;
}
.product-edit-preview span{
display:block;
color:#7c4c34;
font-weight:900;
margin-bottom:10px;
}
.product-edit-preview img{
width:100%;
max-height:240px;
object-fit:cover;
border-radius:18px;
background:white;
}
@media(max-width:900px){
.brand-admin-grid{grid-template-columns:1fr}
.flavor-inline{grid-template-columns:1fr}
.flavor-inline textarea{grid-column:auto}
}
/* V18 - Correção das fotos no cardápio
Objetivo:
- Foto não vazar do raio do card
- Mostrar melhor o recheio
- Evitar corte agressivo da imagem
*/
.product-card{
overflow:hidden!important;
}
.product-art{
position:relative!important;
overflow:hidden!important;
border-radius:28px 28px 0 0!important;
background:#fff3e3!important;
isolation:isolate!important;
}
.product-art.has-image{
background:linear-gradient(180deg,#fff7ea,#ffe9c7)!important;
overflow:hidden!important;
}
.product-art.has-image::before,
.product-art.has-image:before{
display:none!important;
}
.product-img{
width:100%!important;
height:100%!important;
display:block!important;
object-fit:contain!important;
object-position:center center!important;
border-radius:inherit!important;
padding:8px!important;
box-sizing:border-box!important;
background:transparent!important;
}
.product-art img{
max-width:100%!important;
max-height:100%!important;
overflow:hidden!important;
}
.product-art .badge{
position:absolute!important;
top:14px!important;
left:14px!important;
z-index:2!important;
}
/* Quando a foto estiver quebrada ou ausente, mantém o visual antigo */
.product-art.image-error{
background:linear-gradient(135deg,#fff1d9,#ffe1b2)!important;
}
.product-art.image-error::before,
.product-art.image-error:before{
display:block!important;
}
/* Admin: miniaturas também respeitam o raio */
.admin-product-thumb{
overflow:hidden!important;
border-radius:14px!important;
}
.admin-product-thumb img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
background:#fff3e3!important;
padding:3px!important;
box-sizing:border-box!important;
}
/* Modal de edição: prévia sem cortar a foto */
.product-edit-preview{
overflow:hidden!important;
}
.product-edit-preview img{
object-fit:contain!important;
object-position:center center!important;
background:#fff3e3!important;
padding:8px!important;
box-sizing:border-box!important;
}
/* V19 - Novo topo do site sem prato ilustrado */
.modern-hero-showcase{
position:relative;
min-height:520px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:22px;
}
.hero-photo-card{
width:min(520px, 92vw);
aspect-ratio:1 / 1;
border-radius:42px;
background:linear-gradient(145deg,#fff7ea,#ffe5bd);
border:10px solid rgba(255,255,255,.86);
box-shadow:0 34px 90px rgba(91,29,19,.18);
overflow:hidden;
position:relative;
display:grid;
place-items:center;
}
.hero-photo-placeholder{
width:100%;
height:100%;
display:grid;
place-items:center;
text-align:center;
padding:40px;
color:#5b1d13;
}
.hero-photo-placeholder span{
font-size:82px;
filter:drop-shadow(0 12px 18px rgba(91,29,19,.16));
}
.hero-photo-placeholder strong{
display:block;
font-family:Fredoka, Inter, sans-serif;
font-size:38px;
line-height:1.05;
margin-top:14px;
}
.hero-photo-placeholder small{
display:block;
color:#8b4b2f;
font-weight:800;
margin-top:10px;
}
.hero-main-photo{
width:100%;
height:100%;
object-fit:contain;
object-position:center center;
padding:18px;
box-sizing:border-box;
background:linear-gradient(145deg,#fff7ea,#ffe5bd);
}
.hero-mini-cards{
width:100%;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin-top:-8px;
}
.hero-mini-cards article{
background:rgba(255,255,255,.92);
border:1px solid rgba(91,29,19,.1);
box-shadow:0 18px 40px rgba(91,29,19,.08);
border-radius:24px;
padding:18px;
display:flex;
flex-direction:column;
gap:4px;
}
.hero-mini-cards span{
font-size:24px;
}
.hero-mini-cards strong{
color:#3c160f;
font-weight:900;
}
.hero-mini-cards small{
color:#85482e;
line-height:1.35;
}
/* Remove visual antigo caso algum elemento antigo fique no cache */
.hero-showcase .plate,
.hero-showcase .snack,
.hero-showcase .plate-center,
.hero-showcase .floating-card{
display:none!important;
}
@media(max-width:980px){
.modern-hero-showcase{
min-height:auto;
}
.hero-photo-card{
width:min(420px, 92vw);
border-radius:34px;
}
.hero-mini-cards{
grid-template-columns:1fr;
}
}
@media(max-width:560px){
.hero-photo-placeholder strong{
font-size:30px;
}
.hero-photo-placeholder span{
font-size:62px;
}
}
/* V20 - Volta do círculo clássico com logo no centro e salgados com aparência real */
.classic-hero-showcase{
position:relative;
min-height:520px;
display:grid;
place-items:center;
}
.classic-hero-showcase .floating-card{
display:block !important;
}
.classic-hero-showcase .plate{
display:block !important;
}
.refined-plate{
position:relative;
width:min(86vw,500px);
height:min(86vw,500px);
border-radius:50%;
background:
radial-gradient(circle at center, #fff 0 35%, #f9ecd7 36% 37%, #f7e0b8 38% 63%, #fff 64% 100%);
box-shadow:
0 38px 90px rgba(91,29,19,.20),
inset 0 0 0 14px rgba(255,255,255,.9),
inset 0 0 45px rgba(91,29,19,.04);
}
.brand-plate-center{
position:absolute;
inset:34%;
border-radius:50%;
background:linear-gradient(145deg,#6e1f12,#4b130b);
color:#fff;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
text-align:center;
box-shadow:
0 18px 40px rgba(91,29,19,.28),
inset 0 0 0 6px rgba(255,255,255,.08);
padding:16px;
}
.plate-logo-wrap{
width:68px;
height:68px;
border-radius:22px;
display:grid;
place-items:center;
background:rgba(255,255,255,.10);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.plate-logo-mark{
width:100%;
height:100%;
border-radius:22px;
display:grid;
place-items:center;
background:linear-gradient(135deg,#ff7a1a,#b72f16);
color:#fff;
font-weight:900;
font-size:24px;
box-shadow:0 12px 24px rgba(0,0,0,.18);
}
.plate-logo-img{
width:100%;
height:100%;
object-fit:cover;
border-radius:22px;
background:#fff;
padding:6px;
}
.plate-center-text{
font-family:Fredoka,sans-serif;
font-size:25px;
line-height:1.02;
max-width:120px;
}
/* base snacks */
.refined-plate .snack{
position:absolute;
background:linear-gradient(145deg,#e7a240,#bf6a1f);
box-shadow:
inset -10px -10px 0 rgba(112,55,18,.18),
0 16px 24px rgba(91,29,19,.16);
}
/* Coxinha */
.refined-plate .snack-coxinha{
width:86px;
height:108px;
border-radius:46% 46% 56% 56%;
background:linear-gradient(145deg,#eead4d,#c36d1d);
}
.refined-plate .snack-coxinha::before{
content:"";
position:absolute;
top:-18px;
left:50%;
transform:translateX(-50%);
width:28px;
height:34px;
background:linear-gradient(145deg,#f5bc63,#c86f22);
clip-path:polygon(50% 0, 0 100%, 100% 100%);
border-radius:4px;
box-shadow:0 6px 12px rgba(91,29,19,.12);
}
/* Empada */
.refined-plate .snack-empada{
width:98px;
height:72px;
border-radius:18px 18px 24px 24px;
background:linear-gradient(145deg,#efb85d,#ca7426);
}
.refined-plate .snack-empada::before{
content:"";
position:absolute;
top:-10px;
left:9px;
right:9px;
height:18px;
border-radius:12px 12px 6px 6px;
background:linear-gradient(145deg,#f7ca7f,#d07a2a);
box-shadow:0 4px 8px rgba(91,29,19,.08);
}
/* Kibe */
.refined-plate .snack-kibe{
width:112px;
height:64px;
border-radius:58% 42% 58% 42% / 50% 50% 50% 50%;
background:linear-gradient(145deg,#d8953e,#aa5a1b);
}
/* Pastel */
.refined-plate .snack-pastel{
width:98px;
height:68px;
border-radius:22px;
background:linear-gradient(145deg,#f0ba61,#c86e20);
clip-path:polygon(12% 0, 100% 0, 88% 100%, 0 100%);
}
.refined-plate .s1{left:45%;top:5%;transform:rotate(10deg)}
.refined-plate .s2{right:4%;top:41%;transform:rotate(76deg)}
.refined-plate .s3{left:38%;bottom:7%;transform:rotate(178deg)}
.refined-plate .s4{left:6%;top:38%;transform:rotate(-78deg)}
.refined-plate .s5{left:17%;top:14%;transform:rotate(-26deg)}
/* Hide the v19 modern showcase visuals if cached CSS persists */
.modern-hero-showcase,
.hero-photo-card,
.hero-mini-cards,
.hero-photo-placeholder,
.hero-main-photo{
display:none !important;
}
/* mobile */
@media(max-width:560px){
.refined-plate{
width:320px;
height:320px;
}
.brand-plate-center{
inset:33%;
padding:10px;
gap:7px;
}
.plate-logo-wrap{
width:48px;
height:48px;
border-radius:16px;
}
.plate-logo-mark,
.plate-logo-img{
border-radius:16px;
}
.plate-center-text{
font-size:17px;
max-width:82px;
}
.refined-plate .snack-coxinha{
width:58px;
height:74px;
}
.refined-plate .snack-coxinha::before{
width:18px;
height:22px;
top:-11px;
}
.refined-plate .snack-empada,
.refined-plate .snack-pastel{
width:66px;
height:48px;
}
.refined-plate .snack-kibe{
width:74px;
height:42px;
}
}
/* V21 - Fix do topo clássico: exibir logo e salgados ao redor */
.classic-hero-showcase .snack{display:block !important; z-index:2;}
.classic-hero-showcase .plate-center{display:flex !important; z-index:3;}
.classic-hero-showcase .plate .plate-logo-wrap,
.classic-hero-showcase .plate .plate-logo-mark,
.classic-hero-showcase .plate .plate-logo-img,
.classic-hero-showcase .plate .plate-center-text{display:grid; place-items:center;}
.classic-hero-showcase .plate .plate-logo-img{display:block;}
/* V22 - Topo clássico premium: centro somente com logo circular e salgados mais bonitos */
.logo-only-center{
inset:33%!important;
padding:0!important;
background:#ffffff!important;
border:8px solid #6b1d10!important;
box-shadow:
0 22px 48px rgba(91,29,19,.28),
inset 0 0 0 6px rgba(255,240,215,.75)!important;
overflow:hidden!important;
display:grid!important;
place-items:center!important;
}
.logo-only-center .plate-logo-img{
width:100%!important;
height:100%!important;
display:block!important;
object-fit:cover!important;
border-radius:50%!important;
padding:10px!important;
background:#fff!important;
}
.logo-only-center .plate-logo-mark,
.logo-only-center .plate-center-text,
.logo-only-center .plate-logo-wrap{
display:none!important;
}
/* prato mais limpo */
.refined-plate{
background:
radial-gradient(circle at center, #fff 0 34%, #fff7ec 35% 38%, #f6ddb1 39% 64%, #ffffff 65% 100%)!important;
}
/* remove as formas antigas que pareciam batata */
.refined-plate .snack{
box-shadow:
0 18px 26px rgba(91,29,19,.18),
inset -10px -12px 0 rgba(128,63,18,.16),
inset 8px 8px 0 rgba(255,221,145,.24)!important;
z-index:2!important;
overflow:visible!important;
}
/* coxinha realçada: gota com bico */
.refined-plate .snack-coxinha{
width:78px!important;
height:104px!important;
border-radius:52% 52% 62% 62% / 48% 48% 58% 58%!important;
background:
radial-gradient(circle at 38% 24%, #ffd27a 0 12%, transparent 13%),
linear-gradient(150deg,#f6b84f 0%,#df8a2e 48%,#ad571b 100%)!important;
clip-path:polygon(50% 0%, 72% 18%, 86% 45%, 78% 78%, 50% 100%, 22% 78%, 14% 45%, 28% 18%)!important;
}
.refined-plate .snack-coxinha::before{
display:none!important;
}
/* empada: cestinha com topo ondulado */
.refined-plate .snack-empada{
width:92px!important;
height:72px!important;
border-radius:22px 22px 30px 30px!important;
background:
linear-gradient(180deg,#f9c878 0 22%,#e9a84c 23% 57%,#bd681f 100%)!important;
clip-path:polygon(8% 24%, 18% 6%, 82% 6%, 92% 24%, 82% 100%, 18% 100%)!important;
}
.refined-plate .snack-empada::before{
content:""!important;
position:absolute!important;
left:16px!important;
right:16px!important;
top:8px!important;
height:12px!important;
border-radius:50%!important;
background:rgba(255,237,179,.55)!important;
box-shadow:none!important;
}
/* quibe: torpedo escuro */
.refined-plate .snack-kibe{
width:110px!important;
height:58px!important;
border-radius:60% 40% 60% 40% / 52% 48% 52% 48%!important;
background:
radial-gradient(circle at 34% 30%, #d78b3a 0 14%, transparent 15%),
linear-gradient(145deg,#b96d25,#7d3b13 72%,#5f2a0f)!important;
clip-path:polygon(8% 50%, 24% 14%, 76% 14%, 94% 50%, 76% 86%, 24% 86%)!important;
}
/* pastel: meia-lua com borda frisada */
.refined-plate .snack-pastel{
width:104px!important;
height:62px!important;
border-radius:58px 58px 14px 14px!important;
background:
radial-gradient(circle at 24% 20%, #ffd57e 0 12%, transparent 13%),
linear-gradient(145deg,#f8bd5c,#d98228 65%,#b25b19)!important;
clip-path:ellipse(50% 48% at 50% 50%)!important;
}
.refined-plate .snack-pastel::before{
content:""!important;
position:absolute!important;
left:10px!important;
right:10px!important;
bottom:9px!important;
height:4px!important;
border-radius:999px!important;
background:repeating-linear-gradient(90deg, rgba(115,55,18,.34) 0 6px, transparent 6px 10px)!important;
}
/* reposicionamento com mais harmonia */
.refined-plate .s1{left:46%!important;top:8%!important;transform:rotate(8deg)!important}
.refined-plate .s2{right:7%!important;top:40%!important;transform:rotate(76deg)!important}
.refined-plate .s3{left:39%!important;bottom:9%!important;transform:rotate(178deg)!important}
.refined-plate .s4{left:7%!important;top:40%!important;transform:rotate(-82deg)!important}
.refined-plate .s5{left:17%!important;top:16%!important;transform:rotate(-28deg)!important}
/* garante que os itens apareçam mesmo com CSS antigo em cache */
.classic-hero-showcase .snack,
.classic-hero-showcase .plate-center{
display:block!important;
}
.classic-hero-showcase .logo-only-center{
display:grid!important;
}
@media(max-width:560px){
.logo-only-center{
inset:32%!important;
border-width:5px!important;
}
.logo-only-center .plate-logo-img{
padding:6px!important;
}
}
/* V23 - Salgados reais ao redor do círculo */
.refined-plate .snack-photo{
background:transparent !important;
box-shadow:none !important;
clip-path:none !important;
width:104px !important;
height:104px !important;
display:grid !important;
place-items:center !important;
}
.refined-plate .snack-photo::before,
.refined-plate .snack-photo::after{display:none !important; content:none !important;}
.refined-plate .snack-photo img{
width:100% !important;
height:100% !important;
object-fit:contain !important;
display:block !important;
filter: drop-shadow(0 14px 18px rgba(91,29,19,.18));
mix-blend-mode:multiply;
}
/* neutraliza estilos antigos das formas desenhadas */
.refined-plate .snack-coxinha,
.refined-plate .snack-empada,
.refined-plate .snack-kibe,
.refined-plate .snack-pastel{background:transparent !important;}
.refined-plate .snack-photo.s1{left:46% !important; top:7% !important; transform:rotate(12deg) !important;}
.refined-plate .snack-photo.s2{right:6% !important; top:39% !important; transform:rotate(84deg) !important;}
.refined-plate .snack-photo.s3{left:39% !important; bottom:8% !important; transform:rotate(180deg) !important;}
.refined-plate .snack-photo.s4{left:6% !important; top:39% !important; transform:rotate(-82deg) !important;}
.refined-plate .snack-photo.s5{left:17% !important; top:15% !important; transform:rotate(-26deg) !important;}
.logo-only-center{
inset:33% !important;
padding:0 !important;
background:#fff !important;
border:8px solid #6b1d10 !important;
overflow:hidden !important;
}
.logo-only-center .plate-logo-img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
border-radius:50% !important;
padding:8px !important;
background:#fff !important;
}
@media(max-width:560px){
.refined-plate .snack-photo{width:72px !important; height:72px !important;}
}
/* V24 - Hero igual à imagem gerada */
.hero-art-showcase{
min-height:520px;
display:grid;
place-items:center;
}
.hero-art-card{
width:min(100%, 980px);
background:linear-gradient(180deg,#fffdf9,#fff8ef);
border:1px solid rgba(91,29,19,.08);
border-radius:36px;
padding:18px;
box-shadow:0 28px 80px rgba(91,29,19,.12);
}
.hero-art-card img{
display:block;
width:100%;
height:auto;
border-radius:28px;
}
/* esconder o círculo antigo se alguma regra de cache restar */
.hero-art-showcase .plate,
.hero-art-showcase .snack,
.hero-art-showcase .floating-card,
.hero-art-showcase .plate-center{
display:none !important;
}
@media (max-width: 980px){
.hero-art-card{padding:14px; border-radius:30px;}
.hero-art-card img{border-radius:22px;}
}
@media (max-width: 560px){
.hero-art-showcase{min-height:auto;}
.hero-art-card{padding:10px; border-radius:22px;}
.hero-art-card img{border-radius:16px;}
}
/* V25 - Topo circular + cálculo automático por cento */
.hero-art-showcase{
min-height:520px;
display:grid;
place-items:center;
}
.hero-art-circle{
width:min(100%, 560px);
aspect-ratio:1/1;
border-radius:50%;
padding:16px;
background:radial-gradient(circle at center, #fffdf8 0%, #fff6e8 60%, #f7e6c8 100%);
box-shadow:0 30px 80px rgba(91,29,19,.14), inset 0 0 0 10px rgba(255,255,255,.75);
display:grid;
place-items:center;
overflow:hidden;
}
.hero-art-circle img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
display:block;
}
.order-total-box{
background:#fff6eb;
border:1px solid rgba(91,29,19,.12);
border-radius:18px;
padding:14px 16px;
display:flex;
flex-direction:column;
gap:4px;
}
.order-total-box span{
font-size:13px;
font-weight:800;
color:#7a2b18;
}
.order-total-box strong{
font-size:28px;
line-height:1;
color:#b72f16;
font-family:Fredoka,sans-serif;
}
.order-total-box small{
color:#8b5b42;
line-height:1.4;
}
.cart-summary{grid-template-columns:repeat(2,1fr);}
.cart-summary div:last-child{
grid-column:1 / -1;
background:#fff0d7;
}
@media (max-width: 980px){
.hero-art-circle{width:min(100%, 460px);}
}
@media (max-width: 560px){
.hero-art-circle{width:min(100%, 320px); padding:10px;}
.order-total-box strong{font-size:24px;}
.cart-summary{grid-template-columns:1fr;}
.cart-summary div:last-child{grid-column:auto;}
}
/* V26 - Destaque financeiro no admin + topo premium */
.order-admin-summary-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
margin-bottom:18px;
}
.order-admin-summary-card{
padding:18px;
border-radius:24px;
background:linear-gradient(180deg,#fffefd 0%,#fff5ea 100%);
border:1px solid rgba(122,43,24,.10);
box-shadow:0 16px 40px rgba(91,29,19,.08);
display:flex;
flex-direction:column;
gap:6px;
}
.order-admin-summary-card span{
font-size:13px;
font-weight:800;
color:#8f5c43;
text-transform:uppercase;
letter-spacing:.06em;
}
.order-admin-summary-card strong{
font-size:30px;
line-height:1;
color:#5b1d13;
font-family:Fredoka,sans-serif;
}
.order-admin-summary-card small{
color:#8f6b55;
line-height:1.45;
}
.order-admin-summary-card.emphasis{
background:linear-gradient(135deg,#fff1db 0%,#ffd8aa 100%);
border-color:rgba(205,98,18,.18);
}
.order-admin-summary-card.emphasis strong{color:#bb4e0f;}
.order-admin-summary-card.warning{
background:linear-gradient(135deg,#fff7ec 0%,#ffe7c7 100%);
border-color:rgba(196,109,16,.16);
}
.order-finance-highlight{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin:16px 0 18px;
}
.order-finance-tile{
padding:18px;
border-radius:22px;
background:#fffaf4;
border:1px solid rgba(122,43,24,.10);
box-shadow:0 12px 30px rgba(91,29,19,.07);
display:flex;
flex-direction:column;
gap:4px;
}
.order-finance-tile span{
font-size:12px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
color:#9a6448;
}
.order-finance-tile strong{
font-size:28px;
line-height:1;
color:#5b1d13;
font-family:Fredoka,sans-serif;
}
.order-finance-tile small{
color:#8a6954;
line-height:1.35;
}
.order-finance-tile.emphasis{
background:linear-gradient(135deg,#fff0dd 0%,#ffc989 100%);
border-color:rgba(205,98,18,.18);
}
.order-finance-tile.emphasis strong{color:#b84810;}
.order-finance-tile.warning{
background:linear-gradient(135deg,#fff8ef 0%,#ffe6bb 100%);
border-color:rgba(192,108,21,.18);
}
.order-admin-card{
border:1px solid rgba(122,43,24,.10);
box-shadow:0 20px 46px rgba(91,29,19,.08);
}
.hero-art-circle{
position:relative;
isolation:isolate;
width:min(100%, 590px);
padding:22px;
background:radial-gradient(circle at 30% 30%,#fffefb 0%,#fff8ee 48%,#f7e6c8 100%);
border-radius:50%;
box-shadow:0 34px 90px rgba(91,29,19,.18), inset 0 0 0 12px rgba(255,255,255,.88);
}
.hero-art-circle::before{
content:"";
position:absolute;
inset:-18px;
border-radius:50%;
background:conic-gradient(from 180deg,#f2d2a0,#d68d27,#7a2b18,#f1c57c,#f7e7ca,#d68d27);
z-index:-2;
filter:blur(.2px);
box-shadow:0 0 0 6px rgba(255,244,226,.75), 0 24px 80px rgba(205,98,18,.20);
}
.hero-art-circle::after{
content:"";
position:absolute;
inset:8px;
border-radius:50%;
border:2px solid rgba(190,104,22,.55);
box-shadow:inset 0 0 0 8px rgba(255,255,255,.40);
pointer-events:none;
}
.hero-art-circle img{
position:relative;
z-index:1;
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
box-shadow:0 22px 48px rgba(91,29,19,.16);
}
@media (max-width: 980px){
.order-admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.order-finance-highlight{grid-template-columns:1fr;}
.hero-art-circle{width:min(100%, 500px);}
}
@media (max-width: 640px){
.order-admin-summary-grid{grid-template-columns:1fr;}
.order-admin-summary-card strong,.order-finance-tile strong{font-size:24px;}
.hero-art-circle{width:min(100%, 340px); padding:16px;}
.hero-art-circle::before{inset:-10px;}
}
/* V27 - Cartão com taxas da maquininha */
.card-payment-box{
background:#fff7ed;
border:1px solid rgba(91,29,19,.14);
border-radius:20px;
padding:16px;
display:flex;
flex-direction:column;
gap:10px;
}
.card-payment-box strong{color:#5b1d13;font-weight:900;}
.card-fee-preview{
background:#fff;
border:1px solid rgba(183,47,22,.14);
border-radius:18px;
padding:14px;
display:flex;
flex-direction:column;
gap:4px;
}
.card-fee-preview span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8a4f35;font-weight:900;}
.card-fee-preview strong{font-size:24px;color:#b72f16;font-family:Fredoka,sans-serif;}
.card-fee-preview small{line-height:1.4;color:#7a5947;}
.legal-fee-note{
margin:0;
background:#fff0d7;
border-left:4px solid #b72f16;
border-radius:14px;
padding:12px;
color:#5b1d13;
font-size:13px;
line-height:1.45;
font-weight:800;
}
.order-finance-tile small small,
.admin-table small{color:#8a6954;font-size:11px;line-height:1.35;}
/* V28 - Frase do cartão mais suave e legível */
.legal-fee-note{
margin:0!important;
background:#fff4df!important;
border-left:5px solid #b84a16!important;
border-radius:16px!important;
padding:14px 15px!important;
color:#4a160d!important;
font-size:13.5px!important;
line-height:1.55!important;
font-weight:700!important;
opacity:1!important;
text-shadow:none!important;
}
.legal-fee-note strong,
.legal-fee-note b{
color:#4a160d!important;
}
.card-payment-box .legal-fee-note{
color:#4a160d!important;
}