.checkout-container{max-width:520px;margin:0 auto;padding:24px 16px 100px;min-height:100vh}.checkout-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.checkout-back{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);font-size:18px;transition:background var(--transition);flex-shrink:0}.checkout-back:hover{background:var(--bg-soft)}.checkout-title{font-size:var(--font-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px;color:var(--text-main)}.checkout-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:16px}.checkout-card-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);padding:16px 20px 12px;border-bottom:1px solid var(--border-soft)}.checkout-items-list{padding:4px 0}.checkout-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;font-size:var(--font-md);color:var(--text-main);border-bottom:1px solid var(--border-soft);gap:12px}.checkout-item:last-child{border-bottom:none}.checkout-item-name{flex:1;font-weight:var(--weight-medium)}.checkout-item-price{font-weight:var(--weight-semibold);white-space:nowrap;color:var(--text-soft)}.checkout-totals{padding:12px 20px 16px;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:8px}.checkout-line{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-md);color:var(--text-muted)}.checkout-line input{width:100px;padding:6px 10px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-surface-soft);color:var(--text-main);font-size:var(--font-md);font-family:var(--font-family);text-align:right;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.checkout-line input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft);background:#fff}.checkout-total{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border-soft);font-size:var(--font-xl);font-weight:var(--weight-extrabold);color:var(--text-main);letter-spacing:-.3px}.checkout-nota-label{font-size:13px;font-weight:600;color:var(--text-soft);margin-bottom:8px;display:block}.checkout-nota{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-surface);color:var(--text-main);font-size:var(--font-md);font-family:var(--font-family);resize:none;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.checkout-nota:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft)}.checkout-nota::-moz-placeholder{color:var(--text-placeholder)}.checkout-nota::placeholder{color:var(--text-placeholder)}.checkout-sticky-footer{position:fixed;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,#fff 70%,#fffc);border-top:1px solid var(--border-soft);z-index:20}.checkout-button{width:100%;padding:15px;font-size:var(--font-lg);font-weight:var(--weight-bold);font-family:var(--font-family);border-radius:var(--radius-lg);border:none;background:var(--brand-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-brand);transition:background var(--transition),transform var(--transition-fast),box-shadow var(--transition);letter-spacing:-.2px}.checkout-button:hover:not(:disabled){background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-brand),0 8px 24px #0000001a}.checkout-button:active:not(:disabled){transform:scale(.98);box-shadow:none}.checkout-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.checkout-tipo-container{display:flex;gap:10px;margin-bottom:16px}.checkout-tipo-btn{flex:1;padding:12px;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-size:var(--font-md);font-weight:var(--weight-semibold);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition);text-align:center}.checkout-tipo-btn.active{border-color:var(--brand-primary);background:var(--brand-primary-soft);color:var(--brand-primary)}.checkout-tipo-btn:hover:not(.active){border-color:var(--border-medium);background:var(--bg-soft)}.estado-container{max-width:520px;margin:0 auto;padding:32px 16px 100px;min-height:100vh}.estado-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--font-md);color:var(--text-muted)}.estado-title{font-size:var(--font-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px;color:var(--text-main);margin-bottom:4px}.estado-referencia{font-size:var(--font-sm);color:var(--text-muted);font-weight:var(--weight-medium);margin-bottom:24px}.estado-callout{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px;padding:18px 20px;border-radius:24px;background:radial-gradient(circle at top right,rgba(255,122,76,.16),transparent 34%),linear-gradient(135deg,#fffcf7fa,#fffffff5);border:1px solid rgba(255,122,76,.14);box-shadow:0 16px 28px #0f172a0f}.estado-callout-kicker{display:inline-flex;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#ff7a4c1a;color:#d25e36;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.estado-callout strong{display:block;color:var(--text-main);font-size:var(--font-lg)}.estado-callout p{margin:6px 0 0;color:var(--text-muted);line-height:1.55}.estado-callout-action{flex-shrink:0;min-height:44px;padding:0 16px;border:none;border-radius:14px;background:var(--brand-primary);color:#fff;font-size:13px;font-weight:800}.estado-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:16px}.estado-chip-wrapper{padding:24px;text-align:center;border-bottom:1px solid var(--border-soft)}.estado-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin-bottom:8px}.estado-valor{font-size:var(--font-xl);font-weight:var(--weight-bold);color:var(--text-main);text-transform:capitalize}.estado-progress-track{width:100%;height:6px;background:var(--border-soft);border-radius:var(--radius-pill);overflow:hidden;margin:20px 0 8px}.estado-progress-fill{height:100%;background:var(--brand-primary);border-radius:var(--radius-pill);transition:width .7s cubic-bezier(.22,1,.36,1)}.estado-timeline{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.estado-step{display:flex;align-items:flex-start;gap:14px}.estado-step-dot{width:16px;height:16px;border-radius:50%;background:var(--border);border:2px solid var(--border-medium);flex-shrink:0;margin-top:2px;transition:background var(--transition),border-color var(--transition)}.estado-step.activo .estado-step-dot{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-primary-soft)}.estado-step-label{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:capitalize;line-height:1.3}.estado-step.activo .estado-step-label{color:var(--text-main)}.estado-step-desc{font-size:var(--font-sm);color:var(--text-muted);margin-top:2px;line-height:1.5}.estado-tiempo{font-size:var(--font-md);color:var(--text-muted);padding:0 24px 20px}.estado-error{text-align:center;padding:20px;color:var(--danger);font-size:var(--font-md)}.estado-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#0f172a70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.estado-modal-card{width:min(100%,420px);padding:26px;border-radius:28px;background:radial-gradient(circle at top right,rgba(255,122,76,.18),transparent 34%),linear-gradient(135deg,#fffdf9,#fff);box-shadow:0 26px 48px #0f172a2e}.estado-modal-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#ff7a4c1a;color:#d25e36;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.estado-modal-card h2{margin:18px 0 10px;color:var(--text-main);font-size:clamp(1.8rem,4vw,2.4rem);line-height:.98}.estado-modal-card p{margin:0;color:var(--text-muted);line-height:1.65}.estado-modal-card strong{display:block;margin-top:14px;color:var(--text-main);font-size:var(--font-lg)}.btn-volver,.btn-finalizar{width:100%;margin-top:12px;padding:14px;font-size:var(--font-base);font-weight:var(--weight-bold);font-family:var(--font-family);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:background var(--transition),transform var(--transition-fast),box-shadow var(--transition)}.btn-volver{background:var(--bg-soft);color:var(--text-soft);border:1px solid var(--border)}.btn-volver:hover{background:var(--bg-hover);color:var(--text-main)}.btn-finalizar{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-brand-sm)}.btn-finalizar:hover{background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-brand)}.btn-finalizar:active{transform:scale(.98)}@media(max-width:640px){.estado-callout{flex-direction:column;align-items:stretch}.estado-callout-action{width:100%}}:root{--menu-brand-primary: #f12954;--menu-brand-secondary: #111827}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at top,rgba(241,41,84,.09),transparent 28%),linear-gradient(180deg,#fffafb,#fff 38%,#fffdfd)}.menu-page{width:100%;min-height:100vh;color:var(--text-main);font-family:var(--font-family)}.menu-hero{position:relative;padding-bottom:18px}.menu-hero-cover{position:relative;width:100%;height:248px;overflow:hidden;background:var(--menu-brand-secondary)}.menu-hero-cover-img,.menu-hero-cover-placeholder{width:100%;height:100%;display:block}.menu-hero-cover-img{-o-object-fit:cover;object-fit:cover}.menu-hero-cover-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#070a1014,#070a10b8),linear-gradient(135deg,rgba(241,41,84,.26),transparent 46%)}.menu-hero-strip{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:end;margin:-62px auto 0;padding:0 16px;max-width:1320px}.menu-hero-logo{width:96px;height:96px;border-radius:28px;border:4px solid var(--menu-brand-primary);background:#fff;overflow:hidden;box-shadow:0 18px 40px #0f172a38;display:flex;align-items:center;justify-content:center}.menu-hero-logo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.menu-hero-logo-monogram{font-size:38px;font-weight:900;letter-spacing:-.05em}.menu-hero-copy{min-width:0;padding-bottom:8px}.menu-hero-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.menu-hero-name{margin:0;color:#fff;font-size:clamp(28px,4vw,42px);line-height:1;letter-spacing:-.05em;text-shadow:0 10px 24px rgba(0,0,0,.25)}.menu-hero-desc{margin:10px 0 0;max-width:760px;color:#ffffffd6;font-size:14px;line-height:1.6}.menu-hero-status,.menu-hero-mesa-badge,.menu-hero-service-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.menu-hero-status.open{background:#22c55e29;color:#d1fae5;border:1px solid rgba(134,239,172,.28)}.menu-hero-status.closed{background:#ef444433;color:#fee2e2;border:1px solid rgba(248,113,113,.28)}.menu-hero-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.menu-hero-mesa-badge,.menu-hero-service-badge{color:#ffffffeb;background:#ffffff24;border:1px solid rgba(255,255,255,.18)}.menu-hero-insights{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1320px;margin:18px auto 0;padding:0 16px}.menu-insight-card{display:grid;gap:4px;padding:16px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.18);background:#ffffffd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 36px #0f172a14}.menu-insight-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.menu-insight-value{font-size:24px;line-height:1;letter-spacing:-.05em;color:#0f172a}.menu-insight-helper{font-size:12px;color:#475569;line-height:1.45}.menu-content{max-width:1320px;margin:0 auto;padding:20px 16px 128px}.menu-discovery-banner{display:grid;gap:18px;padding:22px;margin-bottom:28px;border-radius:28px;background:radial-gradient(circle at top right,rgba(241,41,84,.12),transparent 26%),linear-gradient(135deg,#fff7fa,#fff 48%,#fffaf2);border:1px solid rgba(241,41,84,.12);box-shadow:0 18px 50px #0f172a0f}.menu-discovery-kicker,.menu-section-kicker{display:inline-block;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--menu-brand-primary)}.menu-discovery-banner h2{margin:0 0 8px;font-size:clamp(24px,3vw,32px);line-height:1;letter-spacing:-.05em}.menu-discovery-banner p{margin:0;max-width:740px;color:#475569;line-height:1.7}.menu-discovery-chip-row{display:flex;flex-wrap:wrap;gap:10px}.menu-discovery-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid rgba(226,232,240,.95);color:#0f172a;font-size:12px;font-weight:700}.menu-aviso-cerrado{margin-bottom:22px;padding:16px 18px;border-radius:20px;background:#fff7ed;border:1px solid rgba(251,146,60,.22);color:#9a3412;font-size:14px;line-height:1.6}.menu-sections-stack{display:grid;gap:34px}.menu-category-section{scroll-margin-top:92px;display:grid;gap:18px}.menu-category-section.is-active .menu-section-header{border-color:#f1295429}.menu-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid rgba(226,232,240,.95)}.menu-section-copy{min-width:0}.menu-section-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.menu-section-icon{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f129541f,#ffc40024);color:#7f1d1d;font-weight:800}.menu-section-title{margin:0;font-size:clamp(24px,3vw,34px);line-height:1;letter-spacing:-.05em}.menu-section-count{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid rgba(226,232,240,.95);color:#475569;font-size:12px;font-weight:700}.menu-section-description{margin:10px 0 0;max-width:780px;color:#64748b;line-height:1.7}.menu-productos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.producto-card-enterprise{display:grid;gap:0;overflow:hidden;border-radius:28px;border:1px solid rgba(226,232,240,.95);background:#ffffffeb;box-shadow:0 18px 48px #0f172a0f;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.producto-card-enterprise:hover{transform:translateY(-3px);box-shadow:0 24px 58px #0f172a1a;border-color:#f1295429}.producto-card-enterprise:active{transform:scale(.99)}.producto-card-enterprise.agotado{opacity:.58;cursor:not-allowed}.producto-card-media{position:relative;aspect-ratio:1.04 / 1;overflow:hidden;background:#111827}.producto-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .26s ease}.producto-card-enterprise:hover .producto-img{transform:scale(1.04)}.producto-card-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#0f172a05 54%,#0f172a47)}.producto-card-pill{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em}.producto-card-pill.featured{background:#111827b3;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.producto-card-pill.soldout{background:#dc2626e0;color:#fff}.producto-card-quick-add{position:absolute;right:14px;top:14px;width:54px;height:54px;border-radius:50%;border:3px solid #fff;background:linear-gradient(180deg,#41d463,#25bf4e);color:#fff;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 18px 30px #16a34a47}.producto-card-quick-add:disabled{cursor:not-allowed;opacity:.52;box-shadow:none}.producto-info{display:grid;gap:16px;padding:18px}.producto-info-top{display:grid;gap:8px}.producto-price-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.producto-precio{font-size:28px;line-height:1;letter-spacing:-.05em;font-weight:900;color:#0f172a}.producto-price-hint{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.producto-nombre{margin:0;font-size:20px;line-height:1.1;letter-spacing:-.04em}.producto-descripcion{margin:0;color:#475569;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.producto-descripcion.is-muted{color:#64748b}.producto-info-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.producto-cta-copy{font-size:13px;font-weight:700;color:#0f172a}.producto-card-primary-action{min-width:116px;min-height:44px;padding:0 18px;border:none;border-radius:999px;background:linear-gradient(180deg,#111827,#0f172a);color:#fff;font-weight:800;cursor:pointer}.producto-card-primary-action:disabled{cursor:not-allowed;opacity:.5}.carrito-flotante{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:60;width:min(460px,calc(100% - 24px));display:flex;align-items:center;gap:14px;padding:14px 18px;border:none;border-radius:22px;background:linear-gradient(135deg,#111827 0%,#0f172a 45%,var(--menu-brand-primary) 160%);color:#fff;cursor:pointer;box-shadow:0 22px 42px #0f172a4d}.carrito-icono{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;background:#ffffff1f}.carrito-info{display:grid;flex:1}.carrito-items{font-size:11px;color:#ffffffb3}.carrito-total{font-size:17px;font-weight:900;letter-spacing:-.04em}.carrito-flotante:after{content:"→";font-size:18px}@keyframes menuShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.menu-skeleton-stack,.menu-skeleton-list{display:grid;gap:14px}.skeleton,.skeleton *{pointer-events:none}.skeleton-box,.skeleton-line{background:linear-gradient(90deg,#f1f5f9 25%,#e8ecf0,#f1f5f9 75%);background-size:1000px 100%;animation:menuShimmer 1.6s linear infinite}.skeleton-line{height:14px;border-radius:999px}.skeleton-line.short{width:55%}.premium-skeleton .producto-info{gap:12px}.menu-hero-skeleton-name{width:200px;height:32px;border-radius:12px}.menu-error,.menu-empty{margin-top:20px;padding:48px 22px;border-radius:28px;text-align:center;background:#ffffffeb;border:1px dashed rgba(226,232,240,.95);color:#64748b;line-height:1.6}.menu-error{color:#b91c1c;border-color:#f8717147;background:#fef2f2eb}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease forwards}.fade-in-up{animation:fadeInUp .35s ease forwards}@media(max-width:1100px){.menu-productos-grid,.menu-hero-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.menu-hero-cover{height:216px}.menu-hero-strip{grid-template-columns:1fr;align-items:start;margin-top:-56px}.menu-hero-logo{width:88px;height:88px}.menu-hero-copy{padding-bottom:0}.menu-hero-insights{grid-template-columns:1fr}.menu-content{padding:16px 12px 116px}.menu-discovery-banner{padding:18px;border-radius:22px}.menu-sections-stack{gap:26px}.menu-productos-grid{grid-template-columns:1fr;gap:16px}.producto-card-enterprise{grid-template-columns:112px minmax(0,1fr);border-radius:22px}.producto-card-media{aspect-ratio:auto;min-height:100%}.producto-card-quick-add{width:48px;height:48px;right:10px;top:10px}.producto-info{padding:14px}.producto-precio{font-size:22px}.producto-nombre{font-size:18px}.producto-card-primary-action{min-width:100px}}@media(max-width:440px){.menu-hero-name,.menu-section-title{font-size:26px}.producto-card-enterprise{grid-template-columns:98px minmax(0,1fr)}.producto-info-bottom{align-items:flex-end}.producto-card-primary-action{min-width:92px;min-height:40px;padding:0 14px}}.fo-bottomsheet-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:40;animation:overlay-fade-in .2s ease forwards}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.fo-bottomsheet{position:fixed;left:0;bottom:0;width:100%;max-height:88vh;background:#fff;border-radius:22px 22px 0 0;z-index:50;display:flex;flex-direction:column;box-shadow:0 -8px 32px #0000002e;animation:sheet-up .28s cubic-bezier(.22,1,.36,1) forwards}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fo-bottomsheet.closing{animation:sheet-down .22s ease-in forwards}@keyframes sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.fo-bottomsheet-handle{width:36px;height:4px;background:#e5e7eb;border-radius:999px;margin:12px auto 6px;flex-shrink:0}.fo-bottomsheet-content{overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.fo-bottomsheet-cta{position:sticky;bottom:0;background:linear-gradient(to top,#fff 60%,#ffffffb3);padding:16px 20px;border-top:1px solid #f3f4f6}@supports (padding: env(safe-area-inset-bottom)){.fo-bottomsheet{padding-bottom:env(safe-area-inset-bottom)}}.fo-bottomsheet.snap-half{max-height:60vh}.fo-resumen-pedido{display:flex;flex-direction:column;gap:12px;padding:14px 16px;margin-bottom:8px;border-bottom:1px solid var(--border-soft);background:linear-gradient(to bottom,#fffffffa,#fffffff0);max-height:38vh;overflow-y:auto;overscroll-behavior:contain}.fo-resumen-pedido::-webkit-scrollbar{width:4px}.fo-resumen-pedido::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.fo-resumen-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-xs)}.fo-resumen-item-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.fo-resumen-item-nombre{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fo-resumen-item-precio{font-size:var(--font-sm);font-weight:var(--weight-bold);color:var(--brand-primary)}.fo-resumen-item-detalle{font-size:12px;line-height:1.45;color:var(--text-muted)}.fo-resumen-item-detalle.muted{color:#94a3b8}.fo-resumen-item-controles{display:flex;align-items:center;gap:6px}.fo-btn-cantidad{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:var(--bg-surface);font-size:14px;cursor:pointer;transition:var(--transition)}.fo-btn-cantidad:hover:not(:disabled){background:var(--brand-primary-soft);border-color:var(--brand-primary)}.fo-btn-cantidad:disabled{opacity:.4;cursor:not-allowed}.fo-resumen-item-cantidad{min-width:20px;text-align:center;font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-main)}.fo-btn-eliminar{margin-left:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:#ef44441a;cursor:pointer;transition:var(--transition)}.fo-btn-eliminar:hover{background:#ef444433;transform:scale(1.05)}.fo-resumen-error-banner{margin:12px 16px 0;padding:12px 14px;border-radius:14px;border:1px solid rgba(248,113,113,.22);background:#fef2f2eb;color:#b91c1c;font-size:13px;line-height:1.5}@media(max-width:480px){.fo-resumen-pedido{padding:12px;gap:10px;max-height:42vh}.fo-resumen-item{padding:10px 12px}.fo-resumen-item-nombre,.fo-resumen-item-precio{font-size:13px}}.producto-configuracion{padding:0;flex:1;min-height:0}.producto-config-layout.premium{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);height:100%;overflow:hidden;background:radial-gradient(circle at top left,rgba(241,41,84,.08),transparent 34%),linear-gradient(180deg,#fffdfd,#fff 42%,#fff8fb)}.producto-config-imagen.premium{position:relative;min-height:360px;overflow:hidden;background:#0f172a}.producto-config-imagen.premium img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1.02)}.producto-config-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0f172a29,#0f172acc),linear-gradient(140deg,rgba(241,41,84,.3),transparent 42%)}.producto-config-topbar{position:absolute;top:18px;left:18px;right:18px;z-index:2;display:flex;align-items:center;gap:12px}.producto-config-topbar-button{width:48px;height:48px;border:none;border-radius:50%;background:#ffffffeb;color:#0f172a;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 16px 24px #0f172a2e}.producto-config-topbar-title{display:grid;min-width:0;padding:10px 14px;border-radius:18px;background:#ffffff2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff}.producto-config-topbar-title span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.72}.producto-config-topbar-title strong{font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.producto-config-hero-copy{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:grid;gap:10px;color:#fff}.producto-config-badge{width:-moz-fit-content;width:fit-content;min-height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#ffffff29;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.producto-config-hero-copy h2{margin:0;font-size:clamp(32px,3vw,42px);line-height:.98;letter-spacing:-.05em}.producto-config-hero-copy p{margin:0;max-width:520px;color:#ffffffe6;line-height:1.65}.producto-config-body.premium{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:24px 24px 0;scrollbar-width:thin}.producto-config-summary,.bloque-config.premium{border-radius:26px;border:1px solid rgba(226,232,240,.95);background:#fffffff5;box-shadow:0 22px 48px #0f172a0f}.producto-config-summary{padding:20px}.producto-config-header.premium,.bloque-config-head.premium{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.producto-config-kicker,.bloque-config-kicker{display:inline-block;margin-bottom:6px;color:#f12954;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.producto-config-header.premium h3,.bloque-config h3{margin:0;color:#0f172a;font-size:24px;line-height:1.05;letter-spacing:-.04em}.producto-config-summary-copy,.bloque-config-meta{margin:8px 0 0;color:#64748b;line-height:1.6}.producto-config-header.premium .precio{white-space:nowrap;color:#0f172a;font-size:30px;font-weight:900;letter-spacing:-.05em}.producto-config-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.producto-metric-card{display:grid;gap:8px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#fcfcfd,#f8fafc);border:1px solid rgba(226,232,240,.92)}.producto-metric-label{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.producto-metric-card strong{color:#0f172a;font-size:18px;font-weight:900}.producto-metric-card.quantity{align-content:space-between}.producto-cantidad-control{display:flex;align-items:center;justify-content:space-between;gap:12px}.producto-cantidad-control button{width:38px;height:38px;border:none;border-radius:14px;background:linear-gradient(180deg,#111827,#0f172a);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 14px 24px #0f172a2e}.producto-cantidad-control span{min-width:28px;text-align:center;font-size:20px;font-weight:900;color:#0f172a}.loading{padding:18px;border-radius:20px;background:#f8fafce6;border:1px solid rgba(226,232,240,.92);color:#475569;text-align:center}.bloque-config.premium{display:grid;gap:16px;padding:20px}.bloque-config-counter{min-width:54px;min-height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f8fafc;border:1px solid rgba(226,232,240,.95);color:#64748b;font-size:12px;font-weight:800}.bloque-config-counter.active{color:#be123c;background:#f1295414;border-color:#f1295429}.bloque-config-options.premium{display:grid;gap:12px}.opcion.premium.rich{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 16px;border-radius:20px;border:1px solid rgba(226,232,240,.95);background:linear-gradient(180deg,#fff,#fbfcfe);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.opcion.premium.rich:hover:not(:disabled){transform:translateY(-1px);border-color:#f129542e;box-shadow:0 14px 26px #f1295414}.opcion.premium.rich:disabled{opacity:.5;cursor:not-allowed}.opcion.premium.rich.activa{border-color:#f129543d;background:radial-gradient(circle at top right,rgba(241,41,84,.1),transparent 30%),linear-gradient(180deg,#fff7fa,#fff)}.opcion-main{display:flex;align-items:center;gap:12px;min-width:0}.opcion-avatar{width:48px;height:48px;flex-shrink:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;letter-spacing:-.03em}.opcion-copy.stacked{display:grid;gap:6px;min-width:0}.opcion-nombre{color:#0f172a;font-size:15px;font-weight:800;line-height:1.3;text-align:left}.opcion-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.opcion-tipo{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.opcion-tipo-opcion{background:#eef2ff;color:#4338ca}.opcion-tipo-extra{background:#ecfdf3;color:#027a48}.opcion-tipo-remover{background:#fff1f2;color:#be123c}.precio{color:#475569;font-size:13px;font-weight:800}.opcion-check{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f1295414;color:transparent;flex-shrink:0}.opcion-check.visible{background:linear-gradient(180deg,#ff4f77,#f12954);color:#fff}textarea{width:100%;min-height:108px;border:1px solid rgba(226,232,240,.95);border-radius:20px;padding:16px;background:#fcfdff;color:#0f172a;font:inherit;line-height:1.6;resize:vertical;outline:none}textarea:focus{border-color:#f129544d;box-shadow:0 0 0 4px #f1295414}.producto-config-alert{padding:16px 18px;border-radius:20px;font-size:14px;line-height:1.6;border:1px solid rgba(248,113,113,.26);background:#fef2f2eb;color:#b91c1c}.producto-config-alert.warning{border-color:#f59e0b3d;background:#fffbebf2;color:#b45309}.producto-config-alert.neutral{border-color:#94a3b833;background:#f8fafcf2;color:#334155}.footer-confirmacion{position:sticky;bottom:0;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:12px;margin-top:auto;padding:18px 0 calc(env(safe-area-inset-bottom) + 10px);border-top:1px solid rgba(226,232,240,.92);background:linear-gradient(180deg,#ffffff14,#fffafc 22%,#fff)}.footer-confirmacion .fo-btn-secundario,.footer-confirmacion .fo-btn-primario{min-height:56px;width:100%;border-radius:18px;font-weight:900;letter-spacing:-.01em}.footer-confirmacion .fo-btn-secundario{border:1px solid rgba(226,232,240,.96);background:#fff;color:#0f172a}.footer-confirmacion .fo-btn-primario{border:none;background:linear-gradient(180deg,#ff4f77,#f12954);color:#fff;box-shadow:0 18px 34px #f1295447;display:grid;gap:2px;place-items:center}.footer-confirmacion .fo-btn-primario small{font-size:11px;font-weight:700;color:#ffffffd1}.footer-confirmacion .fo-btn-primario:disabled{opacity:.56;cursor:not-allowed;box-shadow:none}@media(max-width:900px){.producto-config-layout.premium{grid-template-columns:1fr}.producto-config-imagen.premium{min-height:300px;max-height:340px}}@media(max-width:768px){.producto-config-body.premium{padding:16px 16px 0;gap:16px}.producto-config-summary,.bloque-config.premium{border-radius:22px}.producto-config-header.premium{flex-direction:column}.producto-config-header.premium .precio{font-size:28px}.producto-config-metrics{grid-template-columns:1fr}.opcion.premium.rich{align-items:flex-start}.footer-confirmacion{grid-template-columns:1fr}}@media(max-width:560px){.producto-config-imagen.premium{min-height:264px}.producto-config-topbar{top:14px;left:14px;right:14px}.producto-config-topbar-button{width:44px;height:44px}.producto-config-hero-copy{left:16px;right:16px;bottom:18px}.producto-config-hero-copy h2{font-size:30px}.opcion-main{align-items:flex-start}.opcion-avatar{width:42px;height:42px;border-radius:14px}}.promo-overlay{position:fixed;inset:0;z-index:7000;display:flex;align-items:center;justify-content:center;animation:promoFadeIn .18s ease both}.promo-overlay--cargando{background:#0a0a0e}.promo-dots{display:flex;gap:10px;align-items:center}.promo-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff80;animation:promoDotPulse 1.2s ease-in-out infinite}.promo-dots span:nth-child(2){animation-delay:.2s}.promo-dots span:nth-child(3){animation-delay:.4s}@keyframes promoDotPulse{0%,80%,to{transform:scale(.75);opacity:.4}40%{transform:scale(1.15);opacity:1}}.promo-overlay--activa{background:#0a0a0eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0;align-items:flex-end}@media(min-width:600px){.promo-overlay--activa{align-items:center;padding:20px}}.promo-sheet{--promo-accent: #ff7b00;position:relative;width:min(100%,460px);height:100dvh;max-height:100dvh;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#111;opacity:0;transform:translateY(20px)}@media(min-width:600px){.promo-sheet{height:min(90dvh,820px);max-height:820px;border-radius:24px;box-shadow:0 32px 72px #00000080,0 12px 28px #0000004d;transform:translateY(28px)}}.promo-overlay--entrando .promo-sheet{animation:promoSheetIn .32s cubic-bezier(.22,.68,.36,1.1) both}@keyframes promoSheetIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.promo-btn-close{position:absolute;top:16px;right:14px;z-index:10;width:40px;height:40px;border:none;border-radius:50%;background:#0a0a0eb3;color:#fff;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #00000059;transition:background .15s}.promo-btn-close:hover{background:#0a0a0ee6}.promo-visual{position:relative;overflow:hidden;min-height:0}.promo-imagen-btn{display:block;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer}.promo-imagen{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.promo-fallback{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--promo-accent) 40%,transparent),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--promo-accent) 80%,#111),#0a0a0e)}.promo-gradiente{position:absolute;inset:0;background:linear-gradient(180deg,#0000000d,#0000000a 40%,#000000b8);pointer-events:none}.promo-copy{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:22px 20px 18px;display:grid;gap:8px}.promo-titulo{margin:0;color:#fff;font-size:clamp(1.6rem,7vw,3rem);font-weight:900;line-height:1;letter-spacing:-.03em;text-shadow:0 4px 16px rgba(0,0,0,.4)}.promo-descripcion{margin:0;color:#ffffffe0;font-size:clamp(.85rem,3.5vw,1rem);line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.36);max-width:28rem}.promo-acciones{display:grid;gap:10px;padding:16px 18px 24px;background:linear-gradient(to bottom,#0a0a0ef5,#0a0a0e)}@supports (padding-bottom: env(safe-area-inset-bottom)){.promo-acciones{padding-bottom:max(24px,calc(12px + env(safe-area-inset-bottom)))}}.promo-btn-cta,.promo-btn-menu{width:100%;min-height:52px;border-radius:14px;border:none;font-size:1rem;font-weight:800;cursor:pointer;letter-spacing:.01em;transition:opacity .15s,transform .12s}.promo-btn-cta:active,.promo-btn-menu:active{opacity:.82;transform:scale(.98)}.promo-btn-cta{background:linear-gradient(135deg,var(--promo-accent),color-mix(in srgb,var(--promo-accent) 65%,#111));color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--promo-accent) 35%,transparent)}.promo-btn-menu{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.12)}.promo-btn-menu:hover{background:#ffffff26}@keyframes promoFadeIn{0%{opacity:0}to{opacity:1}}.category-nav-enterprise{position:sticky;top:0;z-index:50;width:100%;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(226,232,240,.95);box-shadow:0 12px 34px #0f172a14}.category-nav-inner{max-width:1320px;margin:0 auto;display:flex;align-items:stretch;gap:10px;padding:10px 16px;overflow-x:auto;scrollbar-width:none}.category-nav-inner::-webkit-scrollbar{display:none}.category-nav-item{position:relative;display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:60px;padding:0 16px;border:1px solid rgba(226,232,240,.95);border-radius:20px;background:#fff;color:#0f172a;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.category-nav-item:hover{transform:translateY(-1px);box-shadow:0 14px 26px #0f172a14;border-color:#f129542e}.category-nav-item.active{background:radial-gradient(circle at top right,rgba(241,41,84,.16),transparent 32%),linear-gradient(135deg,#fff7fafa,#fffffffa);border-color:#f1295438;box-shadow:0 16px 28px #f129541f}.category-nav-item-icon{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f129541f,#ffc40024);color:#7f1d1d;font-size:14px;font-weight:900}.category-nav-item-copy{display:grid;text-align:left}.category-nav-item-name{font-size:13px;font-weight:800;line-height:1.1}.category-nav-item-meta{font-size:11px;color:#64748b;line-height:1.2}@media(max-width:720px){.category-nav-inner{padding:8px 12px;gap:8px}.category-nav-item{min-height:52px;padding:0 12px;border-radius:18px}.category-nav-item-icon{width:30px;height:30px;border-radius:10px}.category-nav-item-name{font-size:12px}.category-nav-item-meta{font-size:10px}}.pedidoex-container{text-align:center;padding:40px 20px 100px;max-width:420px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:center}.pedidoex-check{width:88px;height:88px;background:var(--success-soft);border:2px solid rgba(22,163,74,.2);border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;animation:popIn .55s cubic-bezier(.34,1.56,.64,1) forwards}.pedidoex-checkmark{font-size:36px;color:var(--success);font-weight:700;line-height:1}@keyframes popIn{0%{transform:scale(.3);opacity:0}75%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.pedidoex-title{font-size:var(--font-3xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px;color:var(--text-main);margin-bottom:10px}.pedidoex-subtitle{font-size:var(--font-md);color:var(--text-muted);margin-bottom:28px;line-height:1.6;max-width:320px}.pedidoex-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);padding:24px;margin-bottom:28px;width:100%;text-align:left}.pedidoex-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:4px}.pedidoex-id{font-size:36px;margin:0 0 20px;font-weight:var(--weight-extrabold);letter-spacing:-1px;color:var(--text-main)}.pedidoex-folio{font-size:16px;background:var(--bg-soft);border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius-sm);display:inline-block;margin-bottom:20px;font-family:Courier New,monospace;font-weight:600;color:var(--text-soft);letter-spacing:.5px}.pedidoex-qr{margin:20px auto;display:flex;justify-content:center;padding:16px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-soft)}.pedidoex-info{font-size:13px;color:var(--text-muted);line-height:1.6;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft)}.pedidoex-total{font-size:var(--font-xl);font-weight:var(--weight-extrabold);color:var(--text-main);margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft);letter-spacing:-.3px}.pedidoex-button{width:100%;border:none;padding:15px;font-size:var(--font-base);font-weight:var(--weight-bold);font-family:var(--font-family);border-radius:var(--radius-lg);cursor:pointer;margin-top:10px;transition:background var(--transition),transform var(--transition-fast),box-shadow var(--transition);letter-spacing:-.2px}.pedidoex-primary{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-brand-sm)}.pedidoex-primary:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.pedidoex-primary:active{transform:scale(.98)}.pedidoex-secondary{background:var(--bg-soft);color:var(--text-soft);border:1px solid var(--border)}.pedidoex-secondary:hover{background:var(--bg-hover);color:var(--text-main)}:root{--brand-primary: #f12954;--brand-primary-hover: #d4173f;--brand-primary-active: #b8122f;--brand-primary-soft: rgba(241, 41, 84, .1);--brand-primary-soft-hover: rgba(241, 41, 84, .16);--brand-primary-gradient: linear-gradient(135deg, #f12954 0%, #d4173f 100%);--brand-accent: #22c55e;--brand-accent-soft: rgba(34, 197, 94, .12);--brand-accent-hover: #16a34a}:root{--bg-body: #f6f7f9;--bg-surface: #ffffff;--bg-surface-soft: #f9fafb;--bg-soft: #f0f2f5;--bg-hover: rgba(0, 0, 0, .035);--bg-pressed: rgba(0, 0, 0, .06);--bg-dark: rgba(8, 15, 30, .97);--bg-dark-soft: rgba(12, 20, 40, .9);--bg-dark-card: rgba(15, 23, 42, .48);--bg-dark-hover: rgba(255, 255, 255, .06)}:root{--text-main: #111827;--text-soft: #374151;--text-muted: #6b7280;--text-faint: rgba(0, 0, 0, .38);--text-placeholder: #9ca3af;--text-light: #f9fafb;--text-light-soft: #e5e7eb;--text-light-muted: #9ca3af;--text-white-90: rgba(255, 255, 255, .92);--text-white-70: rgba(255, 255, 255, .7);--text-white-50: rgba(255, 255, 255, .5)}:root{--success: #16a34a;--success-light: #22c55e;--success-soft: rgba(22, 163, 74, .12);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--info: #0ea5e9;--info-soft: rgba(14, 165, 233, .12)}:root{--border: #e5e7eb;--border-soft: #f3f4f6;--border-medium: #d1d5db;--border-dark: rgba(255, 255, 255, .07);--border-dark-strong: rgba(255, 255, 255, .18)}:root{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .14), 0 8px 20px rgba(0, 0, 0, .08);--shadow-card: 0 4px 16px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .04);--shadow-brand: 0 8px 24px rgba(241, 41, 84, .3);--shadow-brand-sm: 0 4px 12px rgba(241, 41, 84, .22)}:root{--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px}:root{--gradient-primary: linear-gradient(135deg, #f12954 0%, #d4173f 100%);--gradient-primary-soft: linear-gradient(135deg, rgba(241,41,84,.12), rgba(212,23,63,.06));--gradient-accent: linear-gradient(135deg, #22c55e, #16a34a);--gradient-surface: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);--gradient-hero: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 100% )}:root{--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-xs: 11px;--font-sm: 12px;--font-md: 14px;--font-base: 15px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 22px;--font-3xl: 28px;--font-4xl: 34px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--space-xs: 4px;--space-sm: 8px;--space-md: 14px;--space-lg: 20px;--space-xl: 32px;--space-2xl: 48px;--transition-fast: .1s ease;--transition: .16s ease;--transition-slow: .24s ease;--transition-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-body);color:var(--text-main);font-family:var(--font-family);font-size:var(--font-base);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}h1,h2,h3,h4,h5{font-weight:var(--weight-bold);color:var(--text-main);line-height:1.2}p{font-size:var(--font-md);color:var(--text-muted);line-height:1.6}.fo-title-page{font-size:var(--font-3xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px}.fo-subtitle{font-size:var(--font-md);color:var(--text-muted);font-weight:var(--weight-regular)}.fo-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:18px 22px;box-shadow:var(--shadow-card);transition:box-shadow var(--transition),transform var(--transition)}.fo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-pill);font-size:var(--font-md);font-weight:var(--weight-semibold);font-family:var(--font-family);cursor:pointer;border:none;transition:background var(--transition),transform var(--transition-fast),box-shadow var(--transition),opacity var(--transition);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fo-btn-primary{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-brand-sm)}.fo-btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.fo-btn-primary:active:not(:disabled){background:var(--brand-primary-active);transform:scale(.97);box-shadow:none}.fo-btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.fo-btn-outline{background:transparent;color:var(--brand-primary);border:1.5px solid var(--brand-primary)}.fo-btn-outline:hover:not(:disabled){background:var(--brand-primary-soft)}.fo-btn-outline:active:not(:disabled){transform:scale(.97)}.fo-btn-neutral{background:var(--bg-soft);color:var(--text-soft);border:1px solid var(--border)}.fo-btn-neutral:hover:not(:disabled){background:var(--bg-hover)}.fo-btn-ghost{background:transparent;color:var(--text-muted)}.fo-btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-main)}.fo-btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(220,38,38,.2)}.fo-btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.fo-btn-sm{padding:6px 12px;font-size:var(--font-sm)}.fo-btn-lg{padding:14px 28px;font-size:var(--font-lg)}.fo-btn-block{width:100%}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--brand-primary-hover)}.fo-input{width:100%;padding:11px 14px;border-radius:var(--radius-md);background:var(--bg-surface-soft);border:1.5px solid var(--border);font-size:var(--font-md);font-family:var(--font-family);color:var(--text-main);transition:border-color var(--transition),box-shadow var(--transition)}.fo-input::-moz-placeholder{color:var(--text-placeholder)}.fo-input::placeholder{color:var(--text-placeholder)}.fo-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft);background:#fff;outline:none}textarea.fo-input{resize:none}.fo-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:var(--weight-semibold);letter-spacing:.3px;line-height:1.6}.fo-badge-brand{background:var(--brand-primary-soft);color:var(--brand-primary)}.fo-badge-success{background:var(--success-soft);color:var(--success)}.fo-badge-warning{background:var(--warning-soft);color:var(--warning)}.fo-badge-danger{background:var(--danger-soft);color:var(--danger)}.fo-badge-neutral{background:var(--bg-soft);color:var(--text-muted);border:1px solid var(--border)}.fo-divider{width:100%;height:1px;background:var(--border-soft);margin:16px 0}.fo-flex{display:flex;align-items:center}.fo-flex-between{display:flex;align-items:center;justify-content:space-between}.fo-flex-center{display:flex;align-items:center;justify-content:center}.fo-flex-col{display:flex;flex-direction:column}.fo-glass{background:#ffffffb8;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}html,body{margin:0;padding:0;width:100%;height:100%}body{background:var(--bg-body);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased}.qr-app-container{width:100%;min-height:100vh;background:var(--bg-body)}@media(min-width:768px)and (max-width:1023px){.qr-app-container{max-width:640px;margin:0 auto;box-shadow:0 0 60px #00000014}}