@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-color:#f5eeec;--bg-color-light:#fdfaf9;--text-primary:#3d1c14;--text-secondary:#703424;--accent-color:#a04a33;--border-color:#70342426;--shadow-sm:0 2px 4px #7034240d;--shadow-md:0 4px 8px #70342414;--shadow-lg:0 10px 20px #7034241f;--shadow-pin:2px 4px 10px #0003;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}.app-container{background-color:var(--bg-color);max-width:600px;min-height:100vh;margin:0 auto;padding-bottom:100px;position:relative}.header{-webkit-backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border-color);background:#f5eeecd9;padding:20px 20px 0;position:sticky;top:0}.header-logo-container{text-align:center;margin-bottom:20px}.header-logo{max-width:150px;height:auto}.tabs-container{scrollbar-width:none;gap:10px;padding-bottom:15px;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{border-radius:var(--radius-lg);color:var(--text-secondary);white-space:nowrap;text-align:center;flex:1;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .3s}.tab-btn.active{background-color:var(--text-primary);color:var(--bg-color-light);box-shadow:var(--shadow-md)}.content-area{padding:24px 20px}.accordion{background:var(--bg-color-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;transition:all .3s;overflow:hidden}.accordion-header{background:var(--bg-color-light);width:100%;font-family:var(--font-heading);color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.1rem;font-weight:600;display:flex}.accordion-icon{transition:transform .3s}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{background:var(--bg-color-light);max-height:0;padding:0 12px;transition:max-height .4s cubic-bezier(0,1,0,1);overflow:hidden}.accordion-content.open{max-height:2000px;padding-bottom:16px;transition:max-height .6s ease-in-out,padding .6s}.menu-item{border-bottom:1px dashed var(--border-color);flex-direction:column;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.menu-item:last-child{border-bottom:none}.menu-item-info{flex-direction:column;gap:4px;display:flex}.menu-item-name{color:var(--text-primary);font-size:1.05rem;font-weight:600}.menu-item-description{color:var(--text-secondary);font-size:.8rem;font-style:italic;line-height:1.3}.menu-item-options{flex-wrap:wrap;gap:4px;display:flex}.menu-item-pill{background:#7034240a;border:1px solid #7034241a;border-radius:10px;align-items:center;gap:2px;padding:2px 4px;display:inline-flex}.menu-item-qty{color:var(--text-secondary);white-space:nowrap;font-size:.68rem}.menu-item-dash{color:var(--text-secondary);opacity:.4;font-size:.68rem}.menu-item-price-container{align-items:center;gap:4px;display:flex}.menu-item-old-price{color:var(--text-secondary);opacity:.6;font-size:.7rem;text-decoration:line-through}.menu-item-price{color:var(--text-primary);font-weight:600;font-family:var(--font-heading);white-space:nowrap;font-size:.75rem}.pinboard-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;padding:20px 10px;display:grid}.sticky-note{box-shadow:var(--shadow-pin);background:#fff9c4;border-radius:2px;flex-direction:column;gap:8px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.sticky-note:hover{z-index:10;box-shadow:4px 8px 15px #00000040;transform:scale(1.02)!important}.pin{background:#3d1c14;border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset -2px -2px 4px #0000004d,1px 2px 2px #0003}.note-text{color:#333;flex-grow:1;margin-top:10px;font-family:Comic Sans MS,cursive,sans-serif;font-size:.9rem}.note-author{text-align:right;color:#555;font-size:.8rem;font-weight:700}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:100px;gap:12px;display:grid}.gallery-item{background:var(--bg-color-light);border-radius:var(--radius-sm);position:relative;overflow:hidden}.gallery-placeholder{width:100%;height:100%;color:var(--text-secondary);background:#7034240d;justify-content:center;align-items:center;font-size:.8rem;display:flex}.floating-menu-container{z-index:1000;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:24px;right:24px}.floating-actions{opacity:0;pointer-events:none;flex-direction:column;gap:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translateY(20px)}.floating-menu-container.open .floating-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.fab-action-wrapper{justify-content:flex-end;align-items:center;gap:12px;display:flex}.fab-label{background:var(--bg-color-light);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);white-space:nowrap;pointer-events:none;padding:8px 14px;font-size:.9rem;font-weight:600}.fab-action{color:#fff;width:48px;height:48px;box-shadow:var(--shadow-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.fab-action:hover{transform:scale(1.1)}.fab-action.whatsapp{background-color:#25d366}.fab-action.group{background-color:#08c}.fab-action.info{background-color:var(--accent-color)}.fab-action.notes{background-color:var(--text-secondary)}.floating-menu-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;opacity:0;pointer-events:none;background:#f5eeec66;transition:opacity .3s;position:fixed;inset:0}.floating-menu-overlay.open{opacity:1;pointer-events:auto}@keyframes pulse-ring{0%{transform:scale(.8);box-shadow:0 0 #70342480}70%{transform:scale(1);box-shadow:0 0 0 10px #70342400}to{transform:scale(.8);box-shadow:0 0 #70342400}}.fab-main{background-color:var(--text-primary);width:60px;height:60px;color:var(--bg-color-light);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s,background-color .3s;display:flex;position:relative;box-shadow:0 4px 12px #7034244d}.fab-main.pulse{animation:2s infinite pulse-ring}.floating-menu-container.open .fab-main.pulse{animation:none;transform:scale(1)}.fab-main:hover{background-color:var(--accent-color)}.fab-icon{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.fab-icon.rotate{transform:rotate(45deg)}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color-light);border-radius:var(--radius-md);width:90%;max-width:400px;box-shadow:var(--shadow-lg);padding:24px;position:relative}.modal-close{color:var(--text-secondary);font-size:1.2rem;position:absolute;top:16px;right:16px}.modal-body{max-height:60vh;margin-top:16px;padding-right:10px;font-size:.95rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#7034240d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#70342433;border-radius:4px}