@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--crema:#fff9ef;--naranja:#d94312;--tinta:#161613;--texto:#605c55;--borde:#e9e1d5;--radio:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--crema);color:var(--tinta);font:15px/1.65 'Plus Jakarta Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #136d51;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.055em}p{color:var(--texto)}.envoltura{max-width:1240px;margin:auto;padding-inline:32px}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.marca{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-1px}.nav-enlaces{display:flex;gap:28px;font-size:13px;font-weight:600}.nav-enlaces a:hover,.enlace:hover{color:var(--naranja)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;padding:17px 25px;min-height:54px;border-radius:12px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.boton:hover{transform:translateY(-2px)}.boton:active{transform:translateY(0)}.principal{background:var(--naranja);color:white;box-shadow:0 8px 22px #d9431218}.principal:hover{background:#ba370d;box-shadow:0 12px 26px #d943122b}.secundario{background:#fff;border:1px solid var(--borde)}.pequeno{min-height:44px;padding:11px 18px;font-size:12px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:15px;padding-block:55px 90px;min-height:610px}.hero-texto{position:relative;z-index:2}.etiqueta{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;padding:7px 12px;border:1px solid var(--borde);border-radius:30px;background:#fff8}.punto{width:6px;height:6px;background:var(--naranja);border-radius:50%}h1{font-size:clamp(48px,5.4vw,72px);font-weight:800;margin:23px 0}h1 span{color:var(--naranja)}.intro{font-size:17px;max-width:440px;line-height:1.75}.acciones{display:flex;align-items:center;gap:25px;margin:28px 0 20px}.enlace{font-size:12px;font-weight:700}.nota{font-size:11px;max-width:440px}.nota>span:first-child{color:#15803d}.separador{padding:0 7px}.escena{height:455px;position:relative;isolation:isolate;animation:entrada .8s ease both}.orbita{position:absolute;inset:30px -10px 0 40px;background:#f8e5ca;border-radius:50%;z-index:-1}.tablet{position:absolute;left:35px;right:0;top:60px;border:9px solid #22221e;border-radius:22px;box-shadow:0 30px 50px -25px #3d241060;transform:rotate(-4deg);background:#fff;min-height:305px}.pantalla{border-radius:12px;overflow:hidden;background:#fbfbf8;padding:17px}.cabecera-app{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e1;padding-bottom:12px}.marca-mini{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800}.estado{font-size:9px;color:#237a4f}.titulo-app{padding:15px 0;display:flex;flex-direction:column;gap:4px}.titulo-app b{font-size:18px;letter-spacing:-.6px}.titulo-app small{font-size:9px;color:#777}.columnas-cocina{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.col-titulo{font-size:9px;display:flex;justify-content:space-between;font-weight:700;padding:6px;background:#eee;border-radius:5px}.col-titulo i{font-style:normal;background:white;padding:0 4px;border-radius:4px}.columnas-cocina article{padding:9px 7px;border:1px solid #e7e7e0;margin-top:7px;border-radius:7px;background:white;display:flex;flex-direction:column;gap:6px;font-size:8px}.columnas-cocina article b{font-size:9px}.columnas-cocina small,.columnas-cocina article>span{color:#777}.barra{height:3px;background:#ff6b38;border-radius:3px;width:60%}.chip{font-size:8px;padding:3px 4px;border-radius:4px;display:inline-block}.chip.naranja{background:#fff0e5;color:#a33811}.chip.verde{background:#e4f8ec;color:#24774c}.pie-app{font-size:8px;color:#999;margin-top:15px;text-align:right}.telefono{position:absolute;bottom:6px;left:0;width:192px;padding:7px;border-radius:25px;background:#222;box-shadow:0 18px 30px #40201528;transform:rotate(3deg)}.telefono-cab{border-radius:18px 18px 0 0;background:#fff6e9;padding:20px 12px 15px;display:flex;flex-direction:column;gap:6px}.telefono-cab>span{font-size:8px;letter-spacing:1.4px;color:var(--naranja);font-weight:800}.telefono-cab b{font-size:13px;letter-spacing:-.5px}.telefono-cab small{font-size:8px;color:#888}.telefono-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px;background:white}.telefono-menu img{height:65px;width:100%;object-fit:cover;border-radius:8px}.telefono-menu b,.telefono-menu span{display:block;font-size:8px;margin-top:4px}.telefono-menu span{color:var(--naranja);font-weight:700}.telefono-boton{display:block;text-align:center;font-size:9px;color:white;background:var(--naranja);padding:11px 0;border-radius:0 0 18px 18px}.aviso,.cobro-aviso{position:absolute;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #eee6dc;border-radius:15px;padding:13px 17px;box-shadow:0 12px 30px #35231312;z-index:3}.aviso{top:20px;right:0;animation:flotar 6s ease-in-out infinite}.aviso b,.cobro-aviso b{font-size:11px;display:block}.aviso small,.cobro-aviso small{font-size:9px;display:block;color:#888}.aviso-icono,.check-grande{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff0e5;color:var(--naranja);font-size:22px}.check-grande{background:#e3f3e9;color:#23764e}.cobro-aviso{right:5px;bottom:15px;animation:flotar 6s 1.5s ease-in-out infinite}.franja{border-block:1px solid var(--borde);background:#fff7e9}.franja .envoltura{display:flex;justify-content:space-between;padding-block:22px;font-size:12px;font-weight:700}.franja span:before{content:'✦';margin-right:12px;color:var(--naranja)}section{padding-block:82px}.recorrido{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.ceja{font-size:10px;letter-spacing:2px;color:var(--naranja);font-weight:800}h2{font-size:clamp(32px,3.5vw,46px);margin:16px 0 20px}.encabezado p{max-width:390px;font-size:15px}.demo{padding:20px;background:white;border:1px solid var(--borde);border-radius:var(--radio);box-shadow:0 20px 50px #33210b08}.pasos{display:flex;gap:5px;padding:5px;background:#f6f3ee;border-radius:12px}.pasos button{flex:1;border:0;background:transparent;border-radius:8px;padding:12px 8px;font-size:12px;font-weight:700;color:#777}.pasos button span{font-size:9px;margin-right:7px;opacity:.5}.pasos button[aria-selected=true]{background:white;color:var(--naranja);box-shadow:0 2px 8px #00000008}#panel-demo{min-height:272px;padding:24px 12px 8px;animation:entrada .3s}.demo-producto{display:flex;gap:16px;align-items:center;margin-bottom:15px}.demo-producto img{width:78px;height:78px;object-fit:cover;border-radius:15px}.demo-producto b{display:block;font-size:15px}.demo-producto small{color:#777;font-size:11px}.opcion-demo{display:flex;justify-content:space-between;align-items:center;margin:10px 0;border-bottom:1px solid #eee;padding-bottom:10px;font-size:12px}.toggle{border:1px solid #ddd;background:white;border-radius:8px;padding:6px 10px;font-size:11px}.toggle[aria-pressed=true]{background:#fff0e5;color:#a33711;border-color:#f4cbb9}.total-demo{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin:18px 0}.demo .boton{width:100%;min-height:44px;padding:12px;font-size:12px}.demo-ayuda{font-size:9px;text-align:center;margin-top:12px}.comanda-demo{border:1px dashed #d9cfc0;border-radius:12px;padding:18px;min-height:125px}.comanda-demo small{font-size:10px;color:#888}.comanda-demo h3{font-size:23px;margin:9px 0}.comanda-demo p{font-size:12px}.estado-demo{margin:15px 0;font-size:12px;color:#277044}.grilla{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:20px;padding:26px;transition:transform .25s,box-shadow .25s}.tarjeta:hover{transform:translateY(-5px);box-shadow:0 15px 35px #3725100b}.tarjeta h3{font-size:21px;margin:16px 0 12px;letter-spacing:-.7px}.tarjeta p{font-size:12px}.grande{grid-row:span 2;background:#f8ecd9;display:flex;flex-direction:column}.grande h3{font-size:32px}.icono{font-size:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #edd8c3;border-radius:12px;color:var(--naranja)}.miniplatos{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:28px}.miniplatos img{border-radius:14px;object-fit:cover;width:calc(50% - 5px);height:100px}.miniplatos img:last-child{width:100%;height:120px}.otros{font-size:12px;margin-top:22px}.final{padding-top:10px}.final-caja{position:relative;overflow:hidden;border-radius:28px;background:#f3e2c8;padding:52px}.final-caja p{max-width:460px;font-size:14px;margin-bottom:24px}.final-marca{position:absolute;right:70px;top:60px;opacity:.17;transform:rotate(-10deg);width:260px;height:260px}.final-caja .boton{position:relative;z-index:1}footer{padding-block:25px 40px!important;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}footer .marca{font-size:19px}footer div{display:flex;gap:20px}footer>span{color:#8c8274}.js .revelar{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.js .revelar.visible{opacity:1;transform:none}@keyframes entrada{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes flotar{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:950px){.nav-enlaces{display:none}.hero{gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:52px}.escena{height:400px}.tablet{left:0}.telefono{width:155px}.cobro-aviso{right:0;bottom:0;padding:10px}.acciones{gap:15px;flex-wrap:wrap}.recorrido{gap:35px}.grilla{grid-template-columns:repeat(2,1fr)}.grande{grid-row:span 2}.final-marca{right:30px;width:200px}footer>span{display:none}}
@media(max-width:650px){.envoltura{padding-inline:20px}.nav{height:76px;gap:12px}.marca{font-size:22px}.marca img{width:32px;height:32px}.pequeno{padding:10px 12px;font-size:11px;gap:10px}.hero{grid-template-columns:1fr;padding-top:22px;padding-bottom:35px;gap:10px;min-height:0}.hero h1{font-size:48px;margin:18px 0}.intro{font-size:14px;line-height:1.7}.acciones{margin:20px 0 14px;gap:20px}.acciones .boton{padding:14px 18px;font-size:13px;gap:18px}.enlace{font-size:11px}.nota{font-size:9px;line-height:1.8}.escena{height:340px;max-width:420px;width:100%;margin:auto}.orbita{inset:25px 0 0 20px}.tablet{left:35px;right:0;top:45px;border-width:6px;min-height:240px;border-radius:15px}.pantalla{padding:10px}.titulo-app{padding:10px 0}.titulo-app b{font-size:14px}.titulo-app small{font-size:8px}.columnas-cocina{gap:5px}.col-titulo{font-size:7px}.columnas-cocina article{font-size:6px;padding:6px 4px;gap:5px}.columnas-cocina article b{font-size:7px}.chip{font-size:6px}.telefono{width:140px;bottom:0;left:0;padding:5px;border-radius:20px}.telefono-cab{padding:12px 9px}.telefono-cab b{font-size:11px}.telefono-cab>span{font-size:6px}.telefono-cab small{font-size:7px}.telefono-menu{padding:6px;gap:4px}.telefono-menu img{height:45px}.telefono-menu b,.telefono-menu span{font-size:6px}.telefono-boton{font-size:7px;padding:9px 0}.aviso{padding:9px;top:12px;right:0;gap:7px}.aviso b,.cobro-aviso b{font-size:9px}.aviso small,.cobro-aviso small{font-size:7px}.aviso-icono,.check-grande{width:24px;height:24px;font-size:16px;border-radius:7px}.cobro-aviso{gap:7px;bottom:1px;right:0;padding:9px}.franja .envoltura{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-block:19px;font-size:10px}.franja span:before{margin-right:7px}section{padding-block:50px}.recorrido{grid-template-columns:1fr;gap:25px}.encabezado p{font-size:13px}h2{font-size:34px}.demo{padding:14px}#panel-demo{padding:20px 7px 7px}.grilla{grid-template-columns:1fr;margin-top:25px}.grande{grid-row:auto}.tarjeta{padding:24px}.miniplatos{flex-wrap:nowrap}.miniplatos img,.miniplatos img:last-child{width:calc(33.33% - 7px);height:85px}.grande h3{font-size:27px}.final-caja{padding:30px 24px;border-radius:20px}.final-caja h2{font-size:33px}.final-caja p{font-size:12px}.final-marca{right:-65px;top:40px;opacity:.06}.final-caja .boton{font-size:12px;padding:14px}footer{flex-wrap:wrap;gap:15px}footer div{width:100%;justify-content:space-between}.pasos button{font-size:11px}.pasos button span{margin-right:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .revelar{opacity:1;transform:none}.tarjeta:hover,.boton:hover{transform:none}}