@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--forest:#174b43;--forest-dark:#123e37;--green:#2f7c62;--lime:#cdea9c;--cream:#faf9f4;--white:#fff;--text:#1a342f;--muted:#70847d;--line:#e8eee7;--orange:#ff975e;--surface:#f1f6ec;--shadow:0 16px 45px rgba(22,70,57,.08);font-family:'DM Sans','Noto Sans TC',system-ui,sans-serif;color:var(--text);background:var(--cream)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91ca6d;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.announcement{min-height:35px;background:#16463f;color:#e7f8dc;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:11px;padding:7px 14px;letter-spacing:.02em}.announce-dot{width:7px;height:7px;border-radius:50%;background:#c9ee99;flex-shrink:0}.app-shell{max-width:1480px;padding:0 50px;margin:auto}.header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:175px}.logo-mark{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--forest);position:relative;flex-shrink:0}.logo-mark:before{content:'';width:21px;height:19px;position:absolute;bottom:10px;border-radius:4px 4px 7px 7px;background:var(--lime)}.logo-handle{position:absolute;width:13px;height:10px;border:3px solid var(--lime);border-radius:7px 7px 0 0;top:10px}.logo-seed{position:absolute;width:7px;height:10px;border-radius:8px 2px 8px 2px;background:var(--forest);transform:rotate(-28deg);bottom:14px;left:19px}.brand-copy{display:flex;flex-direction:column;line-height:1.06}.brand-copy strong{font-size:22px;letter-spacing:-.07em;font-weight:800}.brand-copy small{font-size:10px;color:var(--muted);margin-top:5px;letter-spacing:.18em}.brand-dot{color:#7dc98d}.nav{display:flex;gap:28px;align-items:center}.nav-item,.admin-link{border:0;background:transparent;color:#52655f;font-size:13px;font-weight:700;padding:8px 3px}.nav-item.active{color:var(--forest)}.header-right{display:flex;align-items:center;gap:16px}.header select{background:transparent;border:1px solid #e0e9df;border-radius:10px;padding:10px 14px;color:var(--forest);font-size:12px;max-width:118px}.admin-link{font-size:11px;color:#7d9385}.page{display:none;min-height:calc(100vh - 280px)}.page.active{display:block}.hero{display:grid;grid-template-columns:1fr .96fr;gap:30px;border-radius:27px;overflow:hidden;min-height:470px;background:var(--surface);position:relative}.hero-left{padding:74px 0 48px 67px;position:relative;z-index:2}.eyebrow{display:inline-flex;gap:6px;align-items:center;background:#e0efcf;color:#3b6b4b;font-size:11px;font-weight:800;border-radius:30px;padding:9px 15px;letter-spacing:.06em}.eyebrow-sparkle{color:#61984f;font-size:14px}.hero h1{font-size:clamp(40px,4.2vw,64px);line-height:1.26;letter-spacing:-.04em;margin:21px 0 15px;font-weight:800}.hero h1 em{font-style:normal;color:#4a8d6d}.hero-desc{font-size:15px;color:#668076;max-width:425px;line-height:1.9;margin:0}.hero-actions{margin-top:28px;display:flex;align-items:center;gap:20px}.primary-btn{border:0;background:var(--forest);color:white;padding:15px 22px;border-radius:12px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 8px 20px rgba(23,75,67,.13);transition:transform .18s,background .18s}.primary-btn:hover{background:#266758;transform:translateY(-2px)}.primary-btn.full,.outline-btn.full{width:100%}.text-btn{border:0;background:transparent;color:var(--forest);font-weight:800;font-size:12px}.hero-perks{display:flex;gap:21px;flex-wrap:wrap;margin-top:35px;font-size:11px;color:#517469;font-weight:700}.hero-perks b{color:#4b9371}.hero-art{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}.blob{position:absolute;border-radius:50%}.blob-one{width:450px;height:450px;background:#d8eccd;right:3%;top:16%}.blob-two{width:230px;height:230px;background:#c9e7b8;right:0%;top:-24%}.food-showcase{position:absolute;transform:rotate(-9deg);top:83px;left:26%;width:292px;height:318px;border:11px solid #fff;background:linear-gradient(160deg,#ffce83,#f99a68);border-radius:31px;box-shadow:0 32px 45px rgba(42,74,41,.17);display:flex;align-items:center;justify-content:center;flex-direction:column}.tiny-label{font-size:9px;letter-spacing:.16em;color:#82462d;font-weight:800;position:absolute;top:24px}.showcase-emoji{font-size:140px;filter:drop-shadow(0 15px 9px rgba(81,53,30,.16))}.showcase-bottom{position:absolute;bottom:22px;display:flex;align-items:center;justify-content:space-between;left:22px;right:22px;color:#894f31;font-size:9px;letter-spacing:.08em;font-weight:800}.showcase-bottom b{color:#fff}.showcase-stars{color:#ffe7ae}.floating-note{position:absolute;z-index:1;background:#fff;border-radius:16px;padding:13px 16px;box-shadow:0 15px 33px rgba(20,65,48,.12);display:grid;grid-template-columns:35px auto;grid-template-rows:auto auto;align-items:center;min-width:140px;transform:rotate(6deg)}.floating-note span{font-size:26px;grid-row:span 2}.floating-note strong{font-size:17px;line-height:1.2}.floating-note small{font-size:10px;color:#82928a}.note-top{right:28px;top:92px}.note-bottom{left:28px;bottom:66px;transform:rotate(-7deg)}.explore{padding:73px 0 70px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.overline{color:#72a47b;font-weight:800;font-size:10px;letter-spacing:.19em}.section-top h2,.inner-heading h2{font-size:33px;line-height:1.4;margin:9px 0 7px;letter-spacing:-.04em}.section-top p,.inner-heading p{color:var(--muted);font-size:13px;margin:0;line-height:1.8}.city-chip{background:#e9f0e7;color:var(--forest);padding:12px 17px;border-radius:30px;white-space:nowrap;font-size:11px;font-weight:800}.toolbar{display:flex;justify-content:space-between;gap:20px;margin:32px 0 25px}.search-wrap{position:relative;max-width:350px;flex:1}.search-wrap span{position:absolute;left:17px;top:9px;color:#91a09a;font-size:25px}.search-wrap input{width:100%;background:white;border:1px solid var(--line);border-radius:13px;padding:13px 14px 13px 44px;font-size:13px;outline:none}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);background:white;color:#64776e;border-radius:12px;font-size:11px;padding:12px 16px;font-weight:800}.filter-chip.active{background:var(--forest);color:#fff;border-color:var(--forest)}.offers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.offer-card{background:white;border:1px solid #ecf0e9;border-radius:19px;overflow:hidden;box-shadow:0 10px 22px rgba(32,65,43,.03);transition:transform .2s,box-shadow .2s}.offer-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.offer-art{height:187px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.offer-art:before{content:'';position:absolute;width:210px;height:210px;border:2px solid rgba(255,255,255,.35);border-radius:50%;top:22px;right:-36px}.offer-emoji{font-size:87px;filter:drop-shadow(0 15px 11px rgba(90,57,33,.16));position:relative}.discount-badge{position:absolute;top:14px;left:15px;color:#1d594b;background:#fff;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:800}.left-badge{position:absolute;bottom:14px;right:14px;background:rgba(255,255,255,.94);border-radius:8px;padding:7px 9px;font-size:10px;color:#3a584b;font-weight:800}.offer-body{padding:18px}.offer-cat{font-size:10px;letter-spacing:.06em;color:#79a17f;font-weight:800}.offer-body h3{font-size:17px;margin:8px 0 7px;letter-spacing:-.02em}.offer-meta{display:flex;gap:12px;flex-wrap:wrap;color:#83928a;font-size:11px}.offer-meta span{display:inline-flex;align-items:center;gap:4px}.offer-divider{height:1px;background:#eef1ec;margin:18px 0 16px}.offer-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.prices{display:flex;align-items:baseline;gap:9px}.prices strong{color:var(--forest);font-size:23px;letter-spacing:-.045em}.prices del{color:#a1aaa3;font-size:12px}.reserve-btn{background:#e6f1e5;color:var(--forest);border:0;border-radius:10px;padding:11px 15px;font-size:11px;font-weight:800;white-space:nowrap}.reserve-btn:not(:disabled):hover{background:#d4e9d4}.disclaimer{display:flex;gap:10px;margin-top:24px;padding:16px 18px;border-radius:12px;color:#8b8177;font-size:11px;background:#f5f0e6;line-height:1.7}.empty-state{grid-column:1/-1;background:white;border:1px dashed #d4e4d5;border-radius:16px;padding:50px 24px;text-align:center;color:var(--muted)}.empty-state .big{font-size:45px;display:block;margin-bottom:10px}.empty-state h3{color:var(--text);margin:8px 0}.narrow-page{padding:60px 0 88px;max-width:1100px;margin:0 auto}.inner-heading{margin-bottom:30px}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:0 8px 30px rgba(13,63,47,.025)}.merchant-layout{display:grid;grid-template-columns:1.13fr .87fr;gap:24px}.form-panel h3,.merchant-info h3,.admin-panel h3{margin:0 0 20px;font-size:20px}.form-panel label{display:block;font-size:12px;font-weight:800;color:#415e54;margin:0 0 16px}.form-panel label span{display:block;margin-bottom:8px}.form-panel input,.form-panel select{width:100%;background:#f9fbf7;border:1px solid #e1e9df;border-radius:10px;padding:13px;font-size:13px;outline:none;color:var(--forest)}.split-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feedback{color:#3d7b4f;margin-top:12px;min-height:20px;font-size:12px}.soft-illustration{height:180px;border-radius:16px;background:radial-gradient(circle at 50% 42%,#e8f3ce 0 33%,#f1f8e5 34% 100%);display:flex;align-items:center;justify-content:center;font-size:82px;margin-bottom:25px}.soft-illustration span{font-size:29px;position:relative;top:-44px;left:-23px;color:#84ad6b}.merchant-info p{color:var(--muted);font-size:13px;line-height:1.9}.mini-stat{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.mini-stat b{font-size:24px;color:var(--forest)}.outline-btn{border:1px solid #c5dacf;background:white;color:var(--forest);border-radius:12px;padding:14px 15px;font-size:12px;font-weight:800;margin-top:24px}.orders-list{display:grid;gap:14px}.order-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.order-title{font-size:16px;font-weight:800}.order-meta{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.7}.order-code{font-weight:800;letter-spacing:.09em;color:var(--forest);font-size:17px;margin-top:8px}.order-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}.order-status{display:inline-block;font-size:11px;color:#41715e;background:#e8f4ec;border-radius:20px;padding:7px 12px;font-weight:800;white-space:nowrap}.order-status.cancelled{color:#a06556;background:#fff0e8}.order-status.picked{color:#4375a1;background:#e9f3ff}.small-btn{padding:8px 11px;background:#f2f5ed;border:1px solid #e4eee2;border-radius:8px;font-size:11px;color:var(--forest);font-weight:800}.small-btn.cancel{background:#fff7f4;color:#b16852}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:white;border:1px solid var(--line);border-radius:20px;padding:25px}.step>span{font-weight:800;font-size:11px;color:#8eb48c}.step-emoji{display:flex;align-items:center;justify-content:center;font-size:45px;background:#eff7e9;border-radius:18px;height:120px;margin:15px 0 20px}.step h3{font-size:16px;margin:0 0 8px}.step p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.callout{margin-top:26px;padding:25px;border-radius:16px;background:#e8f3df;color:#235b47}.callout p{font-size:12px;line-height:1.8;margin:8px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.stat-card{padding:23px 20px;background:white;border-radius:16px;border:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{font-size:27px;color:var(--forest)}.stat-card small{font-size:9px;letter-spacing:.13em;color:#a6aea6}.admin-panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.admin-order{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.admin-order b{display:block}.admin-order small{display:block;color:var(--muted);margin-top:5px}.danger-btn{border:1px solid #f2d0c2;background:#fff6f2;color:#a25642;padding:12px 15px;border-radius:10px;font-size:12px;font-weight:800}.footer{border-top:1px solid #dfe9de;padding:30px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#92a198;font-size:10px}.footer-brand{display:flex;align-items:center;gap:8px;color:var(--forest)}.footer-brand b{font-size:17px;letter-spacing:-.04em}.footer-brand>span:last-child{color:#87a18d}.logo-mark.mini{width:30px;height:30px;border-radius:9px;transform:scale(.9)}.logo-mark.mini:before{width:17px;height:15px;bottom:8px}.logo-mark.mini .logo-handle{width:11px;height:7px;top:7px}.logo-mark.mini .logo-seed{width:5px;height:7px;bottom:11px;left:14px}.mobile-nav{display:none}.modal-layer{position:fixed;z-index:30;inset:0;background:rgba(10,35,28,.53);display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;width:min(440px,100%);background:white;border-radius:23px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal h3{margin:4px 0 12px;font-size:23px}.modal p{font-size:13px;color:var(--muted);line-height:1.9}.modal-close{position:absolute;right:15px;top:14px;background:#f5f7f2;border:0;width:35px;height:35px;border-radius:50%;font-size:20px}.modal-offer{background:#f0f6e9;border-radius:12px;padding:14px 16px;font-size:13px;line-height:2}.modal-offer strong{font-size:23px;color:var(--forest)}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button{flex:1}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#194e43;color:white;padding:13px 20px;border-radius:11px;font-size:12px;font-weight:800;z-index:40;max-width:95vw;text-align:center;box-shadow:var(--shadow)}
@media(max-width:1150px){.app-shell{padding:0 26px}.nav{gap:15px}.hero-left{padding-left:36px}.food-showcase{left:20%}.note-top{right:3px}.offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.announcement{font-size:10px;min-height:36px}.app-shell{padding:0 16px}.header{height:72px}.brand{min-width:0}.logo-mark{width:36px;height:36px;border-radius:11px}.logo-mark:before{width:18px;height:16px;bottom:9px}.logo-handle{top:8px}.logo-seed{left:17px;bottom:12px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:9px}.desktop-nav{display:none}.header-right{gap:9px}.header select{padding:8px 6px;font-size:10px;max-width:95px}.admin-link{font-size:10px}.hero{grid-template-columns:1fr;min-height:0;border-radius:20px}.hero-left{padding:36px 25px 20px}.hero h1{font-size:clamp(32px,8vw,46px);margin:18px 0 11px}.hero-desc{font-size:13px;line-height:1.8}.hero-actions{margin-top:21px}.hero-perks{margin-top:24px;gap:13px;font-size:10px}.hero-art{height:255px;min-height:0}.blob-one{width:270px;height:270px;top:4%;right:13%}.blob-two{width:100px;height:100px;right:3%;top:-15%}.food-showcase{top:5px;left:calc(50% - 104px);width:208px;height:235px;border-width:8px;border-radius:23px}.showcase-emoji{font-size:91px}.tiny-label{font-size:6px;top:18px}.showcase-bottom{left:16px;right:16px;bottom:16px;font-size:6px}.floating-note{min-width:0;padding:8px 10px;grid-template-columns:25px auto;gap:0 4px}.floating-note span{font-size:19px}.floating-note strong{font-size:12px}.floating-note small{font-size:8px}.note-top{top:11px;right:12px}.note-bottom{bottom:22px;left:4px}.explore{padding:41px 0 45px}.section-top h2,.inner-heading h2{font-size:26px}.section-top p{font-size:11px}.city-chip{font-size:9px;padding:9px 12px;align-self:flex-start}.toolbar{flex-direction:column;gap:14px;margin:23px 0}.search-wrap{max-width:none}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-chip{white-space:nowrap;padding:11px 12px;font-size:10px}.offers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.offer-art{height:140px}.offer-emoji{font-size:61px}.discount-badge{font-size:9px;padding:6px 9px;top:9px;left:8px}.left-badge{font-size:8px;bottom:8px;right:8px}.offer-body{padding:12px}.offer-body h3{font-size:13px;line-height:1.4;min-height:37px}.offer-meta{font-size:9px;gap:5px}.offer-divider{margin:13px 0}.prices strong{font-size:17px}.prices del{font-size:9px}.reserve-btn{padding:10px 9px;font-size:9px}.offer-footer{align-items:flex-end;gap:4px}.prices{flex-direction:column;gap:2px}.narrow-page{padding:36px 0 90px}.merchant-layout{grid-template-columns:1fr}.merchant-info{order:2}.split-inputs{gap:10px}.panel{padding:21px}.steps{grid-template-columns:1fr}.step-emoji{height:95px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{padding:18px}.stat-card strong{font-size:25px}.order-card{flex-direction:column;align-items:stretch}.order-actions{justify-content:flex-start}.footer{padding:26px 0 100px;flex-wrap:wrap;font-size:9px}.footer>span:nth-child(2){order:3;width:100%}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;align-items:stretch;justify-content:space-around;background:#fff;border-top:1px solid #e5ede4;padding:7px 0 max(7px,env(safe-area-inset-bottom));box-shadow:0 -7px 25px rgba(19,73,53,.05)}.mobile-nav button{flex:1;display:flex;flex-direction:column;gap:2px;align-items:center;border:0;background:white;color:#85968b;padding:4px 0;font-size:23px}.mobile-nav button.active{color:var(--forest)}.mobile-nav small{font-size:9px;font-weight:800}.toast{bottom:83px;width:max-content}.modal{padding:24px}}
@media(max-width:380px){.offers-grid{grid-template-columns:1fr}.offer-art{height:175px}.offer-body h3{min-height:0}.offer-footer{align-items:center}.prices{flex-direction:row}.hero-actions{gap:9px}.primary-btn{padding:12px 14px}.city-chip{display:none}}

/* BONPICO v0.2 — identidad cálida y alegre: gastronomía + descubrimiento */
:root{--forest:#49333E;--forest-dark:#30222C;--green:#ED6854;--lime:#FFE49C;--cream:#FFF9F2;--white:#FFF;--text:#352A31;--muted:#806F75;--line:#F1E2DB;--orange:#EF6850;--surface:#FFF0E3;--shadow:0 16px 45px rgba(105,50,43,.10)}
.brand-icon{width:43px;height:43px;object-fit:contain;flex:0 0 auto;border-radius:13px;box-shadow:0 8px 16px rgba(212,95,74,.13)}
.brand-icon.mini{width:27px;height:27px;border-radius:8px}
.brand-copy strong{letter-spacing:-.045em}
.brand-copy small{font-size:9px;letter-spacing:.035em}
.brand-dot{color:#F07960}
.announcement{background:#49333E;color:#FFF4EB}
.announce-dot{background:#FFD582}
.hero{background:linear-gradient(125deg,#FFF0DF,#FFEEE9 56%,#FFF8E9)}
.eyebrow{background:#FFE0D0;color:#AC493D}
.eyebrow-sparkle{color:#DF654E}
.hero h1 em{color:#E76551}
.hero-desc{color:#846B72}
.hero-perks,.hero-perks b{color:#805A62}
.blob-one{background:#FFD5B4}
.blob-two{background:#FFDDA1}
.food-showcase{background:linear-gradient(160deg,#FFDF92,#FFAC8A);box-shadow:0 30px 47px rgba(132,63,58,.18)}
.floating-note{box-shadow:0 15px 32px rgba(125,65,46,.12)}
.city-chip,.reserve-btn{background:#FFE7D8;color:#8F4137}
.reserve-btn:not(:disabled):hover{background:#FFDAC6}
.discount-badge{color:#B24E3D}
.overline,.offer-cat{color:#C86B5C}
.filter-chip.active{background:#49333E;border-color:#49333E}
.primary-btn{background:#EF6850;box-shadow:0 8px 20px rgba(239,104,80,.2)}
.primary-btn:hover{background:#DA5944}
.text-btn,.nav-item.active{color:#B9493F}
.discount-badge,.left-badge{box-shadow:0 6px 14px rgba(64,36,34,.06)}
.prices strong{color:#C94F41}
.footer-brand{gap:8px}
@media(max-width:720px){.brand-copy small{font-size:8px}}