/* Fogón · demostración animada. Prefijo fg- para no chocar con la web.
   Diseñada a tamaño de video (1080x1920); en la web se escala con --fg-escala. */
.fg-raiz{--fg-noche:#0A0F1C;--fg-brasa:#FF5E3A;--fg-ambar:#FFB547;--fg-tinta:#1f1a17;--fg-gris:#6b625c;--fg-wa:#efe9dd;--fg-verde:#2fbf71;--fg-rojo:#e5484d;display:flex;flex-direction:column;align-items:center;gap:40px;font-family:Manrope,system-ui,sans-serif}
.fg-video{width:1080px;height:1920px;justify-content:center;background:radial-gradient(ellipse at 50% 28%,#3a1a10,#0A0F1C 68%)}
.fg-video *{animation:none!important;transition:none!important}
.fg-quien{font-family:"JetBrains Mono",monospace;font-size:30px;letter-spacing:.25em;text-transform:uppercase;color:var(--fg-ambar);min-height:1.2em}
.fg-resumen{margin:0;max-width:940px;min-height:3.9em;text-align:center;font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:44px;line-height:1.3;color:#F3ECE6}
.fg-equipo{background:#16181d;border:1px solid #2a2d35;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.fg-movil{width:620px;height:1275px;border-radius:72px;padding:18px}
.fg-tablet{width:1000px;height:1240px;border-radius:48px;padding:22px}
.fg-pantalla{box-sizing:border-box;height:100%;overflow:hidden;border-radius:56px;background:#faf8f5;color:var(--fg-tinta);font-family:Figtree,system-ui,sans-serif;font-size:25px;line-height:1.4;display:flex;flex-direction:column}
.fg-tablet .fg-pantalla{border-radius:30px}

/* WhatsApp */
.fg-wa-cab{display:flex;align-items:center;gap:18px;padding:60px 26px 22px;background:#7a2e17;color:#fff8f2}
.fg-wa-cab small{display:block;font-size:20px;opacity:.8}
.fg-avatar{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--fg-ambar),var(--fg-brasa));color:#2a0f06;font-weight:800}
.fg-wa-chat{flex:1;overflow:hidden;background:var(--fg-wa);padding:20px 18px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px}
.fg-burbuja{max-width:86%;padding:14px 18px 10px;border-radius:20px}
.fg-cliente{align-self:flex-end;background:#d9f2d0;border-bottom-right-radius:6px}
.fg-rest{align-self:flex-start;background:#fff;border-bottom-left-radius:6px}
.fg-hora{display:block;text-align:right;font-size:18px;color:var(--fg-gris);margin-top:4px}
.fg-escribe{display:flex;gap:8px;padding:22px 24px}
.fg-escribe i{width:11px;height:11px;border-radius:50%;background:#9a918a}
.fg-cupon{margin:12px 0;padding:12px 14px;border:2px dashed var(--fg-brasa);border-radius:10px;background:#ffeadf;display:flex;flex-direction:column}
.fg-cupon b{font-family:"JetBrains Mono",monospace}
.fg-cupon span{font-size:22px}
.fg-link{color:#1a6fd1;text-decoration:underline;word-break:break-all}
.fg-wa-pie{padding:18px 22px 34px;background:#f0f0f0}
.fg-wa-pie span{display:block;background:#fff;border-radius:999px;padding:14px 24px;color:#999}

/* Pago */
.fg-esc-pago{background:#f4f5f7}
.fg-pago-cab{padding:60px 30px 30px;background:#fff;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #e3e5ea}
.fg-pago-cab small,.fg-pago-cab span{color:#6b7280;font-size:22px}
.fg-pago-cab strong{font-size:56px;margin-top:8px}
.fg-pago-tit{margin:30px 30px 14px;font-weight:700}
.fg-medios{list-style:none;margin:0 24px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fg-medios li{background:#fff;border:2px solid #e3e5ea;border-radius:16px;padding:24px;text-align:center;font-weight:700}
.fg-medios li.fg-sel{border-color:var(--fg-brasa);background:#ffeadf}
.fg-pagar{margin:30px 24px;padding:26px;border-radius:16px;text-align:center;font-weight:800;background:var(--fg-brasa);color:#fff}
.fg-pago-ok{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.fg-check{width:140px;height:140px;border-radius:50%;background:var(--fg-verde);color:#fff;display:grid;place-items:center;font-size:76px}
.fg-pago-ok b{font-size:40px}

/* Apps de Fogón (oscuras, como el sistema real) */
.fg-esc-cocina,.fg-esc-mesero,.fg-esc-caja,.fg-esc-ger,.fg-esc-propinas{background:#0d0c0a;color:#f4f1e9}
.fg-app-cab{display:flex;align-items:baseline;gap:16px;padding:56px 28px 20px;border-bottom:1px solid #2a2a26}
.fg-tablet .fg-app-cab{padding:24px 28px 18px}
.fg-app-cab b{font-family:Fraunces,Georgia,serif;font-size:36px;color:var(--fg-brasa)}
.fg-app-cab span{color:#8f8b81;font-size:22px}
.fg-app-cab em{margin-left:auto;font-style:normal;color:#8f8b81;font-size:22px}
.fg-toast{margin:16px 24px 0;padding:14px 18px;border-radius:14px;background:var(--fg-brasa);color:#1a0904;font-weight:800;font-size:24px}
.fg-kds{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px}
.fg-col p{margin:0 0 12px;font-weight:800;font-size:26px}
.fg-col p span{color:#8f8b81}
.fg-col>i{color:#8f8b81;font-style:normal;font-size:22px}
.fg-com{border:3px solid #2a2a26;background:#141310;border-radius:20px;padding:16px;margin-bottom:14px}
.fg-com.fg-amarilla{border-color:#fac51c;background:#1f1a0b}
.fg-com.fg-verde{border-color:var(--fg-verde);background:#0e1f15}
.fg-com-cab{display:flex;justify-content:space-between;align-items:baseline}
.fg-com-cab b{font-size:28px;font-weight:900}
.fg-com-cab span{font-family:"JetBrains Mono",monospace;font-size:22px}
.fg-com small{color:#8f8b81;font-size:18px}
.fg-com ul{list-style:none;margin:10px 0;padding:0;font-size:22px}
.fg-com em{display:block;font-style:normal;color:#fac51c;font-size:19px}
.fg-com-btn{border-radius:12px;padding:12px;text-align:center;font-weight:800;font-size:21px;background:var(--fg-brasa);color:#1a0904}
.fg-verde .fg-com-btn{background:#2a2a26;color:#f4f1e9}
.fg-aviso{margin:20px 22px 0;padding:18px;border-radius:18px;background:var(--fg-verde);color:#06170e;font-weight:800}
.fg-salon{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 22px}
.fg-mesa{border:3px solid #2a2a26;background:#141310;border-radius:22px;padding:18px;min-height:150px}
.fg-mesa b{display:flex;justify-content:space-between;align-items:center;font-size:28px}
.fg-mesa b span{font-size:16px;background:var(--fg-verde);color:#06170e;border-radius:999px;padding:2px 10px}
.fg-mesa small{display:block;margin-top:10px;color:#cfc9bd;font-size:21px}
.fg-ocupada{border-color:var(--fg-brasa)}
.fg-cuenta{border-color:#fac51c}
.fg-cobro,.fg-cierre{margin:24px 22px;padding:24px;border:1px solid #2a2a26;background:#141310;border-radius:22px;display:flex;flex-direction:column;gap:14px}
.fg-cobro p,.fg-cierre p{margin:0;font-weight:800;font-size:30px}
.fg-cobro div,.fg-cierre div{display:flex;justify-content:space-between}
.fg-tot{border-top:1px solid #2a2a26;padding-top:14px;font-size:34px;font-weight:900}
.fg-metodos{gap:12px}
.fg-metodos i{flex:1;font-style:normal;text-align:center;padding:18px 6px;border-radius:14px;background:var(--fg-verde);color:#06170e;font-weight:800;font-size:21px;opacity:.55}
.fg-metodos i.fg-sel{opacity:1}
.fg-cierre strong{font-size:38px;color:#7be3a8}
.fg-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px}
.fg-kpis div{border:1px solid #2a2a26;background:#141310;border-radius:18px;padding:16px}
.fg-kpis small{display:block;color:#8f8b81;font-size:19px}
.fg-kpis b{font-size:34px;font-weight:900}
.fg-sub{margin:10px 22px 8px;color:#8f8b81;font-size:20px;text-transform:uppercase;letter-spacing:.1em}
.fg-barra{display:grid;grid-template-columns:130px 1fr 150px;align-items:center;gap:12px;margin:0 22px 10px;font-size:21px}
.fg-barra i{display:block;height:18px;border-radius:9px;background:linear-gradient(90deg,var(--fg-ambar),var(--fg-brasa))}
.fg-barra b{text-align:right}
.fg-top{margin:0 22px;padding-left:30px;font-size:22px;line-height:1.6}

/* Final */
.fg-final{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:40px;background:radial-gradient(circle at 50% 35%,#3a1a10,#0A0F1C 70%);color:#F3ECE6}
.fg-final img{width:170px;height:170px}
.fg-logo{font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:84px;letter-spacing:-.02em}
.fg-final p{margin:0;font-size:30px}
.fg-final small{font-size:21px;opacity:.85}
.fg-final b{font-family:"JetBrains Mono",monospace;font-size:44px;color:var(--fg-ambar)}

/* v2: detalle, ticket impreso, caja en el local, propinas, ventajas y comparativa */
.fg-detalle{font-size:22px;line-height:1.45}
.fg-esc-cocina{position:relative}
.fg-ticket{position:absolute;right:26px;bottom:26px;width:300px;padding:18px 18px 22px;background:#fffdf7;color:#111;font-family:"JetBrains Mono",monospace;font-size:17px;line-height:1.35;border-radius:4px 4px 0 0;box-shadow:0 18px 50px rgba(0,0,0,.55);clip-path:polygon(0 0,100% 0,100% 100%,95% 97%,90% 100%,85% 97%,80% 100%,75% 97%,70% 100%,65% 97%,60% 100%,55% 97%,50% 100%,45% 97%,40% 100%,35% 97%,30% 100%,25% 97%,20% 100%,15% 97%,10% 100%,5% 97%,0 100%)}
.fg-ticket b{display:block;text-align:center;font-size:26px}
.fg-ticket small{display:block;text-align:center}
.fg-ticket p{margin:4px 0}
.fg-ticket hr{border:0;border-top:2px dashed #111;margin:10px 0}
.fg-sub2{display:block;margin-top:6px;color:#8f8b81;font-size:19px;text-transform:uppercase;letter-spacing:.1em}
.fg-propinas{display:flex!important;flex-wrap:wrap;gap:10px;justify-content:flex-start!important}
.fg-propinas i{font-style:normal;padding:12px 14px;border-radius:12px;border:1px solid #2a2a26;font-size:20px}
.fg-propinas i.fg-sel{background:var(--fg-brasa);color:#1a0904;font-weight:800;border-color:var(--fg-brasa)}
.fg-parte{border:1px solid #2a2a26;border-radius:12px;padding:12px 16px}
.fg-cuadra{color:#7be3a8;font-size:28px}
.fg-cuadra-g{margin:0 22px}
.fg-enviada{margin:0 22px;padding:16px;border-radius:16px;background:var(--fg-verde);color:#06170e;font-weight:800;text-align:center}
.fg-verdetx{color:#7be3a8}
.fg-pdia{margin:0 22px;padding:20px;border:1px solid #2a2a26;background:#141310;border-radius:20px}
.fg-pdia p{display:flex;justify-content:space-between;margin:6px 0;font-size:24px}
.fg-pdia .fg-sub2{display:block;font-size:18px;margin-top:14px}
.fg-respaldo{margin:16px 22px;color:#ff8a5c;font-size:21px;text-decoration:underline}
.fg-libre{width:960px;height:1240px;border:0;padding:0;background:transparent;box-shadow:none}
.fg-libre .fg-pantalla{background:transparent;color:#F3ECE6;justify-content:center;gap:26px;border-radius:0}
.fg-libre-tit{font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:64px;text-align:center;margin-bottom:10px}
.fg-libre-tit span{color:var(--fg-brasa)}
.fg-vent{border-radius:28px;padding:30px 36px;background:linear-gradient(#17120f,#17120f) padding-box,linear-gradient(135deg,var(--fg-ambar),var(--fg-brasa)) border-box;border:2px solid transparent;min-height:250px}
.fg-vent b{font-family:Sora,system-ui,sans-serif;font-size:44px;color:var(--fg-ambar)}
.fg-vent ul{margin:14px 0 0;padding-left:34px;font-size:34px;line-height:1.45}
.fg-oculta{visibility:hidden}
.fg-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;padding:24px 30px;border-radius:22px;background:#141310;border:1px solid #2a2a26;font-size:33px}
.fg-cmp span{color:#8f8b81;text-decoration:line-through;text-decoration-color:rgba(229,72,77,.7)}
.fg-cmp b{color:#F3ECE6}

.fg-reparto{margin:0 22px 18px;padding:20px;border-radius:20px;background:rgba(47,191,113,.12);border:1px solid rgba(47,191,113,.4);display:flex;flex-direction:column;gap:6px}
.fg-reparto b{color:#7be3a8;font-size:28px}
.fg-reparto span{font-size:26px;font-weight:700}
.fg-reparto small{color:#cfc9bd;font-size:20px}

/* v3: gancho, personal e inventario */
.fg-hook{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;text-align:center}
.fg-hook img{width:150px;height:150px}
.fg-hook .fg-libre-tit{font-size:70px;line-height:1.1}
.fg-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:900px}
.fg-chips i{font-style:normal;font-size:32px;padding:14px 26px;border-radius:999px;border:2px solid var(--fg-brasa);color:#F3ECE6;background:rgba(255,94,58,.12)}
.fg-esc-personal,.fg-esc-inventario{background:#0d0c0a;color:#f4f1e9}
.fg-qr-mini{display:flex;align-items:center;gap:22px;margin:20px 22px;padding:18px;border:1px solid #2a2a26;border-radius:18px;background:#141310}
.fg-qr-cuadro{width:110px;height:110px;border-radius:10px;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 0 0/22px 22px;border:8px solid #fff}
.fg-qr-mini small{display:block;color:#8f8b81;font-size:20px}
.fg-qr-mini b{font-family:"JetBrains Mono",monospace;font-size:40px;letter-spacing:.2em}
.fg-tarea{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #2a2a26;font-size:23px}
.fg-tarea b{color:#ff8a8d;font-size:21px}
.fg-hecha span{text-decoration:line-through;color:#8f8b81}
.fg-hecha b{color:#7be3a8}
.fg-esc-personal .fg-pdia,.fg-esc-inventario .fg-pdia{margin-bottom:18px}
.fg-noti2{margin:20px 22px;padding:18px 20px;border-radius:18px;background:#fff;color:#1f1a17;box-shadow:0 10px 30px rgba(0,0,0,.4);min-height:96px}
.fg-noti2 small{display:block;color:#8a5a3b;font-size:18px;letter-spacing:.08em}
.fg-noti2 b{font-size:23px}
.fg-bajo span,.fg-bajo b{color:#ff8a8d}
.fg-cta{font-style:normal;font-size:30px;color:#7be3a8;margin-top:6px}