:root{--bg: #faf8f4;--surface: #ffffff;--ink: #141210;--line: rgba(20, 18, 16, .09);--accent: #f5a524;--accent-soft: #fcebcb;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--ease-ios: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui, system-ui, sans-serif);font-weight:var(--ui-weight, 400);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font-family:inherit}button,a,input,select,textarea,label,[role=button]{touch-action:manipulation}button,[role=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}input,textarea,select{transition:border-color .16s ease,box-shadow .16s ease}input:not(.sin-anillo):focus,textarea:not(.sin-anillo):focus,select:not(.sin-anillo):focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.app-frame{position:relative;width:100%;max-width:440px;margin:0 auto;overflow:hidden;height:100vh;padding-top:var(--sat);background:var(--bg);box-shadow:0 0 0 1px var(--line)}@supports (height: 100dvh){.app-frame{height:var(--app-h, 100dvh)}}.app-escena{position:relative;height:100%}.pantalla{overscroll-behavior-y:contain}@media(hover:hover)and (pointer:fine){.pantalla{scrollbar-width:none}.pantalla::-webkit-scrollbar{display:none}}input::-webkit-date-and-time-value{text-align:left}.h-scroll{overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:20px}.nav-capa{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg)}.nav-capa[data-fase=sale]{pointer-events:none}.nav-capa[data-anim=push][data-fase=entra]{animation:nav-desde-derecha .38s var(--ease-ios) backwards;box-shadow:-12px 0 32px -16px #00000038}.nav-capa[data-anim=push][data-fase=sale]{animation:nav-hacia-izquierda .38s var(--ease-ios) forwards}.nav-capa[data-anim=pop][data-fase=entra]{animation:nav-desde-izquierda .38s var(--ease-ios) backwards}.nav-capa[data-anim=pop][data-fase=sale]{z-index:1;animation:nav-hacia-derecha .38s var(--ease-ios) forwards;box-shadow:-12px 0 32px -16px #00000038}.nav-capa[data-anim=tab][data-fase=entra],.nav-capa[data-anim=fundido][data-fase=entra]{animation:nav-aparece .18s ease-out backwards}.nav-capa[data-anim=push][data-fase=sale]:after,.nav-capa[data-anim=pop][data-fase=entra]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;pointer-events:none}.nav-capa[data-anim=push][data-fase=sale]:after{animation:nav-vela .38s var(--ease-ios) forwards}.nav-capa[data-anim=pop][data-fase=entra]:after{animation:nav-desvela .38s var(--ease-ios) forwards}@keyframes nav-desde-derecha{0%{transform:translate3d(100%,0,0)}}@keyframes nav-hacia-izquierda{to{transform:translate3d(-30%,0,0)}}@keyframes nav-desde-izquierda{0%{transform:translate3d(-30%,0,0)}}@keyframes nav-hacia-derecha{to{transform:translate3d(100%,0,0)}}@keyframes nav-aparece{0%{opacity:0}}@keyframes nav-vela{0%{opacity:0}to{opacity:.08}}@keyframes nav-desvela{0%{opacity:.08}to{opacity:0}}button{transition:transform .18s var(--ease-out),opacity .18s var(--ease-out),filter .18s var(--ease-out)}button:active:not(:disabled){transform:scale(.97);transition-duration:90ms;transition-delay:40ms}[data-press=fila]:active:not(:disabled){transform:none;filter:brightness(.95)}html[data-tema=oscuro] [data-press=fila]:active:not(:disabled){filter:brightness(1.25)}.pulsable{cursor:pointer;transition:transform .18s var(--ease-out)}.pulsable:active:not(:has(button:active)){transform:scale(.985);transition-duration:90ms;transition-delay:40ms}.tap{position:relative}.tap:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.cargando{animation:aparece .2s ease-out .25s backwards}.skeleton{background:#14121012;border-radius:12px;animation:pulso 1.6s ease-in-out infinite}html[data-tema=oscuro] .skeleton{background:#f5efe314}@keyframes pulso{0%,to{opacity:1}50%{opacity:.55}}.aparece{animation:aparece .24s var(--ease-out) backwards}.indicador-carga-anillo{animation:gira 1.1s linear infinite}@keyframes gira{to{transform:rotate(360deg)}}.aparece-sube{animation:aparece-sube .28s var(--ease-out) backwards}@keyframes aparece{0%{opacity:0}}@keyframes aparece-sube{0%{opacity:0;transform:translate3d(0,6px,0)}}.img-fundido{opacity:0;transition:opacity .26s ease-out}.img-fundido[data-lista]{opacity:1}.sheet-capa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--kb, 0px);background:#0000006b;overscroll-behavior:contain;animation:aparece .24s ease-out backwards}.sheet-capa[data-saliendo]{animation:desaparece .24s ease-in forwards}.sheet-panel{position:relative;width:100%;max-width:440px;max-height:calc(var(--app-h, 100dvh) - var(--sat) - 16px);overflow-y:auto;overscroll-behavior:contain;border-radius:24px 24px 0 0;padding:20px 22px max(22px,calc(var(--sab) + 12px));box-shadow:0 -8px 40px -12px #00000040;animation:sheet-sube .42s var(--ease-ios) backwards}.sheet-panel:focus{outline:none}.sheet-capa[data-saliendo] .sheet-panel{animation:sheet-baja .26s cubic-bezier(.4,0,1,1) forwards}html[data-teclado] .sheet-panel{padding-bottom:16px}@keyframes sheet-sube{0%{transform:translate3d(0,100%,0)}}@keyframes sheet-baja{to{transform:translate3d(0,100%,0)}}@keyframes desaparece{to{opacity:0}}.aviso{position:fixed;top:calc(var(--sat) + 12px);left:50%;z-index:110;transform:translate(-50%);max-width:calc(100% - 32px);pointer-events:none;animation:aviso-entra .32s var(--ease-ios) backwards}.aviso[data-saliendo]{animation:aviso-sale .22s ease-in forwards}@keyframes aviso-entra{0%{opacity:0;transform:translate(-50%,-12px)}}@keyframes aviso-sale{to{opacity:0;transform:translate(-50%,-8px)}}html[data-teclado] .tabbar{display:none}.compositor{padding-bottom:max(14px,var(--sab))}.campo-pildora{transition:border-color .16s ease,box-shadow .16s ease}.campo-pildora:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)}html[data-teclado] .compositor{padding-bottom:10px}.cta-fija{position:absolute;left:0;right:0;bottom:0;z-index:20;padding:14px 18px max(16px,var(--sab))}@media(prefers-reduced-motion:reduce){.indicador-carga-anillo{animation-duration:2.8s}button:active:not(:disabled),.pulsable:active:not(:has(button:active)){transform:none;opacity:.7}.skeleton{animation:none}.aparece-sube{animation-name:aparece}.sheet-panel{animation:aparece .2s ease-out backwards}.sheet-capa[data-saliendo] .sheet-panel{animation:desaparece .2s ease-in forwards}.aviso{animation-name:aparece}.aviso[data-saliendo]{animation-name:desaparece}.img-fundido{transition:none}}