:root{--bg: #ede7da;--surface: #faf6ec;--surface-2: #fcf9f1;--ink: #14223a;--muted: #4a5670;--dim: #5c6880;--blue: #1c4a83;--blue-mid: #4a6fa5;--blue-pale: #93aacb;--blue-wash: #e8eff9;--line: #c9cfdc;--field-line: #263959;--red: #f43d32;--red-fill: #d92b21;--red-shade: #8e1a13;--red-ink: #c0241b;--red-wash: #fce8e6;--green: #1f7a3d;--green-wash: #e4f3e5;--font-display: "Archivo Black", Impact, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--radius: 0;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 DM Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--blue)}a:hover{color:var(--red-ink)}.display{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}h1.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em}.app{max-width:620px;margin:0 auto;padding:0 20px calc(100px + env(safe-area-inset-bottom))}.app.entrada{position:relative;min-height:100%}.app.entrada:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--blue)}.app.entrada>*{position:relative;z-index:1}.guirnalda{display:block;width:100%;height:46px;margin:calc(env(safe-area-inset-top) + 12px) 0 14px}.hero{font-size:56px;line-height:.88;text-transform:uppercase;margin:0 0 10px;color:#fff}.kicker{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:10px}.kicker:before{content:"";width:12px;height:12px;background:var(--red);flex-shrink:0}.entrada .hero+.muted{color:#dce6f5;font-size:15px;line-height:1.55}.entrada .field-label{color:#b9cbe6}.entrada .muted{color:#c3d3e8}.entrada .btn{border-color:#ffffff8c}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;margin-inline:-20px;padding:calc(20px + env(safe-area-inset-top)) 20px 14px;background:var(--blue);color:#fff;border-bottom:1px solid rgba(255,255,255,.22);overflow:hidden}.topbar>*{position:relative;z-index:1}.topbar h1{font-size:19px;font-weight:800;margin:0;flex:1;min-width:0;color:#fff}.topbar h1.display{font-size:24px;text-transform:uppercase}.back{border:0;background:#ffffff29;border-radius:var(--radius);width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;color:#fff}.topbar .btn{background:#ffffff2e;border-color:#fff9;color:#fff;box-shadow:none}.topbar .avatar-fallback{background:#ffffff2e;color:#fff}.section{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:26px 0 10px}.section:first-of-type{margin-top:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:10px}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column;gap:10px}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--muted);font-size:13px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:42px 20px;font-size:15px}.hidden-input{display:none}.btn{border:2px solid var(--blue);background:var(--surface);border-radius:var(--radius);padding:0 18px;min-height:54px;font-weight:700;font-size:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 3px #10233e29}.btn.primary{background:var(--red-fill);border-color:var(--red-fill);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 5px 0 var(--red-shade)}.btn.ghost{background:transparent;box-shadow:none}.btn.sm{min-height:40px;padding:0 14px;font-size:13.5px;width:auto;box-shadow:none}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.primary:disabled{opacity:1;background:#97a0b0;border-color:#97a0b0;color:var(--ink)}.input{width:100%;min-height:54px;padding:0 16px;border-radius:var(--radius);border:2px solid var(--field-line);background:var(--surface-2);color:var(--ink);font:inherit}.input::placeholder{color:var(--dim)}.input:focus{outline:none;border-color:var(--red-fill);box-shadow:0 0 0 2px #d92b2147}input[type=date].input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-top:0;padding-bottom:0}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:var(--surface);border:2px solid var(--blue);border-radius:var(--radius);padding:4px;margin-bottom:14px}.tab{border:none;background:transparent;border-radius:0;min-height:42px;font-weight:700;font-size:15px;color:var(--muted)}.tab[data-active=true]{background:var(--red-fill);color:#fff;font-weight:800}.chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:34px;padding:0 14px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--muted)}.chip[data-active=true]{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:800}.field-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.avatar{width:44px;height:44px;border-radius:999px;object-fit:cover;background:var(--blue-wash);flex-shrink:0}.avatar.lg{width:92px;height:92px}.avatar.sm{width:30px;height:30px;font-size:13px}.avatar-fallback{display:grid;place-items:center;font-weight:800;color:var(--blue);background:var(--blue-wash)}.period-strip{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding:11px 14px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:var(--radius)}.period-strip strong{font-size:15px}.period-strip[data-marca]{position:relative;overflow:hidden;isolation:isolate;padding-right:78px}.period-strip[data-marca]>*{position:relative;z-index:1}.period-strip[data-marca]:after{content:attr(data-marca);position:absolute;top:50%;right:8px;transform:translateY(-46%);z-index:0;pointer-events:none;font-family:var(--font-display);font-size:58px;line-height:1;letter-spacing:-.08em;color:#1c4a8321}.rank-pos{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius);font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:18px;background:var(--surface-2);border:1px solid var(--line);color:var(--dim)}.rank-pos[data-medal="1"]{background:var(--blue);border-color:var(--blue);color:#fff}.rank-pos[data-medal="2"]{background:var(--blue-mid);border-color:var(--blue-mid);color:#fff}.rank-pos[data-medal="3"]{background:var(--blue-pale);border-color:var(--blue-pale);color:var(--ink)}.card[data-leader=true]{background:var(--blue-wash);border:2px solid var(--blue);box-shadow:0 4px #10233e29}.points{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:27px;line-height:1}.points[data-negative=true]{color:var(--red-ink)}.yo{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--blue)}.code{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:22px;letter-spacing:.22em;color:var(--blue)}.code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.group-card{border:2px solid var(--blue);border-left-width:5px;box-shadow:0 4px #10233e29}.deslizable{position:relative;margin-bottom:10px;touch-action:pan-y}.deslizable .card{margin-bottom:0}.deslizable-accion{position:absolute;inset:0 0 0 auto;width:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-left:24px;background:var(--red-fill);color:#fff;border:none;border-radius:var(--radius);font:inherit;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.deslizable-frente{position:relative;will-change:transform}.photo{width:100%;border-radius:var(--radius);display:block;aspect-ratio:1;object-fit:cover;background:var(--blue-wash)}.badge{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);display:inline-flex;align-items:center;gap:6px}.badge-icon{width:17px;height:17px;object-fit:contain}.badge .pts{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:15px;color:var(--blue)}.badge.danger{border-color:transparent;background:var(--red-wash);color:var(--red-ink)}.badge.ok{border-color:transparent;background:var(--green-wash);color:var(--green)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.meter{width:118px;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.meter>i{display:block;height:4px;background:var(--red-fill)}.acciones{display:flex;gap:6px;margin:-2px 0 -4px}.accion{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:6px 8px;margin-left:-8px;border-radius:var(--radius);color:var(--muted)}.accion+.accion{margin-left:0}.accion:hover{color:var(--ink)}.accion[data-activo=true]{color:var(--red-ink)}.accion-n{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:15px;line-height:1}.comentarios{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--line)}.comentario{display:flex;align-items:flex-start;gap:10px}.comentario-meta{display:flex;align-items:baseline;gap:8px;min-width:0}.comentario-meta strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comentario-meta .muted{font-size:11.5px;flex-shrink:0}.comentario-texto{font-size:14.5px;line-height:1.4;overflow-wrap:anywhere}.comentario-borrar{border:0;background:none;padding:4px;color:var(--dim);flex-shrink:0}.comentario-borrar:hover{color:var(--red-ink)}.comentario-borrar:disabled{opacity:.45;cursor:not-allowed}.comentario-form{display:flex;gap:8px}.comentario-form .btn.sm{flex-shrink:0}.input.sm{min-height:40px;padding:0 12px;border-width:1px}.step{display:flex;align-items:baseline;gap:9px;margin:22px 0 10px}.step:first-of-type{margin-top:8px}.step-n{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:17px;color:var(--red-ink)}.step-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.grid-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cat{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:12px 6px;text-align:center}.cat[data-active=true]{border:3px solid var(--red);background:var(--red-wash);box-shadow:0 4px #a9252a33}.cat:first-child{grid-column:1 / -1;padding:18px 12px}.cat:first-child .cat-icon{width:76px;height:76px;margin-bottom:10px}.cat:first-child .label{font-size:18px}.cat:first-child .cat-points{font-size:19px}.cat-icon{width:46px;height:46px;display:block;margin:0 auto 7px;object-fit:contain}.cat .label{font-weight:700;font-size:13px;display:block}.cat-points{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:14px;color:var(--dim);margin-top:2px}.cat[data-active=true] .cat-points{color:var(--red-ink)}.dropzone{border:2px dashed var(--blue);border-radius:var(--radius);background:var(--surface-2);padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.dropzone-ring{width:62px;height:62px;border-radius:50%;background:var(--blue-wash);display:grid;place-items:center;color:var(--blue)}.fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(22px + env(safe-area-inset-bottom));z-index:20;width:min(calc(100% - 40px),580px);border:0;background:var(--red-fill);color:#fff;border-radius:var(--radius);min-height:58px;font-weight:800;font-size:17px;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 5px 0 var(--red-shade),0 12px 24px #10233e2e}.error{background:var(--red-wash);border:2px solid var(--red);color:var(--red-shade);border-radius:var(--radius);padding:11px 13px;font-size:14px;margin-bottom:12px}.aviso{display:flex;flex-direction:column;gap:8px;padding:14px 16px;margin-bottom:14px;border:2px solid var(--blue);border-radius:var(--radius);background:var(--surface);box-shadow:0 4px #10233e24}.aviso strong{font-size:15px}.aviso .muted{font-size:13px;line-height:1.4}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--blue);text-decoration:underline;cursor:pointer}.link-instalar{display:block;width:100%;background:none;border:0;padding:14px 0 4px;font-size:13px;font-weight:600;color:var(--muted);text-align:center;text-decoration:underline;text-underline-offset:3px}.link-instalar:hover{color:var(--blue)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#10233e9e;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal{width:100%;max-width:420px;gap:16px;background:var(--surface);border:2px solid var(--blue);border-radius:var(--radius);padding:20px 18px 18px;box-shadow:0 6px 0 var(--blue)}@media (min-width: 560px){.modal-fondo{align-items:center}}.modal-cerrar{background:none;border:0;padding:0 4px;font-size:26px;line-height:1;color:var(--muted)}.modal-cerrar:hover{color:var(--ink)}.paso-cuerpo{display:flex;flex-direction:column;gap:8px;min-height:132px}.pasos-puntos{display:flex;gap:5px}.pasos-puntos>i{flex:1;height:4px;background:var(--line)}.pasos-puntos>i[data-activo=true]{background:var(--red-fill)}