:root{--fondo:#f2f2f7;--agrupado:#fff;--elevado:#fff;--etiqueta:#000;--secundaria:rgba(60,60,67,.6);--terciaria:rgba(60,60,67,.3);--separador:rgba(60,60,67,.18);--relleno:hsla(240,3%,49%,.12);--azul:#2b6bff;--azul-suave:rgba(43,107,255,.12);--rojo:#ff3b30;--rojo-suave:rgba(255,59,48,.12);--verde:#34c759;--material:rgba(249,249,251,.72);--material-borde:hsla(0,0%,100%,.65);--sombra-s:0 1px 2px rgba(0,0,0,.05);--sombra-m:0 4px 16px rgba(0,0,0,.08);--sombra-l:0 -8px 40px rgba(0,0,0,.18);--radio:14px;--radio-l:20px}@media (prefers-color-scheme:dark){:root{--fondo:#000;--agrupado:#1c1c1e;--elevado:#2c2c2e;--etiqueta:#fff;--secundaria:rgba(235,235,245,.6);--terciaria:rgba(235,235,245,.3);--separador:rgba(84,84,88,.65);--relleno:hsla(240,3%,49%,.24);--azul:#4c86ff;--azul-suave:rgba(76,134,255,.18);--rojo:#ff453a;--rojo-suave:rgba(255,69,58,.18);--verde:#30d158;--material:rgba(30,30,32,.72);--material-borde:hsla(0,0%,100%,.1);--sombra-m:0 4px 16px rgba(0,0,0,.4);--sombra-l:0 -8px 40px rgba(0,0,0,.6)}}@media (prefers-contrast:more){:root{--separador:currentColor;--secundaria:var(--etiqueta)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--fondo);color:var(--etiqueta);font:400 1.0625rem/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{border:0;background:none;padding:0;cursor:pointer}button,input,textarea{font:inherit;color:inherit}.t-display{font-size:2rem;line-height:1.08;letter-spacing:-.025em;font-weight:700}.t-titulo{font-size:1.3125rem;line-height:1.15;letter-spacing:-.02em;font-weight:700}.t-cabeza{font-size:1.0625rem;line-height:1.25;letter-spacing:-.012em;font-weight:600}.t-cuerpo{font-size:1.0625rem;line-height:1.45;letter-spacing:0}.t-pie{font-size:.8125rem;line-height:1.35;letter-spacing:.004em}.t-tag{font-size:.6875rem;line-height:1;letter-spacing:.06em;font-weight:600;text-transform:uppercase}.chrome{position:fixed;left:0;right:0;z-index:30;background:var(--material);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.barra{top:0;padding-top:env(safe-area-inset-top)}.barra-fila{display:flex;align-items:center;gap:.75rem;height:3rem;padding:0 1rem}.barra:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;background:linear-gradient(var(--material),transparent);pointer-events:none}.logo{height:15px;width:auto;flex:none;fill:var(--etiqueta);display:block;opacity:.9}.atras{display:flex;align-items:center;gap:.125rem;margin-left:-.375rem;padding:.375rem .5rem;border-radius:8px;color:var(--azul);font-weight:400;font-size:1.0625rem;letter-spacing:-.01em}.atras svg{width:11px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.titulo-barra{flex:1 1;min-width:0;text-align:center}.titulo-barra .t-cabeza{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titulo-barra .t-tag{color:var(--secundaria);margin-bottom:.0625rem}.icono-btn{width:2rem;height:2rem;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--azul)}.icono-btn svg{width:20px;height:20px;fill:currentColor}.progreso{height:2px;background:var(--relleno)}.progreso i{display:block;height:100%;background:var(--azul);width:0;border-radius:0 2px 2px 0}.lienzo{padding:calc(3.5rem + env(safe-area-inset-top)) 1rem calc(6.5rem + env(safe-area-inset-bottom));max-width:56rem;margin:0 auto}.pulsable{transition:transform .28s cubic-bezier(.2,.8,.2,1),background-color .28s ease}.pulsable:active{transform:scale(.972);transition:transform .08s ease-out}.lista{border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra-s);margin-bottom:1.25rem}.fila,.lista{background:var(--agrupado)}.fila{display:flex;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;text-align:left;position:relative}.fila+.fila:before{content:"";position:absolute;top:0;left:1rem;right:0;height:1px;background:var(--separador);transform:scaleY(.5)}.fila:active{background:var(--relleno)}.fila-txt{flex:1 1;min-width:0}.fila-txt .t-pie{color:var(--secundaria);margin-top:.125rem}.galon{width:8px;height:13px;flex:none;fill:none;stroke:var(--terciaria);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.rejilla{display:grid;grid-gap:.625rem;gap:.625rem;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));margin-bottom:1.25rem}.tarjeta{position:relative;display:block;width:100%;text-align:left;padding:1rem;border-radius:var(--radio);background:var(--agrupado);box-shadow:var(--sombra-s)}.tarjeta .dorsal{font-size:1.75rem;line-height:1;letter-spacing:-.03em;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--azul)}.tarjeta .dorsal.vacio{color:var(--terciaria)}.tarjeta .nombre{margin-top:.5rem;font-size:1rem;line-height:1.25;letter-spacing:-.01em;font-weight:600}.tarjeta .meta{margin-top:.125rem;color:var(--secundaria);font-size:.8125rem}.tarjeta .marca{position:absolute;top:.75rem;right:.75rem;padding:.1875rem .4375rem;border-radius:6px}.tarjeta[data-estado=hecho]{background:var(--azul);box-shadow:var(--sombra-m)}.tarjeta[data-estado=hecho] .dorsal,.tarjeta[data-estado=hecho] .nombre{color:#fff}.tarjeta[data-estado=hecho] .meta{color:hsla(0,0%,100%,.78)}.tarjeta[data-estado=hecho] .marca{background:hsla(0,0%,100%,.22);color:#fff}.tarjeta[data-estado=ausente]{background:var(--rojo-suave);box-shadow:none}.tarjeta[data-estado=ausente] .dorsal,.tarjeta[data-estado=ausente] .nombre{color:var(--rojo)}.tarjeta[data-estado=ausente] .marca{background:var(--rojo);color:#fff}.anillo{width:2.25rem;height:2.25rem;flex:none;transform:rotate(-90deg)}.anillo circle{fill:none;stroke-width:3.5}.anillo .pista{stroke:var(--relleno)}.anillo .valor{stroke:var(--azul);stroke-linecap:round;transition:stroke-dasharray .5s cubic-bezier(.2,.8,.2,1)}.mas{align-items:center;justify-content:center;width:100%;padding:1rem;border-radius:var(--radio);background:var(--relleno);color:var(--azul);font-weight:600;letter-spacing:-.01em}.acciones-pie,.mas{display:flex;gap:.5rem}.acciones-pie{bottom:0;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom))}.acciones-pie:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px;background:linear-gradient(transparent,var(--material));pointer-events:none}.acciones-pie button{flex:1 1;padding:.9375rem;border-radius:12px;background:var(--relleno);font-weight:600;font-size:1rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acciones-pie .primario{background:var(--azul);color:#fff;flex:1.5 1}.velo{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.4);opacity:0;pointer-events:none}.velo.viva{pointer-events:auto}.hoja{position:fixed;left:0;right:0;bottom:0;z-index:50;max-height:92vh;display:flex;flex-direction:column;background:var(--agrupado);border-radius:var(--radio-l) var(--radio-l) 0 0;box-shadow:var(--sombra-l);transform:translate3d(0,100%,0);will-change:transform;touch-action:none;visibility:hidden}.hoja.viva{visibility:visible}.asa-zona{padding:.625rem 0 .25rem;display:grid;place-items:center;flex:none;cursor:-webkit-grab;cursor:grab}.asa{width:2.25rem;height:5px;border-radius:3px;background:var(--terciaria)}.hoja-cuerpo{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));touch-action:pan-y}.hoja h3{margin:0 0 .25rem}.pista-texto{color:var(--secundaria);font-size:.9375rem;line-height:1.45;margin:0 0 1.25rem}.campo{margin-bottom:.875rem}.campo label{display:block;margin-bottom:.375rem;color:var(--secundaria)}.campo input,.campo textarea{width:100%;padding:.875rem;border-radius:10px;background:var(--relleno);border:1px solid transparent;font-size:1.0625rem;letter-spacing:-.01em}.campo textarea{resize:vertical;min-height:7rem;font-size:.9375rem}.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--azul);background:var(--agrupado);box-shadow:0 0 0 3px var(--azul-suave)}.segmentos{display:flex;flex-wrap:wrap;gap:.5rem}.seg{padding:.625rem 1rem;border-radius:9px;background:var(--relleno);font-weight:600;font-size:.9375rem;letter-spacing:-.005em}.seg[aria-pressed=true]{background:var(--azul);color:#fff}.botonera{display:flex;gap:.5rem;margin-top:1.25rem}.botonera button{flex:1 1;padding:.9375rem;border-radius:12px;font-weight:600;font-size:1.0625rem;letter-spacing:-.01em}.b-azul{background:var(--azul);color:#fff}.b-rojo{background:var(--rojo-suave);color:var(--rojo)}.b-gris{background:var(--relleno)}.b-peligro{color:var(--rojo);width:100%;padding:.9375rem;margin-top:.5rem;font-weight:500}.metrica{display:flex;gap:.5rem;margin:0 0 1.25rem}.metrica div{flex:1 1;padding:.875rem;border-radius:12px;background:var(--relleno);text-align:center}.metrica b{display:block;font-size:1.625rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.metrica span{color:var(--secundaria)}.clave{font-size:2.25rem;font-weight:700;letter-spacing:.22em;text-align:center;padding:1.25rem;border-radius:14px;background:var(--azul-suave);color:var(--azul);margin-bottom:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fila-ed{display:flex;align-items:center;gap:.625rem;padding:.75rem .875rem;border-radius:10px;background:var(--relleno);margin-bottom:.5rem}.fila-ed span{flex:1 1;min-width:0}.fila-ed small{color:var(--secundaria)}.mini{padding:.375rem .625rem;border-radius:8px;background:var(--agrupado);font-size:.8125rem;font-weight:600;color:var(--azul)}.borrar{color:var(--rojo);font-size:1.375rem;line-height:1;padding:.25rem .5rem}.portada{min-height:calc(100vh - 4rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem}.portada .logo-xl{height:2.5rem;fill:var(--etiqueta);margin-bottom:2rem}.portada p{color:var(--secundaria);max-width:22rem;margin:0 0 2rem}.portada .b-azul,.portada .campo{width:100%;max-width:21rem}.portada input{text-align:center;font-size:1.625rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:1rem}.portada .b-azul{padding:.9375rem;border-radius:12px;font-weight:600;font-size:1.0625rem;margin-top:.25rem}.enlace{margin-top:1.75rem;color:var(--azul);font-size:.9375rem;padding:.75rem 1rem;font-weight:500}.hueco{padding:4rem 1.5rem;text-align:center;color:var(--secundaria)}.hueco .logo-xl{height:2.25rem;fill:var(--etiqueta);opacity:.14;margin-bottom:1.5rem}.hueco p{margin:0 0 .375rem}.brindis{position:fixed;left:50%;bottom:6.5rem;z-index:70;padding:.75rem 1.25rem;border-radius:12px;background:var(--material);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:var(--sombra-m);border:1px solid var(--material-borde);font-weight:600;font-size:.9375rem;letter-spacing:-.01em;white-space:nowrap;transform:translate(-50%,1rem);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease}.brindis.viva{transform:translate(-50%);opacity:1}[hidden]{display:none!important}@media (prefers-reduced-transparency:reduce){.brindis,.chrome{background:var(--agrupado);backdrop-filter:none;-webkit-backdrop-filter:none}.acciones-pie:before,.barra:after{display:none}}@media (prefers-reduced-motion:reduce){.anillo .valor,.brindis,.pulsable{transition:opacity .2s ease}.pulsable:active{transform:none}}.estado{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--secundaria);padding:.25rem .5rem;border-radius:99px;background:var(--relleno);white-space:nowrap}.punto{width:7px;height:7px;border-radius:50%;background:var(--verde);flex:none}.punto.sin{background:var(--secundaria)}.punto.pend{background:#ff9f0a}@keyframes latido{0%,to{opacity:1}50%{opacity:.35}}.punto.pend{animation:latido 1.6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.punto.pend{animation:none}}.acceso{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem}.acceso .logo-xl{height:2.5rem;fill:var(--etiqueta);margin-bottom:2rem}.acceso form{width:100%;max-width:21rem;text-align:left}.acceso p{color:var(--secundaria);max-width:22rem;margin:0 0 2rem}.acceso .b-azul{width:100%;padding:.9375rem;border-radius:12px;font-weight:600;font-size:1.0625rem;margin-top:.5rem}.error{color:var(--rojo);background:var(--rojo-suave);padding:.75rem .875rem;border-radius:10px;margin-bottom:1rem;font-size:.9375rem;text-align:left}.cargando{min-height:100vh;display:grid;place-items:center;color:var(--secundaria)}.aviso-config{max-width:34rem;margin:4rem auto;padding:1.5rem;background:var(--agrupado);border-radius:var(--radio);box-shadow:var(--sombra-s)}.aviso-config code{display:block;background:var(--relleno);padding:.75rem;border-radius:8px;margin:.5rem 0;font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-all}