@layer theme,base;@layer components{:root{--mov-ink:var(--color-tinta);--mov-ink-3:var(--color-tinta-suave);--mov-surface:#fff;--mov-surface-2:color-mix(in srgb, var(--color-borde) 60%, var(--color-nube));--mov-line:color-mix(in srgb, var(--color-borde) 70%, var(--color-tinta-suave));--mov-brand-strong:var(--color-verde-hondo);--mov-teal:var(--color-laguna);--mov-teal-soft:var(--color-laguna-claro);--mov-amber:#f9ab23;--mov-red:var(--color-chullo);--mov-on-status:#fff;--mov-e-llegar:cubic-bezier(.22, 1, .36, 1);--mov-e-respirar:cubic-bezier(.45, 0, .55, 1);--mov-e-celebrar:cubic-bezier(.34, 1.56, .64, 1);--mov-chullo-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='14'%3E%3Crect width='24' height='14' fill='%23F26A1E'/%3E%3Crect width='24' height='2.2' fill='%23D2341E'/%3E%3Crect y='11.8' width='24' height='2.2' fill='%231F8A5E'/%3E%3Cpath d='M12 3.2 16 7 12 10.8 8 7Z' fill='%230A6F61'/%3E%3Cpath d='M0 4 3 7 0 10ZM24 4 21 7 24 10Z' fill='%23F9AB23'/%3E%3C/svg%3E")}.mov-estado{--s:20px;width:var(--s);height:var(--s);vertical-align:middle;flex:none;display:inline-grid}.mov-estado svg{width:100%;height:100%;display:block;overflow:visible}.mov-estado svg *{transform-box:view-box;transform-origin:10px 10px}.mov-estado .t,.mov-estado .a,.mov-estado .f,.mov-estado .ok,.mov-estado .x,.mov-estado .ex,.mov-estado .w{opacity:0}.mov-estado .t{fill:none;stroke:var(--mov-line);stroke-width:2px}.mov-estado .a{fill:none;stroke:var(--mov-teal);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:24 100}.mov-estado .ok,.mov-estado .x,.mov-estado .ex,.mov-estado .w{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.mov-estado[data-k=wait] .t{opacity:1;stroke-dasharray:3.1 3.2}.mov-estado[data-k=run] .t{opacity:1;stroke:var(--mov-teal-soft)}.mov-estado[data-k=run] .a{opacity:1;animation:.8s linear infinite mov-spin}.mov-estado[data-k=ok] .f{opacity:1;fill:var(--mov-brand-strong);animation:mov-st-pop .42s var(--mov-e-celebrar)}.mov-estado[data-k=ok] .ok{opacity:1;stroke:var(--mov-on-status);stroke-dasharray:1;animation:mov-draw .28s var(--mov-e-llegar) .14s both}.mov-estado[data-k=warn] .f{opacity:1;fill:var(--mov-amber);animation:mov-st-pop .36s var(--mov-e-celebrar),mov-st-pulse .5s var(--mov-e-respirar) .42s}.mov-estado[data-k=warn] .ex{opacity:1;stroke:var(--mov-ink)}.mov-estado[data-k=err] .f{opacity:1;fill:var(--mov-red)}.mov-estado[data-k=err] .x{opacity:1;stroke:var(--mov-on-status)}.mov-estado[data-k=err] svg{animation:mov-nudge .32s var(--mov-e-respirar) 80ms}.mov-estado[data-k=clock] .t,.mov-estado[data-k=clock] .w{opacity:1;stroke:var(--mov-ink-3);stroke-width:1.8px}.mov-estado.is-quieto,.mov-estado.is-quieto *{animation:none!important}.mov-chullo{--tw:24px;background:var(--mov-surface-2);border-radius:999px;height:14px;position:relative;overflow:hidden}.mov-chullo.is-thin{--tw:14px;height:8px}.mov-chullo:before{content:"";inset:0 calc(-1 * var(--tw)) 0 0;background:var(--mov-chullo-tile) repeat-x left center/var(--tw) 100%;animation:.9s linear infinite mov-chullo;position:absolute}.mov-chullo.is-det:after{content:"";background:var(--mov-surface-2);transform-origin:100%;transform:scaleX(calc(1 - var(--p,0) / 100));transition:transform .5s var(--mov-e-llegar);position:absolute;inset:0}.mov-chullo.is-quieta:before{animation:none}.mov-escribiendo{align-items:center;gap:4px;display:inline-flex}.mov-escribiendo i{opacity:.4;width:7px;height:7px;animation:mov-typing 1.1s var(--mov-e-respirar) infinite;background:currentColor;border-radius:50%}.mov-escribiendo i:nth-child(2){animation-delay:.15s}.mov-escribiendo i:nth-child(3){animation-delay:.3s}.mov-giro{border:2.5px solid color-mix(in srgb,currentColor 28%,transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite mov-spin;display:inline-block}.mov-esqueleto{background:var(--mov-surface-2);border-radius:5px;height:10px;display:block;position:relative;overflow:hidden}.mov-esqueleto:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--mov-surface) 75%,transparent),transparent);animation:mov-shimmer 1.4s var(--mov-e-respirar) infinite;animation-delay:var(--d,0s);position:absolute;inset:0;transform:translate(-100%)}.mov-tarde{animation:.2s linear .3s both mov-fade}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) :is([class^=mov-],[class*=\ mov-]),:root:not([data-motion=full]) :is([class^=mov-],[class*=\ mov-]) *,:root:not([data-motion=full]) :is([class^=mov-],[class*=\ mov-]):before,:root:not([data-motion=full]) :is([class^=mov-],[class*=\ mov-]):after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}[data-motion=reduced] :is([class^=mov-],[class*=\ mov-]),[data-motion=reduced] :is([class^=mov-],[class*=\ mov-]) *,[data-motion=reduced] :is([class^=mov-],[class*=\ mov-]):before,[data-motion=reduced] :is([class^=mov-],[class*=\ mov-]):after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.entrada-pantalla{animation:entra-pantalla .18s var(--ease-salida,cubic-bezier(.16,1,.3,1)) both}.anima-hoja[open]{animation:sube-hoja .22s var(--ease-salida,cubic-bezier(.16,1,.3,1))}.anima-hoja[open]::backdrop{animation:.22s linear aparece}@supports (overlay:auto){.anima-hoja{transition:transform .16s var(--mov-e-salir,cubic-bezier(.55,0,1,.45)),opacity .16s linear,display .16s allow-discrete,overlay .16s allow-discrete}.anima-hoja:not([open]){transform:translateY(100%)}.anima-hoja::backdrop{transition:opacity .16s linear,display .16s allow-discrete,overlay .16s allow-discrete}.anima-hoja:not([open])::backdrop{opacity:0}}@media (min-width:640px){.anima-hoja.anima-dialogo-sm[open]{animation-name:entra-dialogo}@supports (overlay:auto){.anima-hoja.anima-dialogo-sm:not([open]){opacity:0;transform:translateY(8px)}}}.hablar-respira{animation:respira-hablar 3.2s var(--mov-e-respirar) infinite}.hablar-onda{border:3px solid var(--color-verde,#16a34a);opacity:.55;pointer-events:none;border-radius:999px;animation:1.4s cubic-bezier(.2,.7,.3,1) infinite onda-hablar;position:absolute;inset:-3px}.hablar-onda.is-segunda{animation-delay:.7s}.hablar-anillo{border:3px solid #0000;border-top-color:var(--color-maiz,#ffc83d);border-right-color:var(--color-maiz,#ffc83d);pointer-events:none;border-radius:999px;animation:1s linear infinite mov-spin;position:absolute;inset:-5px}.hablar-chico .hablar-onda{border-width:2px;inset:-2px}.hablar-chico .hablar-anillo{border-width:2px;inset:-4px}.cifra-animada{display:inline-grid}.cifra-animada>*{grid-area:1/1}.cifra-animada>.cifra-final{opacity:0}.barra-crece{transform-origin:50% 100%;animation:crece-barra .6s var(--mov-e-llegar) both;animation-delay:var(--d,0s)}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) :is(.entrada-pantalla,.anima-hoja,.hablar-respira,.hablar-onda,.hablar-anillo,.barra-crece),:root:not([data-motion=full]) .anima-hoja::backdrop{transition:none!important;animation:none!important}:root:not([data-motion=full]) .hablar-onda.is-segunda{display:none}}[data-motion=reduced] :is(.entrada-pantalla,.anima-hoja,.hablar-respira,.hablar-onda,.hablar-anillo,.barra-crece),[data-motion=reduced] .anima-hoja::backdrop{transition:none!important;animation:none!important}[data-motion=reduced] .hablar-onda.is-segunda{display:none}}@layer utilities;@keyframes mov-spin{to{transform:rotate(360deg)}}@keyframes mov-chullo{to{transform:translateX(calc(-1 * var(--tw)))}}@keyframes mov-shimmer{to{transform:translate(100%)}}@keyframes mov-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes mov-fade{0%{opacity:0}to{opacity:1}}@keyframes mov-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mov-st-pop{0%{transform:scale(.4)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes mov-st-pulse{50%{transform:scale(1.18)}}@keyframes mov-nudge{25%{transform:translate(-2.5px)}50%{transform:translate(2.5px)}75%{transform:translate(-1px)}}@keyframes entra-pantalla{0%{opacity:0;transform:translateY(8px)}}@keyframes sube-hoja{0%{transform:translateY(100%)}}@keyframes entra-dialogo{0%{opacity:0;transform:translateY(12px)}}@keyframes aparece{0%{opacity:0}}@keyframes respira-hablar{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes onda-hablar{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes crece-barra{0%{transform:scaleY(0)}}
