.mapp__stage{background:var(--paper);padding-top:var(--bar-h);align-items:center;display:flex}.mapp__grid{gap:var(--space-3xl);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;display:grid}.mapp__texto h2{margin-top:var(--space-sm);max-width:15ch}.mapp__pasos{margin:var(--space-2xl) 0 0;counter-reset:paso;gap:.35rem;padding:0;list-style:none;display:grid}.mapp__pasos li{counter-increment:paso;color:var(--ink-soft);transition:background-color .42s var(--ease-out), color .42s var(--ease-out);border-radius:12px;grid-template-columns:2.4rem minmax(0,1fr);gap:.15rem .75rem;padding:.9rem 1rem .9rem .8rem;display:grid}.mapp__pasos li:before{content:counter(paso, decimal-leading-zero);font:500 .82rem/1.7 var(--sc-font-mono);color:var(--copper);grid-row:span 2}.mapp__pasos strong{font:600 1.15rem/1.3 var(--sc-font-display);color:var(--ink-soft);transition:color .42s var(--ease-out);font-stretch:108%}.mapp__pasos span{font-size:.98rem}.mapp__pasos li.activo{background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair-2)}.mapp__pasos li.activo strong{color:var(--ink)}.mapp__escena{gap:var(--space-lg);grid-template-columns:auto minmax(0,16rem);justify-content:center;align-items:center;display:grid;position:relative}.mapp__movil{aspect-ratio:9/19;width:min(17rem,30vh);box-shadow:var(--sc-e3), inset 0 0 0 1px #ffffff14;background:#1b1714;border-radius:2.4rem;padding:.55rem;overflow:clip}.mapp__pantallas{--paso:0;width:300%;height:100%;transform:translateX(calc(var(--paso) * -33.3333%));transition:transform .7s var(--ease-out-expo);display:flex}.mapp__p{height:100%;color:var(--ink);background:#faf8f4;border-radius:1.9rem;flex-direction:column;flex:0 0 33.3333%;gap:.6rem;padding:1.4rem 1rem 1rem;font-size:.82rem;display:flex}.mapp__app{font:500 .66rem/1 var(--sc-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0}.mapp__h{font:600 1.15rem/1.15 var(--sc-font-display);margin:0}.mapp__items{gap:.45rem;margin:.3rem 0 0;padding:0;list-style:none;display:grid}.mapp__items li{background:#efeae2;border-radius:10px;justify-content:space-between;gap:.5rem;padding:.6rem .7rem;display:flex}.mapp__total{margin:auto 0 0;font-weight:600}.mapp__btn{text-align:center;background:var(--copper);color:var(--paper);border-radius:12px;padding:.7rem;font-weight:600;display:block}.mapp__p--aviso{color:var(--ink-n);background:linear-gradient(170deg,#3a2d22,#15110e);align-items:center;padding-top:2.4rem}.mapp__hora{font:300 2.6rem/1 var(--sc-font-display);letter-spacing:-.02em;margin:0}.mapp__push{backdrop-filter:blur(10px);background:#ffffff24;border-radius:14px;gap:.25rem;width:100%;margin-top:1.4rem;padding:.75rem .8rem;display:grid}.mapp__push b{font:500 .62rem/1 var(--sc-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}.mapp__push span{color:#e6e1da}.mapp__foto{aspect-ratio:4/3;background:linear-gradient(135deg,#d9cfc2,#b9ab99);border-radius:10px;place-items:end start;padding:.5rem;display:grid}.mapp__foto span{color:#3b3129;font-size:.7rem}.mapp__lab{color:var(--ink-soft);margin:.2rem 0 0;font-size:.72rem}.mapp__firma{border-bottom:1px dashed var(--hair-2);width:100%;height:3rem}.mapp__firma path{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420px;transition:stroke-dashoffset 1.2s var(--ease-out) .3s}.mapp__pantallas[data-actual="2"] .mapp__firma path{stroke-dashoffset:0}.mapp__sistema{border-radius:var(--radius-lg);background:var(--night);color:var(--ink-n);box-shadow:var(--sc-e3);gap:.8rem;padding:1rem 1.1rem;display:grid}.mapp__sis{font:500 .7rem/1 var(--sc-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin:0}.mapp__fila{grid-template-areas:"n""e";gap:.4rem;display:grid}.mapp__fila b{font:600 1.05rem/1.2 var(--sc-font-display)}.mapp__estado{color:var(--amber);opacity:0;transition:opacity .36s var(--ease-out), transform .36s var(--ease-out);background:#f1af6429;border-radius:999px;grid-area:e;justify-self:start;padding:.3rem .6rem;font-size:.78rem;transform:translateY(6px)}.mapp__estado.actual{opacity:1;transform:none}.mapp__hist{color:var(--ink-n-soft);border-top:1px solid #ffffff1a;gap:.45rem;margin:0;padding:.6rem 0 0;font-size:.82rem;list-style:none;display:grid}.mapp__hist li{opacity:.35;transition:opacity .36s var(--ease-out), color .36s var(--ease-out);align-items:center;gap:.55rem;display:flex}.mapp__hist i{border-radius:50%;width:.55rem;height:.55rem;box-shadow:inset 0 0 0 1.5px}.mapp__hist li.hecho{opacity:1;color:var(--ink-n)}.mapp__hist li.hecho i{background:var(--amber);box-shadow:none}@media (width<=900px){.mapp__stage{padding-top:calc(var(--bar-h) + .75rem);align-items:flex-start}.mapp__grid{gap:var(--space-md);grid-template-columns:minmax(0,1fr)}.mapp__texto h2{max-width:none;font-size:1.5rem}.mapp__pasos{margin-top:var(--space-sm)}.mapp__pasos li{padding:.45rem .6rem}.mapp__pasos li:not(.activo) span{display:none}.mapp__pasos strong{font-size:1rem}.mapp__escena{gap:var(--space-sm);grid-template-columns:auto minmax(0,1fr);justify-content:start}.mapp__movil{border-radius:1.8rem;width:min(11.5rem,24svh);padding:.4rem}.mapp__p{border-radius:1.45rem;gap:.4rem;padding:1rem .7rem .7rem;font-size:.68rem}.mapp__h{font-size:.95rem}.mapp__hora{font-size:2rem}.mapp__sistema{gap:.5rem;padding:.75rem}.mapp__hist{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.mapp__pantallas,.mapp__firma path,.mapp__estado,.mapp__hist li,.mapp__pasos li{transition:none}.mapp__firma path{stroke-dashoffset:0}}.tipos{gap:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.tipo{border-radius:var(--radius-lg);background:var(--sc-surface);box-shadow:0 0 0 1px var(--hair), var(--sc-e2);gap:var(--space-md);align-content:start;padding:clamp(1.5rem,3vw,2.75rem);display:grid}.tipo p{color:var(--ink-soft);max-width:42ch;margin:0}.tipo ul{margin:var(--space-sm) 0 0;gap:.5rem;padding:0;list-style:none;display:grid}.tipo li{align-items:center;gap:.55rem;display:flex}.tipo li svg{width:1.1rem;height:1.1rem;color:var(--copper)}.tipo--noche{background:var(--night);color:var(--ink-n);box-shadow:var(--sc-e3)}.tipo--noche p{color:var(--ink-n-soft)}.tipo--noche li svg{color:var(--amber)}@media (width<=860px){.tipos{grid-template-columns:minmax(0,1fr)}}
