:root{--navy: #14306e;--navy-dark: #0e2354;--yellow: #ffc81f;--cream: #f5efdc;--wa-header: #075e54;--wa-bg: #e5ddd5;--wa-out: #dcf8c6;--ink: #1c1e21}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--navy);color:var(--ink);min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--navy-dark);color:var(--cream);flex-wrap:wrap}.topbar .brand{font-weight:800;font-size:18px;color:var(--yellow);letter-spacing:.5px}.topbar .tag{font-size:12px;opacity:.8}.topbar nav{margin-left:auto;display:flex;gap:8px}.topbar nav button{background:transparent;border:1px solid rgba(245,239,220,.35);color:var(--cream);padding:6px 14px;border-radius:999px;cursor:pointer;font-size:13px}.topbar nav button.active{background:var(--yellow);border-color:var(--yellow);color:var(--navy-dark);font-weight:700}.layout{display:flex;justify-content:center;align-items:flex-start;gap:24px;padding:24px 16px 48px;flex-wrap:wrap}.phone{width:380px;height:720px;background:#111;border-radius:36px;padding:10px;box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column}.phone-screen{flex:1;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:var(--wa-bg)}.wa-header{background:var(--wa-header);color:#fff;padding:10px 12px;display:flex;align-items:center;gap:10px}.wa-avatar{width:38px;height:38px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:20px}.wa-title{font-weight:600;font-size:15px;display:flex;align-items:center;gap:4px}.wa-sub{font-size:11px;opacity:.85}.wa-messages{flex:1;overflow-y:auto;padding:12px 10px;background-image:radial-gradient(rgba(0,0,0,.025) 1px,transparent 1px);background-size:18px 18px;display:flex;flex-direction:column;gap:6px}.bubble{max-width:82%;padding:7px 10px;border-radius:10px;font-size:13.5px;line-height:1.4;white-space:pre-wrap;box-shadow:0 1px 1px #0000001f;position:relative}.bubble.bot{background:#fff;align-self:flex-start;border-top-left-radius:2px}.bubble.user{background:var(--wa-out);align-self:flex-end;border-top-right-radius:2px}.bubble img{max-width:100%;border-radius:8px;display:block}.bubble .time{font-size:10px;color:#888;text-align:right;margin-top:2px}.bubble a.cta{display:block;margin-top:6px;padding-top:6px;border-top:1px solid #eee;color:#027eb5;text-align:center;font-weight:600;text-decoration:none;font-size:13px}.btn-row{display:flex;flex-direction:column;gap:4px;align-self:flex-start;max-width:82%;width:82%}.wa-btn{background:#fff;border:none;border-radius:8px;padding:8px 10px;color:#027eb5;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 1px 1px #0000001f}.wa-btn:hover{background:#f4fbff}.wa-input{display:flex;gap:8px;padding:8px;background:#f0f0f0}.wa-input input{flex:1;border:none;border-radius:999px;padding:10px 14px;font-size:14px;outline:none}.wa-input button{width:42px;height:42px;border-radius:50%;border:none;background:var(--wa-header);color:#fff;font-size:17px;cursor:pointer}.typing{font-size:12px;color:#555;align-self:flex-start;background:#fff;border-radius:10px;padding:6px 12px;box-shadow:0 1px 1px #0000001f}.sidebar{width:300px;background:#f5efdc0f;border:1px solid rgba(245,239,220,.15);border-radius:16px;padding:18px;color:var(--cream)}.sidebar h3{margin:0 0 6px;color:var(--yellow);font-size:15px}.sidebar p{font-size:12.5px;line-height:1.5;opacity:.85}.sidebar .mono{font-family:Consolas,monospace;font-size:12px;background:#0000004d;padding:4px 8px;border-radius:6px;display:inline-block}.sidebar button,.sidebar a.btn{display:block;width:100%;margin-top:8px;padding:9px 12px;border-radius:8px;border:1px solid rgba(245,239,220,.3);background:transparent;color:var(--cream);cursor:pointer;font-size:13px;text-align:center;text-decoration:none}.sidebar button.primary{background:var(--yellow);border-color:var(--yellow);color:var(--navy-dark);font-weight:700}.card-wrap{width:360px;margin:0 auto}.loyalty-card{background:linear-gradient(150deg,var(--navy) 0%,var(--navy-dark) 100%);border:2px solid var(--yellow);border-radius:20px;padding:22px;color:var(--cream);box-shadow:0 16px 40px #0006}.loyalty-card .logo{font-size:22px;font-weight:900;color:var(--yellow);letter-spacing:.5px}.loyalty-card .logo span{color:var(--cream)}.loyalty-card .subtitle{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.7;margin-bottom:14px}.loyalty-card .holder{font-size:18px;font-weight:700}.loyalty-card .code{font-family:Consolas,monospace;font-size:13px;color:var(--yellow);margin-bottom:14px}.stamps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:10px 0 14px}.stamp{aspect-ratio:1;border-radius:50%;border:2px dashed rgba(245,239,220,.4);display:flex;align-items:center;justify-content:center;font-size:22px}.stamp.filled{border:2px solid var(--yellow);background:#ffc81f26}.card-progress{font-size:13px;text-align:center;margin-bottom:14px}.qr-box{background:#fff;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px}.qr-box small{color:#444;font-size:11px}.card-benefits{margin-top:16px;background:#f5efdc12;border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.55}.card-benefits b{color:var(--yellow)}.card-meta{text-align:center;font-size:11px;opacity:.6;margin-top:10px}.panel{width:min(960px,100%);background:var(--cream);border-radius:16px;padding:20px 24px;min-height:70vh}.panel h2{margin:4px 0 16px;color:var(--navy)}.panel-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.panel-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--navy)}.panel-user button,.staff-actions button{padding:5px 10px;border-radius:8px;border:1px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer;font-size:12px;font-weight:600}.staff-actions{display:flex;gap:6px;flex-wrap:wrap}.stamp-tool .ticket-input{font-family:inherit;text-transform:none}.ticket-hint{margin:8px 0;font-size:13px}.stamp-tool .scan-btn{display:block;width:100%;margin:0 0 12px;padding:14px 18px;font-size:16px}.qr-scanner{margin-bottom:12px}.qr-scanner video{display:block;width:100%;max-width:420px;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#000}.refresh-btn{margin-bottom:12px;padding:6px 12px;border-radius:8px;border:1px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer;font-weight:600;font-size:13px}.staff-inactive{opacity:.5}.login-box{width:min(380px,100%);min-height:0;display:flex;flex-direction:column;gap:12px}.login-box label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--navy)}.login-box input,.staff-form input,.stamp-tool .staff-form input,.staff-form select{padding:10px 12px;border-radius:8px;border:1px solid #c9c2ad;font-size:16px;font-family:inherit;text-transform:none;background:#fff;color:var(--ink)}.login-box button,.staff-form button{padding:10px 16px;border-radius:8px;border:none;background:var(--navy);color:#fff;cursor:pointer;font-weight:700}.login-box button:disabled{opacity:.6}.staff-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.staff-form h4{width:100%;margin:0;color:var(--navy)}.staff-form .result{width:100%}.panel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.panel-tabs button{padding:8px 16px;border-radius:999px;border:1px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer;font-weight:600;font-size:13px}.panel-tabs button.active{background:var(--navy);color:var(--cream)}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.order-card{background:#fff;border-radius:12px;padding:14px;border:1px solid #e2dccb;box-shadow:0 2px 6px #0000000f}.order-card h4{margin:0 0 4px;color:var(--navy)}.order-card .status{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.status.nuevo{background:#fff3cd;color:#8a6d00}.status.preparando{background:#cfe2ff;color:#084298}.status.en_camino{background:#e2d9f3;color:#59359a}.status.listo,.status.entregado{background:#d1e7dd;color:#0f5132}.status.cancelado{background:#f8d7da;color:#842029}.order-card ul{margin:6px 0;padding-left:18px;font-size:13px}.order-card .total{font-weight:700;color:var(--navy)}.order-card .meta{font-size:12px;color:#666;margin:4px 0 10px}.order-card .actions{display:flex;gap:6px;flex-wrap:wrap}.order-card .actions button{padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:12px;font-weight:600;background:var(--navy);color:#fff}.order-card .actions button.danger{background:#b02a37}.stamp-tool{max-width:760px;background:#fff;border-radius:12px;padding:18px;border:1px solid #e2dccb}.stamp-tool input{width:100%;padding:10px 12px;font-size:15px;border-radius:8px;border:1px solid #ccc;font-family:Consolas,monospace;text-transform:uppercase}.stamp-tool button{margin-top:10px;padding:10px 18px;border-radius:8px;border:none;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}.stamp-tool .result{margin-top:12px;font-size:14px}.stamp-tool button:disabled{opacity:.6;cursor:default}.stamp-tool button.secondary{background:transparent;color:var(--navy);border:1px solid var(--navy)}.ticket-pick{margin-top:16px}.ticket-pick h4{margin:0 0 8px;color:var(--navy)}.ticket-pick .sales-table{display:block;overflow-x:auto}.ticket-pick .sales-table th,.ticket-pick .sales-table td{padding:8px 10px;vertical-align:top}.ticket-pick .sales-table button{margin-top:0;padding:6px 12px}.member-box{margin-top:12px;background:var(--cream);border-radius:10px;padding:12px;font-size:14px}.redemption-card{background:#fff;border-radius:12px;padding:14px 16px;border:1px solid #e2dccb;margin-bottom:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.redemption-card .token{font-family:Consolas,monospace;font-size:20px;font-weight:700;color:var(--navy);background:var(--cream);padding:6px 12px;border-radius:8px}.redemption-card .info{flex:1;font-size:13.5px;min-width:200px}.redemption-card .actions button{margin-left:6px;padding:8px 14px;border-radius:8px;border:none;cursor:pointer;font-weight:700}.redemption-card .approve{background:#198754;color:#fff}.redemption-card .reject{background:#b02a37;color:#fff}.empty{color:#777;font-size:14px;padding:20px 0}.sync-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e2dccb;border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:14px;flex-wrap:wrap}.sync-bar small{color:#666}.sync-bar button{padding:9px 16px;border-radius:8px;border:none;background:var(--navy);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}.sync-bar button:disabled{opacity:.6}.sales-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e2dccb;border-radius:12px}.sales-table{width:100%;border-collapse:collapse;font-size:13.5px}.sales-table th,.sales-table td{text-align:left;padding:10px 14px;border-bottom:1px solid #f0ece0}.sales-table th{color:var(--navy);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.mono-cell{font-family:Consolas,monospace;font-weight:700;color:var(--navy)}.claimed{color:#0f5132;font-weight:600}.unclaimed{color:#999}.wallet-actions{margin-top:14px;display:flex;flex-direction:column;gap:8px}.wallet-btn{display:block;text-align:center;padding:11px 14px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;border:none}.wallet-btn.google{background:#000;color:#fff}.wallet-btn.hint{background:#f5efdc1a;color:var(--cream);border:1px dashed rgba(245,239,220,.4);font-weight:500;font-size:12.5px}@media(max-width:900px){.topbar{gap:8px;padding:8px 12px}.topbar .tag{display:none}.topbar nav{margin-left:0;width:100%}.topbar nav button{flex:1;min-width:0;min-height:44px;padding:6px 4px;font-size:12px}.layout:has(>.panel){padding:12px 8px 32px}.panel{padding:16px 12px;min-height:0}.panel h2{margin:0;font-size:20px}.panel-user{width:100%;justify-content:space-between;margin:4px 0 12px;overflow-wrap:anywhere}.panel-tabs{display:grid;grid-template-columns:1fr 1fr}.panel-tabs button{min-height:44px;padding:8px 6px}.stamp-tool{padding:12px}.panel-user button,.staff-actions button,.stamp-tool button,.refresh-btn,.login-box button,.staff-form button,.redemption-card .actions button{min-height:44px}.stamp-tool input,.staff-form input,.staff-form select{width:100%;min-height:44px;font-size:16px}.stamp-tool>button,.ticket-pick>button,.staff-form button{width:100%}.sales-table-wrap{overflow:visible;border:none}.stack-table,.stack-table tbody,.stack-table tr,.stack-table td{display:block;width:100%}.ticket-pick .stack-table{overflow:visible}.stack-table thead{display:none}.stack-table tr{margin-bottom:10px;padding:8px 12px;background:#fff;border:1px solid #e2dccb;border-radius:10px}.stack-table td,.ticket-pick .stack-table td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:none;text-align:right;overflow-wrap:anywhere}.stack-table td[data-label]:before{content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:600;font-family:inherit;color:var(--navy)}.stack-table td:not([data-label]){justify-content:stretch}.stack-table td:not([data-label])>*{flex:1}.ticket-pick .stack-table button{min-height:44px}.redemption-card{padding:12px}.redemption-card .info{min-width:100%}.redemption-card .actions{display:flex;width:100%;gap:8px}.redemption-card .actions button{flex:1;margin-left:0}}.login-box input{min-height:44px}@media(pointer:coarse){.panel-tabs button,.panel-user button,.staff-actions button,.stamp-tool button,.refresh-btn,.login-box button,.staff-form button,.redemption-card .actions button,.topbar nav button{min-height:44px}.stamp-tool input,.staff-form input,.staff-form select{min-height:44px;font-size:16px}}.stamp-tool:has(.stack-table):not(:has(.ticket-pick)){max-width:none}.site{--site-blue: #00376b;--site-gold: #f5b301;min-height:100vh;display:flex;flex-direction:column;background:var(--site-blue);color:var(--cream);font-size:16px;line-height:1.5}.site main{flex:1}.site a{color:inherit}.site h1,.site h2,.site h3{margin:0;line-height:1.1;text-wrap:balance}.site-head{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1040px;width:100%;margin:0 auto;padding:12px 20px}.site-head img{display:block;height:auto;max-width:45vw}.site-head nav{display:flex;gap:4px}.site-head nav a{padding:10px;font-weight:600;text-decoration:none}.site-head nav a:hover{color:var(--site-gold)}.site-hero,.site-section{padding:56px max(20px,calc((100% - 1000px)/2))}.site-hero{padding-top:40px}.site-hero.compact{padding-top:24px;padding-bottom:40px}.site-kicker{margin:0 0 8px;font-weight:600}.site-hero h1{max-width:640px;font-size:clamp(44px,9vw,84px);font-weight:900;color:var(--site-gold);text-transform:uppercase}.site-hero.compact h1{font-size:clamp(34px,6vw,56px);text-transform:none}.site-hero>p:not(.site-kicker){max-width:520px;margin:16px 0 0;font-size:18px}.site-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.site .site-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:2px solid var(--cream);border-radius:8px;font-weight:700;text-decoration:none}.site .site-btn.primary{background:var(--site-gold);border-color:var(--site-gold);color:var(--navy-dark)}.site .site-btn.dark{background:var(--site-blue);border-color:var(--site-blue);color:var(--cream)}.site .site-btn.outline{border-color:var(--site-blue);color:var(--site-blue)}.checker{height:32px;background:repeating-conic-gradient(var(--cream) 0 25%,transparent 0 50%) 0 0 / 32px 32px}.site-section h2{margin-bottom:12px;font-size:clamp(28px,5vw,40px);font-weight:900}.site-section.light{background:var(--cream);color:var(--ink)}.site-section.light h2,.site-section.light h3{color:var(--site-blue)}.site-lead{margin:0;max-width:640px}.site-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px 36px;margin:28px 0}.site-menu h3{display:flex;justify-content:space-between;gap:12px;font-size:21px;font-weight:800}.site-menu p{margin:6px 0;font-size:15px}.site-menu small{font-size:14px;font-weight:700}.site-link{font-weight:700}.site-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin:28px 0}.site-steps b{font-size:36px;font-weight:900;line-height:1;color:var(--site-gold)}.site-steps h3{margin-top:6px;font-size:20px}.site-steps p{margin:6px 0 0}.site-note{max-width:680px;margin:0 0 24px;padding-left:14px;border-left:4px solid var(--site-gold)}.site-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:20px 0}.site-contact a{display:block;padding:14px 16px;background:#fff;border-radius:8px;text-decoration:none;overflow-wrap:anywhere}.site-contact b{display:block;color:var(--site-blue)}.faq{padding-top:0}.faq details{max-width:760px;border-top:1px solid rgba(0,55,107,.25)}.faq summary{padding:14px 0;font-weight:700;cursor:pointer}.faq details p{margin:0 0 16px}.site-foot-body{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 40px;padding:28px max(20px,calc((100% - 1000px)/2));font-size:14px}.site-foot-links{display:flex;flex-wrap:wrap;gap:4px 16px}@media(max-width:480px){.site-head{padding-inline:12px;gap:4px}.site-head nav a{padding:10px 6px;font-size:14px}.site-actions .site-btn{flex:1 1 100%}}