.demo{--bg:#f8f5f0;--bg2:#fff;--card:#fff;--line:#e3dcd1;--txt:#141210;--muted:#5c554c;--accent:#76593a;--accent2:#5f4630;--ok:#15803d;--ok-bg:#e7f3ea;--warn:#8a5a00;--warn-bg:#f8efd9;--bad:#b42318;--bad-bg:#fbe9e7;--soft:#efede8;--chip-on:#141210;--chip-on-txt:#fff;--cta:#141210;--cta-txt:#fff;background:var(--bg);color:var(--txt);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh;font-size:15px}.demo[data-tema=oscuro]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0d0c;--bg2:#171513;--card:#1b1916;--line:#2e2925;--txt:#f6f2ec;--muted:#b2a99d;--accent:#c9a87c;--accent2:#dcc29c;--ok:#4ade80;--ok-bg:#4ade801f;--warn:#f5c451;--warn-bg:#f5c4511f;--bad:#f87171;--bad-bg:#f8717124;--soft:#252220;--chip-on:#f6f2ec;--chip-on-txt:#141210;--cta:#f6f2ec;--cta-txt:#141210}.demo .btn-primary{background:var(--cta);color:var(--cta-txt)}.demo .btn-primary:hover{background:var(--cta);opacity:.92}.demo .check{border-color:#cfc5b6}.demo[data-tema=oscuro] .check{border-color:#4a443d}.demo .check.on{background:var(--ok);border-color:var(--ok);color:#fff}.demo[data-tema=oscuro] .check.on{color:#0e0d0c}.demo .ava{background:var(--soft)}.d-top{color:#fff;background:#000}.d-top .btn-ghost{color:#fff;border-color:#3a342e}.d-top .btn-ghost:hover{border-color:#fff}.d-top .ava{color:#fff;background:#2b2723}.d-chip{border:1px solid var(--line);min-height:40px;color:var(--txt);cursor:pointer;text-align:center;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.d-chip.on{background:var(--chip-on);border-color:var(--chip-on);color:var(--chip-on-txt)}.d-sub{letter-spacing:normal;color:var(--muted);font-size:13px;font-weight:600}.d-barra{background:var(--soft);border-radius:4px;height:8px;overflow:hidden}.d-barra>i{background:var(--accent);border-radius:4px;height:100%;display:block}.d-ok{color:var(--ok)}.d-pill{background:var(--soft);color:var(--muted);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.d-pill.ok{background:var(--ok-bg);color:var(--ok)}.d-pill.warn{background:var(--warn-bg);color:var(--warn)}.d-pill.rojo{background:var(--bad-bg);color:var(--bad)}.demo:not([data-tema=oscuro]) .d-pill.ok{color:#166534}.demo:not([data-tema=oscuro]) .d-pill.warn{color:#854d0e}.demo:not([data-tema=oscuro]) .d-pill.rojo{color:#9f1d14}.demo[data-tema=oscuro] .d-pill.rojo{color:#fca5a5}.d-renglon{border-top:1px solid var(--line);gap:12px;padding:12px 0;display:flex}.d-renglon:not(.flex-col){align-items:center}.d-renglon:first-child{border-top:0}.d-hoja-fondo{z-index:60;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.d-hoja{background:var(--bg2);width:100%;max-width:560px;max-height:88dvh;padding:8px 16px calc(20px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0;overflow-y:auto}.d-hoja-asa{background:var(--line);border-radius:999px;width:44px;height:5px;margin:6px auto 12px}.d-segm{background:var(--soft);border-radius:6px;gap:4px;padding:3px;display:flex}.d-segm button{min-height:38px;color:var(--muted);border-radius:4px;flex:1;font-size:14px;font-weight:600}.d-segm button.on{background:var(--bg2);color:var(--txt);box-shadow:0 1px 4px #0000001f}.demo input[type=range]{accent-color:var(--accent);width:100%}.demo .input{background:var(--bg2)}.c-badge{background:var(--bad);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-12px}.demo[data-tema=oscuro] .c-badge{color:#0e0d0c}.demo details>summary{list-style:none}.c-burbuja-mia{background:var(--accent);color:#fff}.demo[data-tema=oscuro] .c-burbuja-mia{color:#0e0d0c}.demo .rounded-xl,.demo .rounded-2xl{border-radius:8px}.demo .rounded-lg,.demo .check,.c-badge{border-radius:6px}.demo{--sombra:0 1px 2px #1412100a, 0 6px 20px -8px #1412101a;--sombra-alta:0 2px 4px #1412100f, 0 14px 32px -10px #1412102e;--brillo:linear-gradient(180deg, #fff 0%, #fdfbf8 100%);--bronce-linea:linear-gradient(90deg, #8a6e4b, #c9a87c 55%, #8a6e4b);font-feature-settings:"tnum" 1, "ss01" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo[data-tema=oscuro]{--sombra:0 1px 0 #ffffff0a inset, 0 8px 24px -12px #000000b3;--sombra-alta:0 1px 0 #ffffff0f inset, 0 18px 40px -14px #000000d9;--brillo:linear-gradient(180deg, #1f1c19 0%, #191714 100%);background:radial-gradient(1200px 420px at 50% -120px, #c9a87c1a, transparent 70%), var(--bg);background-attachment:fixed}.demo:not([data-tema=oscuro]){background:radial-gradient(1200px 420px at 50% -120px, #8a6e4b14, transparent 70%), var(--bg);background-attachment:fixed}.demo .card{background:var(--brillo);box-shadow:var(--sombra);border-color:var(--line);transition:box-shadow .2s,border-color .2s,transform .2s}.demo :is(button,a).card:hover{box-shadow:var(--sombra-alta);border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.demo .card:has(>summary):hover{box-shadow:var(--sombra-alta);border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.demo .d-hoja{border:1px solid var(--line);box-shadow:0 30px 80px -20px #00000080}.demo main h1.text-2xl{font-size:28px;line-height:1.15}.demo main h2{letter-spacing:-.015em}.demo .d-sub{color:var(--accent);font-weight:700}.demo .card>p.font-bold:first-child,.demo .card>.font-bold:first-child{letter-spacing:-.01em}.demo .text-2xl,.demo .text-3xl,.demo .text-4xl{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.demo .d-barra{background:color-mix(in srgb, var(--txt) 8%, transparent);height:6px}.demo .d-segm{background:color-mix(in srgb, var(--txt) 6%, transparent);border:1px solid var(--line)}.demo .d-segm button{transition:color .15s,background .15s}.demo .d-segm button:hover:not(.on){color:var(--txt)}.demo .d-segm button.on{box-shadow:var(--sombra)}.demo[data-tema=oscuro] .d-segm button.on{background:#2a2622}.demo .d-chip{transition:border-color .15s,background .15s,color .15s}.demo .d-chip:not(.on):hover{border-color:var(--accent)}.demo .btn-ghost:hover{border-color:var(--accent);color:var(--txt)}.demo .input{transition:border-color .15s,box-shadow .15s}.demo .input:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.demo .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.demo :is(button,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo .check.on{box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 18%, transparent)}.demo .d-renglon{border-top-color:color-mix(in srgb, var(--line) 70%, transparent)}.demo .d-top{-webkit-backdrop-filter:saturate(140%)blur(12px);background:#000000e0;box-shadow:0 1px #c9a87c38}.demo .tabbar :is(a,button){transition:color .15s;position:relative}.demo .tabbar :is(a,button):hover{color:#fff}.demo .tabbar :is(a.on,button.on):before{content:"";background:var(--bronce-linea);border-radius:2px;width:28px;height:2px;margin-left:-14px;position:absolute;top:0;left:50%}@media (min-width:1024px){.demo .tabbar{border-right-color:#c9a87c29}.demo .tabbar :is(a.on,button.on):before{width:3px;height:28px;margin:-14px 0 0;top:50%;left:0}.demo .tabbar :is(a.on,button.on){background:linear-gradient(90deg,#c9a87c1a,#0000)}}@media (prefers-reduced-motion:no-preference){.demo main>*{animation:.28s ease-out backwards d-entra}@keyframes d-entra{0%{opacity:0}to{opacity:1}}}.demo main .card.p-3{padding:14px 16px}.demo main h1{margin-bottom:4px}.demo .label{gap:8px}@media (min-width:1024px){.demo main{padding-top:28px}.demo main>div.flex-col{gap:24px}.demo main .card.p-3{padding:18px 20px}.demo main .card.p-4{padding:24px}.demo main .card.p-5{padding:28px}.demo main .card .gap-2{gap:10px}.demo main .card .gap-3,.demo main .grid.gap-2,.demo main .grid.gap-3{gap:16px}.demo .d-renglon{padding:16px 0}.demo main h1.text-2xl{font-size:32px}.demo .d-top .wrap{padding-top:6px;padding-bottom:6px}}@media (min-width:1680px){html:has(.demo){font-size:17px}.demo{font-size:16px}}@media (min-width:2300px){html:has(.demo){font-size:18px}.demo{font-size:17px}}.como-fondo{padding:0;align-items:center!important}.como-cel{background:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.como-top{color:#fff;background:#000;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.como-cuerpo{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.como-cuerpo>*{flex-shrink:0}@media (min-width:640px){.como-fondo{padding:24px}.como-cel{border:10px solid #000;border-radius:28px;width:420px;height:min(880px,100dvh - 48px);box-shadow:0 30px 80px -20px #0009}}.como-tabs{padding-bottom:env(safe-area-inset-bottom);background:#000;border-top:1px solid #1f1c19;flex-shrink:0;display:flex}.como-tabs button{color:#a39c92;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0;font-size:12px;font-weight:600;display:flex}.vistas{z-index:70;background:#1a1612;border-bottom:1px solid #3a342e;justify-content:center;align-items:center;gap:4px;padding:6px 8px;display:flex;position:relative;overflow-x:auto}.vistas-t{color:#a39c92;white-space:nowrap;margin-right:6px;font-size:12px}.vistas a{color:#d6cfc6;white-space:nowrap;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:600}.vistas a.on{color:#141210;background:#c9a87c}@media (max-width:480px){.vistas-t{display:none}}.iphone{background:#000;border-radius:46px;flex-shrink:0;width:300px;height:620px;padding:12px;position:relative;box-shadow:0 0 0 2px #2a2622,0 30px 70px -25px #000000b3}.iphone-isla{z-index:2;background:#000;border-radius:14px;width:90px;height:24px;margin-left:-45px;position:absolute;top:20px;left:50%}.iphone-pantalla{transform-origin:0 0;background:#fff;border:0;border-radius:46px;width:390px;height:832px;transform:scale(.7179)}@media (min-width:1024px){.iphone{width:360px;height:744px}.iphone-pantalla{transform:scale(.8615)}}.demo.admin main>div.flex-col,.demo.admin main .pantalla{column-width:auto!important;display:flex!important}.demo.admin .wrap{max-width:1200px}.demo main>.inicio-coach{gap:24px;column-width:auto!important;display:grid!important}.inicio-coach>*{margin:0!important}.inicio-coach .pantalla,.inicio-coach>div>div.flex-col{column-width:auto;display:flex}@media (min-width:1100px){.demo main>.inicio-coach{grid-template-columns:minmax(0,1fr) 420px;align-items:start}.inicio-cel{position:sticky;top:76px}}.solo-cel{display:none}@media (max-width:767px){.iphone,.solo-compu{display:none!important}.solo-cel{display:inline-flex}.inicio-cel .card>div:first-child button{display:none}}.vistas-cel{color:#141210;white-space:nowrap;background:#f6f2ec;border-radius:6px;margin-left:8px;padding:5px 12px;font-size:13px;font-weight:700}.modo-cel{z-index:65;background:radial-gradient(900px 500px at 50% 0,#c9a87c2e,#0000 70%),#0e0d0c;place-items:center;padding:16px;display:grid;position:fixed;inset:41px 0 0;overflow:auto}.iphone.iphone-grande{width:360px;height:744px}.iphone-grande .iphone-pantalla{transform:scale(.8615)}@media (min-height:900px){.iphone.iphone-grande{width:414px;height:856px}.iphone-grande .iphone-pantalla{transform:scale(1)}}@media (max-width:767px){.vistas-cel,.modo-cel{display:none}}.demo main>.vista-clientes{column-width:auto!important;display:flex!important}.vista-clientes>*{margin-bottom:0!important}@media (min-width:1100px){.demo main>.vista-clientes{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px 24px;display:grid!important}.vista-clientes>*{grid-column:1}.vista-clientes>:last-child{grid-area:1/2/span 40;position:sticky;top:76px}}.demo main>.sin-columnas{max-width:980px;column-width:auto!important;display:flex!important}.demo,.demo:not([data-tema=oscuro]),.demo[data-tema=oscuro]{background:var(--bg)}.demo{--bg:#f6f5f3;--brillo:var(--card);--sombra:0 1px 2px #1412100d;--sombra-alta:0 4px 14px -6px #14121024}.demo[data-tema=oscuro]{--bg:#0e0d0c;--sombra:none;--sombra-alta:none}.demo .card{background:var(--card);border-radius:10px}.demo .d-barra>i{background:var(--accent);box-shadow:none}.demo .btn-primary{box-shadow:none}.demo .d-top{box-shadow:0 1px #ffffff0f}@media (min-width:1024px){.demo .tabbar :is(a.on,button.on){background:#ffffff0f}}.demo .d-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600}.demo main h1.text-2xl{font-size:24px;font-weight:700}.demo .d-pill{border:0}.ico-grupo{border-radius:9px;flex-shrink:0;place-items:center;display:inline-grid}.d-segm.mini{border-radius:7px;padding:2px;display:inline-flex}.d-segm.mini button{flex:none;min-height:26px;padding:0 10px;font-size:12.5px}.demo{--muted:#6b6560;--line:#e7e3dd;--bg:#f7f6f4;--card:#fff;letter-spacing:-.006em;line-height:1.5}.demo[data-tema=oscuro]{--bg:#0b0b0c;--bg2:#121214;--card:#141416;--line:#242427;--soft:#1c1c1f;--muted:#9a958f;--txt:#f4f2ef}.demo .card{border:1px solid var(--line);border-radius:14px}.demo main h1{letter-spacing:-.03em;font-weight:650}.demo main h2{letter-spacing:-.02em;font-weight:600}.demo b,.demo .font-bold{font-weight:600}.demo .font-black{font-weight:650}.demo .text-3xl,.demo .text-4xl{letter-spacing:-.035em;font-weight:650}.demo .btn{border-radius:10px;min-height:44px;font-weight:550}.demo .btn-sm{border-radius:8px;min-height:34px}.demo .input{border-radius:10px}.demo .d-chip{border-radius:999px;padding:6px 14px;font-weight:500}.demo .d-chip.on{font-weight:600}.demo .d-segm{border-radius:10px;padding:3px}.demo .d-segm button{border-radius:8px;font-weight:500}.demo .d-segm button.on{font-weight:600}.demo .d-pill,.demo .tag{border-radius:999px;padding:3px 10px;font-weight:550}.demo .aviso{border-radius:12px}.demo .d-renglon{padding:14px 0}.demo .ico-grupo{border-radius:10px}.demo .d-hoja{border-radius:18px 18px 0 0}.demo .d-top{background:#000000d1;box-shadow:0 1px #ffffff12}.demo .tabbar{background:#0a0a0b}.demo .tabbar :is(a,button){font-weight:500}.demo .tabbar :is(a.on,button.on):before{display:none}.demo .tabbar :is(a.on,button.on) svg{box-sizing:content-box;background:#ffffff1a;border-radius:10px;margin:-5px;padding:5px}@media (min-width:1024px){.demo .tabbar :is(a.on,button.on){background:#ffffff0f;border-radius:10px}.demo .tabbar :is(a.on,button.on) svg{background:0 0;margin:0;padding:0}}.demo ::-webkit-scrollbar{width:10px;height:10px}.demo ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--txt) 18%, transparent);background-clip:content-box;border:3px solid #0000;border-radius:999px}.demo main.wrap{padding-top:24px;padding-bottom:calc(112px + env(safe-area-inset-bottom))}@media (min-width:1024px){.demo main.wrap{padding-top:40px;padding-bottom:72px}}.demo main h1+p{margin-top:4px}.demo .card.p-3{padding:14px}.demo .card.p-4{padding:18px}@media (min-width:768px){.demo .card.p-4{padding:22px}}.demo select.input{text-overflow:ellipsis}.iphone-pantalla{border-radius:0 0 46px 46px;height:790px;margin-top:30px}.demo .reportes-vacio,.demo main p.py-4{width:100%}.vistas{scrollbar-width:none;justify-content:safe center}.vistas::-webkit-scrollbar{display:none}@media (max-width:767px){.vistas{justify-content:flex-start}}.tipo-dia{border:1px solid var(--line);background:var(--card);color:var(--muted);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 6px;transition:background .15s,color .15s,border-color .15s,transform .1s;display:flex}.tipo-dia:active{transform:scale(.97)}.tipo-dia[data-on]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 20px -10px var(--accent)}.demo[data-tema=oscuro] .tipo-dia[data-on]{color:#0e0d0c}.tomar{background:var(--cta);min-height:36px;color:var(--cta-txt);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:0 14px;font-size:13.5px;font-weight:700;display:inline-flex}.tomar.on{background:var(--ok-bg);color:var(--ok)}.plato{padding:14px 16px calc(16px + env(safe-area-inset-bottom));background:var(--bg2);border-top:1px solid var(--line);flex-direction:column;gap:8px;margin:4px -16px -20px;display:flex;position:sticky;bottom:-20px;box-shadow:0 -12px 24px -16px #00000059}.plato>.flex-col{max-height:32vh;overflow-y:auto}.mini-btn{border:1px solid var(--line);width:30px;height:30px;color:var(--txt);border-radius:999px;place-items:center;display:inline-grid}.toast{z-index:80;background:var(--cta);color:var(--cta-txt);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px -8px #0006}.d-hoja-grande{flex-direction:column;max-width:640px;height:94dvh;max-height:94dvh;display:flex}.d-hoja-grande>div:last-child>*{flex-shrink:0}.cerrar-x{background:var(--soft);width:38px;height:38px;color:var(--txt);border-radius:999px;flex-shrink:0;place-items:center;display:inline-grid}.cerrar-x:hover{background:color-mix(in srgb, var(--txt) 12%, transparent)}.pcg{gap:8px;font-size:12px;font-weight:600;display:inline-flex}.pcg i{font-style:normal}.pcg .p,.plato-macros .p b{color:#b3261e}.pcg .c,.plato-macros .c b{color:#b07d1e}.pcg .g,.plato-macros .g b{color:#3f6fa6}.demo[data-tema=oscuro] .pcg .p,.demo[data-tema=oscuro] .plato-macros .p b{color:#f08a7e}.demo[data-tema=oscuro] .pcg .c,.demo[data-tema=oscuro] .plato-macros .c b{color:#e6c06a}.demo[data-tema=oscuro] .pcg .g,.demo[data-tema=oscuro] .plato-macros .g b{color:#8fb4e3}.plato-macros{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.plato-macros span{background:var(--soft);color:var(--muted);border-radius:10px;flex-direction:column;padding:6px 8px;font-size:12px;display:flex}.plato-macros b{font-size:15px}.plato>.flex-col{max-height:38dvh}.negocio{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:12px;display:flex}.negocio:active{transform:scale(.98)}.tipo-dia{border-radius:12px;flex-direction:row;gap:6px;min-height:44px;padding:8px 6px}.tipo-dia svg{flex-shrink:0;width:16px;height:16px}.tipo-dia .text-xs{display:none}.tipo-dia .text-sm{font-size:12.5px}.kit-chip{border:1px dashed var(--line);min-height:34px;color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.kit-chip.on{border:1px solid var(--ok);background:var(--ok-bg);color:var(--ok)}.paso-t{align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.paso-t>span:first-child{background:var(--cta);width:26px;height:26px;color:var(--cta-txt);border-radius:999px;place-items:center;font-size:14px;display:inline-grid}.kit-caja{background:var(--card);border:1.5px solid;border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.kit-tag{letter-spacing:.02em;border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.frasco{border-top:1px solid var(--line);align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.frasco[data-ok]{opacity:.55}.frasco[data-ok] .font-bold{text-decoration:line-through}.tarde-chip{border:1px solid var(--line);background:var(--card);border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;display:flex}.tarde-chip .interruptor{background:var(--soft);border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.tarde-chip .interruptor:after{content:"";background:#fff;border-radius:999px;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.tarde-chip.on{border-color:var(--accent)}.tarde-chip.on .interruptor{background:var(--accent)}.tarde-chip.on .interruptor:after{left:19px}.bolsa-btn{letter-spacing:.01em;min-height:38px;color:var(--c);background:color-mix(in srgb, var(--c) 10%, transparent);border:1.5px solid color-mix(in srgb, var(--c) 40%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:800;display:inline-flex}.bolsa-btn.on{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.demo main .grid>*,.demo main .flex>*{min-width:0}.demo main .card>.flex.justify-between{flex-wrap:wrap;row-gap:8px}@media (max-width:400px){.demo main .grid.grid-cols-2:has(>section.card){grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.demo:not(.admin){padding-left:80px;padding-bottom:24px!important}.demo .tabbar{border-top:0;border-right:1px solid #1f1c19;width:80px;padding-top:72px;top:0;bottom:0;right:auto}.demo .tabbar>.wrap{flex-direction:column;gap:4px;max-width:none;padding:0}.demo .tabbar button,.demo .tabbar a{flex:none;padding:12px 0}.demo .wrap{max-width:860px;padding-left:28px;padding-right:28px}.demo main.wrap{padding-bottom:48px}.demo .tabbar :is(a.on,button.on) svg{background:0 0;margin:0;padding:0}.demo .tabbar :is(a.on,button.on){background:#ffffff0f;border-radius:10px}}@media (min-width:1024px){.demo.admin{padding-left:0}}@media (min-width:1600px){.demo.admin .wrap{max-width:1480px}}@media (max-width:360px){.demo .btn{white-space:normal;text-align:center;line-height:1.2}.demo main section.card{max-width:100%}}.demo main .grid:not([class*=grid-cols]){grid-template-columns:minmax(0,1fr)}.escalada .demo{min-height:calc(100dvh / var(--z))}.escalada .d-hoja{max-height:calc(84dvh / var(--z))!important}.escalada .d-hoja-grande{height:calc(94dvh / var(--z));max-height:calc(94dvh / var(--z))!important}.escalada .plato>.flex-col{max-height:calc(38dvh / var(--z))}.d-hoja-fondo{z-index:80}@media (min-width:1024px){.d-hoja-grande{height:88dvh;max-height:88dvh}.escalada .d-hoja-grande{height:calc(88dvh / var(--z));max-height:calc(88dvh / var(--z))!important}}.demo,.demo[data-tema=oscuro]{--bg:var(--ff-background);--bg2:var(--ff-surface);--card:var(--ff-surface);--line:var(--ff-line);--txt:var(--ff-text);--muted:var(--ff-text-secondary);--soft:var(--ff-surface-raised);--accent:var(--ff-brand-text);--accent2:var(--ff-brand-text);--ok:var(--ff-success);--warn:var(--ff-warning);--bad:var(--ff-error);--ok-bg:color-mix(in srgb, var(--ff-success) 12%, var(--ff-surface));--warn-bg:color-mix(in srgb, var(--ff-warning) 12%, var(--ff-surface));--bad-bg:color-mix(in srgb, var(--ff-error) 12%, var(--ff-surface));--chip-on:var(--ff-text);--chip-on-txt:var(--ff-background);--cta:var(--ff-brand);--cta-txt:var(--ff-on-brand);--brillo:var(--ff-surface);--bronce-linea:var(--ff-brand)}.demo,.demo *{font-family:var(--ff-font-body)}.demo h1,.demo main h1,.demo .ff-display{font-family:var(--ff-font-display);letter-spacing:0;font-weight:700;line-height:1.05}.demo main h1.text-2xl{font-size:32px}.demo .card{border-radius:var(--ff-radius-card)}.demo .btn,.demo .input,.demo .d-segm,.demo .check{border-radius:var(--ff-radius-control)}.demo .d-segm button{border-radius:8px}.d-hoja{border-radius:var(--ff-radius-dialog) var(--ff-radius-dialog) 0 0}@media (min-width:1024px){.d-hoja{border-radius:var(--ff-radius-dialog)!important}}.demo .btn-primary,.demo .btn-primary:hover{background:var(--ff-brand);color:var(--ff-on-brand);opacity:1}.demo .btn-primary:hover{background:color-mix(in srgb, var(--ff-brand) 88%, var(--ff-charcoal))}.demo .btn-ghost,.demo .input{border-color:var(--ff-border)}.demo .input:focus{border-color:var(--ff-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--ff-focus) 25%, transparent)}.demo :is(button,a,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ff-focus);outline-offset:2px}.demo .check,.demo[data-tema=oscuro] .check{border-color:var(--ff-border)}.demo .check.on,.demo[data-tema=oscuro] .check.on{background:var(--ff-success);border-color:var(--ff-success);color:var(--ff-surface)}.demo:not([data-tema=oscuro]) .d-pill.ok,.demo .d-pill.ok{color:var(--ff-success)}.demo:not([data-tema=oscuro]) .d-pill.warn,.demo .d-pill.warn{color:var(--ff-warning)}.demo:not([data-tema=oscuro]) .d-pill.rojo,.demo[data-tema=oscuro] .d-pill.rojo{color:var(--ff-error)}.demo .c-badge,.demo[data-tema=oscuro] .c-badge{background:var(--ff-error);color:var(--ff-surface)}.d-barra>i,.demo .d-barra>i{background:var(--ff-brand)}.tipo-dia[data-on],.demo[data-tema=oscuro] .tipo-dia[data-on]{background:var(--ff-brand);border-color:var(--ff-brand);color:var(--ff-on-brand);box-shadow:none}.c-burbuja-mia,.demo[data-tema=oscuro] .c-burbuja-mia{background:var(--ff-brand);color:var(--ff-on-brand)}.demo input[type=range],.demo input[type=checkbox]{accent-color:var(--ff-brand-text)}.pcg .p,.plato-macros .p b,.demo[data-tema=oscuro] .pcg .p,.demo[data-tema=oscuro] .plato-macros .p b{color:var(--ff-protein)}.pcg .c,.plato-macros .c b,.demo[data-tema=oscuro] .pcg .c,.demo[data-tema=oscuro] .plato-macros .c b{color:var(--ff-carbs)}.pcg .g,.plato-macros .g b,.demo[data-tema=oscuro] .pcg .g,.demo[data-tema=oscuro] .plato-macros .g b{color:var(--ff-fat)}.d-top,.demo .d-top{background:var(--ff-bar);color:var(--ff-bar-text);box-shadow:0 1px 0 var(--ff-bar-line)}.d-top .muted{color:var(--ff-bar-muted)}.d-top .btn-ghost{border-color:var(--ff-border);color:var(--ff-bar-text)}.d-top .ava{background:var(--ff-bar-line);color:var(--ff-bar-text)}.demo .tabbar{background:var(--ff-bar);border-color:var(--ff-bar-line)}.demo .tabbar :is(a,button){color:var(--ff-bar-muted)}.demo .tabbar :is(a.on,button.on){color:var(--ff-bar-text)}.demo .tabbar :is(a.on,button.on) svg{color:var(--ff-green)}.demo .tabbar :is(a.on,button.on):before{background:var(--ff-green)}.como-top,.como-tabs{background:var(--ff-bar);color:var(--ff-bar-text);border-color:var(--ff-bar-line)}.como-tabs button{color:var(--ff-bar-muted)}.como-tabs button.on{color:var(--ff-bar-text);box-shadow:inset 0 2px 0 var(--ff-green)}.vistas{background:var(--ff-bar);border-bottom-color:var(--ff-bar-line)}.vistas-t{color:var(--ff-bar-muted)}.vistas a{color:var(--ff-bar-text)}.vistas a.on{background:var(--ff-green);color:var(--ff-on-brand)}.vistas-cel{background:var(--ff-white);color:var(--ff-charcoal)}.modo-cel{background:var(--ff-charcoal)}.demo ::selection{background:color-mix(in srgb, var(--ff-brand) 40%, transparent)}.ff-demo-tag{font:700 11px/1 var(--ff-font-body);letter-spacing:.08em;background:var(--ff-warning);color:var(--ff-surface);text-transform:uppercase;border-radius:6px;align-items:center;padding:4px 7px;display:inline-flex}html.hoja-abierta,html.hoja-abierta body{overscroll-behavior:none;overflow:hidden}.d-pantalla{z-index:80;background:var(--bg2);height:100dvh;color:var(--txt);flex-direction:column;display:flex;position:fixed;inset:0}.d-pantalla-cab{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--line);background:var(--bg2);align-items:center;gap:10px;display:flex}.d-pantalla-cab h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:18px;font-weight:800;line-height:1.2;overflow:hidden}.d-pantalla-cuerpo{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:14px 16px 28px;overflow-y:auto}.d-pantalla-pie{padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg2);box-shadow:0 -12px 24px -16px #0000004d}@media (min-width:768px){.d-pantalla-cab,.d-pantalla-cuerpo,.d-pantalla-pie{padding-left:max(16px,50% - 320px);padding-right:max(16px,50% - 320px)}}.buscador{align-items:center;display:flex;position:relative}.buscador>svg{color:var(--muted);pointer-events:none;position:absolute;left:13px}.buscador .input{padding-left:38px;padding-right:44px}.buscador .input::-webkit-search-cancel-button{display:none}.buscador .mini-btn{position:absolute;right:8px}.renglon-ali{align-items:center;gap:8px}.mas-rapido{width:40px;height:40px;color:var(--accent);border:1px solid var(--line);background:0 0;border-radius:999px;flex-shrink:0;place-items:center;display:inline-grid}.mas-rapido:active{transform:scale(.94)}.cant-input{width:96px;font-weight:800;min-height:48px!important;padding:0!important;font-size:20px!important}.mini-btn.grande{width:44px;height:44px}.ficha-barra{background:var(--soft);border-radius:999px;height:10px;display:flex;overflow:hidden}.ficha-barra i{height:100%;display:block}.ficha-barra .p{background:#b3261e}.ficha-barra .c{background:#c99a2e}.ficha-barra .g{background:#3f6fa6}.demo[data-tema=oscuro] .ficha-barra .p{background:#f08a7e}.demo[data-tema=oscuro] .ficha-barra .c{background:#e6c06a}.demo[data-tema=oscuro] .ficha-barra .g{background:#8fb4e3}.plato-lista{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:34dvh;padding:2px 0;overflow-y:auto}.d-barra.rango{position:relative;overflow:visible}.d-barra.rango>b{border:1.5px dashed var(--ok);pointer-events:none;border-radius:3px;position:absolute;top:-3px;bottom:-3px}.menu-comida{z-index:20;background:var(--bg2);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:240px;padding:6px;display:flex;position:absolute;top:36px;right:0;box-shadow:0 16px 40px -12px #00000059}.menu-comida button{text-align:left;color:var(--txt);border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;display:flex}.menu-comida button:hover:not(:disabled){background:var(--soft)}.menu-comida button:disabled{color:var(--muted)}.menu-comida button.peligro{color:var(--warn)}.d-pantalla .toast{top:calc(74px + env(safe-area-inset-top));bottom:auto}