:root{--black:#050505;--deep:#0a0a0f;--surface:#111118;--card:#161622;--border:#ffffff0d;--gold:#d4af37;--gold-light:#f1d592;--cream:#f4eee0;--muted:#f4eee066;--text:#f4eee0}.mt-20{margin-top:20px}.mt-32{margin-top:32px}.hidden{display:none!important}.opacity-50{opacity:.5}.p-20{padding:20px}.btn-danger{color:#ff6e6e!important;background:#ff64641a!important;border-color:#ff646433!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;font-weight:300;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.hero{text-align:center;padding:60px 24px 40px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c1f 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.hero-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);opacity:0;margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;animation:1s cubic-bezier(.2,.8,.2,1) .2s forwards fadeUp}.rating-badge{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#ffffff08;border-radius:20px;flex-direction:column;align-items:center;margin-bottom:24px;padding:6px 12px;animation:1s .4s forwards fadeUp;display:inline-flex}.rating-stars{color:#fc0;letter-spacing:2px;margin-bottom:2px;font-size:14px}.rating-text{opacity:.8;letter-spacing:.5px;font-size:10px;font-weight:600}.hero-name{letter-spacing:-.02em;color:var(--cream);opacity:0;font-family:Playfair Display,serif;font-size:clamp(48px,12vw,84px);font-weight:700;line-height:.9;animation:1s cubic-bezier(.2,.8,.2,1) .3s forwards fadeUp}.hero-name em{color:var(--gold-light);font-style:italic;font-weight:400}.hero-tagline{color:var(--muted);opacity:0;margin-top:20px;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;animation:1s cubic-bezier(.2,.8,.2,1) .45s forwards fadeUp}.promo-banner{opacity:0;background:#c9a84c1a;border:1px solid #c9a84c33;border-radius:100px;justify-content:center;align-items:center;margin-bottom:24px;padding:8px 16px;animation:1s 1s forwards fadeIn;display:inline-flex}.promo-text{letter-spacing:.05em;color:var(--gold-light);text-transform:uppercase;font-size:11px;font-weight:500}.divider{opacity:0;align-items:center;gap:16px;max-width:240px;margin:32px auto;animation:1s cubic-bezier(.2,.8,.2,1) .55s forwards fadeUp;display:flex}.divider-line{background:var(--border);flex:1;height:1px}.divider-gem{width:12px;height:12px;color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.divider-gem:after{content:"⚜️"}.nav-wrap{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);opacity:0;background:#0a0a0ad9;padding:0 16px;animation:.8s .7s forwards fadeIn;position:sticky;top:0}.nav{scrollbar-width:none;gap:0;max-width:520px;margin:0 auto;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-btn{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:20px 24px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:color .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-btn:after{content:"";background:var(--gold);height:2px;transition:left .3s cubic-bezier(.4,0,.2,1),right .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;right:50%}.nav-btn.active{color:var(--cream)}.nav-btn.active:after{left:24px;right:24px}.content{max-width:520px;margin:0 auto;padding:40px 20px 140px}.section{display:none}.section.active{display:block}.section-title{color:var(--cream);margin-bottom:8px;font-family:Playfair Display,serif;font-size:32px;font-weight:400;animation:.6s cubic-bezier(.2,.8,.2,1) forwards fadeUp}.section-subtitle{color:var(--muted);letter-spacing:.08em;margin-bottom:32px;font-size:13px;animation:.6s cubic-bezier(.2,.8,.2,1) 50ms forwards fadeUp}.menu-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);cursor:pointer;opacity:0;background:#1c1c2866;border-radius:20px;align-items:flex-start;gap:20px;margin-bottom:16px;padding:24px;transition:border-color .3s,transform .3s,background .3s;animation:.6s cubic-bezier(.2,.8,.2,1) forwards fadeUp;display:flex}.menu-card:active{transform:scale(.97)}.menu-card:hover{background:#1c1c2899;border-color:#c9a84c66;transform:translateY(-2px)}.menu-card:first-child{animation-delay:.1s}.menu-card:nth-child(2){animation-delay:.15s}.menu-card:nth-child(3){animation-delay:.2s}.menu-card:nth-child(4){animation-delay:.25s}.menu-card:nth-child(5){animation-delay:.3s}.card-emoji{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:40px;display:flex}.card-body{flex:1}.card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.card-name{color:var(--cream);font-family:Playfair Display,serif;font-size:19px;font-weight:400;line-height:1.25}.card-price{color:var(--gold-light);flex-shrink:0;font-size:17px;font-weight:500}.card-desc{color:var(--muted);margin-bottom:12px;font-size:13.5px;line-height:1.6}.card-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);background:#ffffff08;border-radius:20px;padding:4px 10px;font-size:10px}.tag.gold{color:var(--gold);background:#c9a84c14;border-color:#c9a84c33}.badge{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:#c9a84c14;border:1px solid #c9a84c33;border-radius:6px;align-items:center;gap:5px;margin-bottom:6px;padding:3px 8px;font-size:9px;display:inline-flex}.feedback-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);opacity:0;background:#1c1c2866;border-radius:20px;margin-bottom:20px;padding:32px 24px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards fadeUp}.feedback-card:first-child{animation-delay:.1s}.feedback-card:nth-child(2){animation-delay:.18s}.feedback-card:nth-child(3){animation-delay:.26s}.feedback-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:11px}.feedback-question{color:var(--cream);margin-bottom:24px;font-family:Playfair Display,serif;font-size:20px;line-height:1.4}.stars{gap:12px;margin-bottom:24px;display:flex}.star{cursor:pointer;filter:grayscale()opacity(.3);font-size:32px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.star:hover,.star.lit{filter:none;transform:scale(1.2)}.feedback-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--cream);resize:none;border-radius:12px;outline:none;padding:16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:300;transition:border-color .3s}.feedback-input:focus{border-color:#c9a84c4d}.feedback-input::placeholder{color:#f0e8d833}.vote-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vote-btn{background:var(--surface);border:1px solid var(--border);text-align:center;cursor:pointer;color:var(--text);border-radius:14px;padding:20px 12px;transition:border-color .3s,background .3s,transform .2s}.vote-btn:hover,.vote-btn.selected{color:var(--gold-light);background:#c9a84c0f;border-color:#c9a84c66;transform:translateY(-2px)}.vote-btn .v-emoji{margin-bottom:8px;font-size:28px;display:block}.vote-btn .v-name{font-size:14px;font-weight:500}.vote-btn .v-votes{color:var(--muted);margin-top:4px;font-size:11px}.join-card{text-align:center;opacity:0;background:linear-gradient(135deg,#1c1c28 0%,#161622 100%);border:1px solid #c9a84c33;border-radius:24px;padding:40px 24px;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeUp;position:relative;overflow:hidden}.join-card:before{content:"";background:radial-gradient(circle,#c9a84c0f,#0000 70%);width:240px;height:240px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.join-icon{margin-bottom:20px;font-size:48px}.join-title{color:var(--cream);margin-bottom:12px;font-family:Playfair Display,serif;font-size:28px}.join-desc{color:var(--muted);margin-bottom:32px;font-size:15px;line-height:1.7}.join-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--cream);border-radius:12px;outline:none;margin-bottom:12px;padding:16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:300;transition:border-color .3s}.join-input:focus{border-color:#c9a84c4d}.btn-gold{background:var(--gold);color:#0a0a0a;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;width:100%;padding:18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .3s,transform .2s}.btn-gold:hover{background:var(--gold-light)}.btn-gold:active{transform:scale(.98)}.or-divider{color:var(--muted);letter-spacing:.1em;align-items:center;gap:16px;margin:20px 0;font-size:12px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-whatsapp{color:#25d366;letter-spacing:.1em;cursor:pointer;background:#25d36614;border:1px solid #25d36633;border-radius:12px;width:100%;padding:16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .3s,border-color .3s}.btn-whatsapp:hover{background:#25d3661f;border-color:#25d36666}.powered-by{text-align:center;letter-spacing:.15em;text-transform:uppercase;color:#f0e8d826;pointer-events:none;z-index:50;font-size:11px;position:fixed;bottom:24px;left:0;right:0}.powered-by span{color:var(--gold);opacity:.5}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--cream);opacity:0;pointer-events:none;white-space:nowrap;z-index:200;background:#1c1c28e6;border:1px solid #c9a84c4d;border-radius:12px;padding:14px 24px;font-size:14px;transition:all .4s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:60px;left:50%;transform:translate(-50%)translateY(24px);box-shadow:0 10px 30px #0006}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-btn.nav-owner{color:var(--gold);border-left:1px solid var(--border);padding-right:32px}.nav-btn.nav-owner span{vertical-align:middle;background:#c9a84c26;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:8px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:4px;padding:20px;display:flex}.stat-card:first-child{grid-column:span 2}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.stat-value{color:var(--cream);font-family:Playfair Display,serif;font-size:28px}.stat-row{align-items:baseline;gap:12px;display:flex}.stat-trend.positive{color:#25d366}.mini-chart{opacity:.6;align-items:flex-end;gap:4px;height:40px;margin-top:16px;display:flex}.mini-chart .bar{background:var(--gold);border-radius:2px 2px 0 0;flex:1;min-width:4px}.bar-1{height:40%}.bar-2{height:60%}.bar-3{height:45%}.bar-4{height:80%}.bar-5{height:75%}.bar-6{height:95%}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.feedback-feed{flex-direction:column;gap:12px;display:flex}.feed-item{border:1px solid var(--border);background:#ffffff05;border-radius:12px;padding:16px}.feed-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stars.smaller{gap:4px;margin-bottom:0;font-size:12px}.feed-time{color:var(--muted);font-size:10px}.feed-text{color:var(--cream);font-size:13px;font-style:italic;line-height:1.5}.menu-mgmt-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.mgmt-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mgmt-item:last-child{border-bottom:none}.mgmt-info{flex-direction:column;gap:2px;display:flex}.mgmt-name{color:var(--cream);font-size:14px;font-weight:500}.mgmt-stock{text-transform:uppercase;letter-spacing:.05em;font-size:10px}.mgmt-stock.pos{color:#25d366}.mgmt-stock.neg{color:#e8c97a}.btn-toggle{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:11px;transition:all .3s}.btn-toggle.active{border-color:var(--gold);color:var(--gold);background:#c9a84c1a}.sources-card,.popular-items-card,.system-settings-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.dashboard-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:150;background:#0a0a0acc;border-radius:20px;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.lock-card{text-align:center;max-width:280px}.lock-icon{margin-bottom:16px;font-size:40px}.lock-card h3{color:var(--cream);margin-bottom:8px;font-family:Playfair Display,serif}.lock-card p{color:var(--muted);margin-bottom:24px;font-size:13px}.pin-display{letter-spacing:.5em;color:var(--gold);background:#ffffff0d;border-radius:8px;margin-bottom:24px;padding:12px;font-family:monospace;font-size:24px}.pin-pad{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pin-pad button{border:1px solid var(--border);color:var(--cream);cursor:pointer;background:#ffffff0d;border-radius:12px;padding:16px;font-size:18px;transition:all .2s}.pin-pad button:active{background:var(--gold);color:var(--black)}.pin-pad .btn-clear,.pin-pad .btn-back{color:var(--muted);font-size:14px}.service-fab{z-index:500;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:80px;right:24px}.fab-main{background:var(--gold);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:12px 20px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 8px 32px #c9a84c4d}.fab-main:hover{transform:translateY(-4px);box-shadow:0 12px 40px #c9a84c66}.fab-icon{font-size:20px}.fab-text{text-transform:uppercase;letter-spacing:.05em;color:var(--black);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.service-menu{opacity:0;visibility:hidden;flex-direction:column;gap:8px;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;transform:translateY(20px)}.service-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.service-option{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--cream);cursor:pointer;white-space:nowrap;background:#1c1c28e6;border-radius:100px;align-items:center;gap:12px;padding:12px 24px;transition:all .2s;display:flex}.service-option:hover{background:var(--surface);border-color:var(--gold);transform:translate(-4px)}.s-icon{font-size:18px}.s-name{font-size:13px;font-weight:500}.system-settings-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.reserve-body{background:var(--bg);min-height:100vh;color:var(--cream);flex-direction:column;padding-bottom:60px;display:flex}.reserve-container{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;width:90%;max-width:500px;margin:40px auto;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.reserve-header{text-align:center;margin-bottom:32px}.reserve-title{color:var(--gold);margin-bottom:8px;font-family:Playfair Display,serif;font-size:2rem}.step-indicator{justify-content:center;gap:12px;margin-bottom:32px;display:flex}.step-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .3s}.step-dot.active{background:var(--gold);transform:scale(1.4);box-shadow:0 0 10px #c9a84c66}.form-step{animation:.4s ease-out fadeIn;display:none}.form-step.active{display:block}.input-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:10px;font-size:.85rem;display:block}.reserve-input{border:1px solid var(--border);width:100%;color:var(--cream);background:#ffffff0d;border-radius:12px;margin-bottom:24px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}.reserve-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 4px #c9a84c1a}.time-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.time-btn{border:1px solid var(--border);color:var(--cream);cursor:pointer;background:#ffffff0d;border-radius:10px;padding:12px;font-size:.9rem;transition:all .2s}.time-btn:hover{border-color:var(--gold);background:#c9a84c1a}.time-btn.selected{background:var(--gold);border-color:var(--gold);color:var(--bg);font-weight:600}.step-footer{justify-content:space-between;gap:12px;margin-top:32px;display:flex}.btn-secondary{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:14px;font-weight:500}.btn-primary{background:var(--gold);color:var(--bg);cursor:pointer;border:none;border-radius:12px;flex:2;padding:14px;font-weight:600;transition:opacity .2s}.btn-primary:active{opacity:.8}.success-area{text-align:center;padding:40px 0}.success-icon{margin-bottom:24px;font-size:4rem;display:block}.reserve-hero{min-height:initial;padding:60px 20px 20px}.table-duration-text{color:var(--text-dim);text-align:center;font-size:.8rem}@media (width<=600px){:root{--nav-height:70px}.service-fab{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:1000;right:16px}.fab-main{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:12px;display:flex;box-shadow:0 8px 24px #00000080}.fab-main span:last-child{display:none}.fab-main span:first-child{margin:0;font-size:1.4rem}.service-menu{width:calc(100vw - 32px);right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px));max-height:70vh}.hero-name{font-size:2.8rem}.section-title{font-size:2rem}.menu-grid{grid-template-columns:1fr;gap:20px}.reserve-container{width:95%;margin-top:20px;padding:20px}}.map-container{border:1px solid var(--border);background:var(--card);border-radius:16px;width:100%;margin-top:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.map-container iframe{border:0;display:block}.visit-info-grid{text-align:left;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.visit-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.v-label{text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-size:10px;display:block}.v-value{color:var(--cream);font-size:14px;font-weight:600;display:block}