:root{--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--bg:#f7f7fa;--surface:#fff;--ink:#15172b;--muted:#5b5f77;--line:#dcdee8;--accent:#2b39d9;--accent-ink:#fff;--sticker:#ff5a36;--sticker-ink:#1a0c08;--sticker-texto:#c2391a;--ok:#17804b;--borde-campo:var(--muted);--vinyl:#121318;--groove:#24262e;--shade:#15172b29}@media (prefers-color-scheme:dark){:root{--bg:#22253a;--surface:#2c3049;--ink:#ecedf5;--muted:#9da1ba;--line:#3b4060;--accent:#8a94ff;--accent-ink:#15172b;--sticker:#ff7452;--sticker-ink:#1a0c08;--sticker-texto:#ff7452;--ok:#5fd08f;--vinyl:#050507;--groove:#1a1b22;--shade:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#contenido:focus{outline:none}.esqueleto{background:linear-gradient(90deg, var(--line) 30%, color-mix(in srgb, var(--line) 45%, var(--bg)) 50%, var(--line) 70%) 0 0 / 300% 100%;border-radius:6px;min-height:1em;animation:1.4s ease-in-out infinite esqueleto;display:inline-block}@keyframes esqueleto{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.esqueleto{animation:none}}.esqueleto-fila{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:6px 0;list-style:none;display:grid}.esqueleto-fila>.esqueleto{border-radius:4px;width:44px;height:66px}.esqueleto-fila>span:last-child{gap:6px;display:grid}.esqueleto-fila>span:last-child .esqueleto{width:60%;height:12px}.esqueleto-fila>span:last-child .esqueleto+.esqueleto{width:35%}.esqueleto-tabla .esqueleto{height:12px;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.saltar{z-index:10;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:16px}.saltar:focus{top:12px}.wrap{max-width:1180px;padding:28px max(16px, env(safe-area-inset-right)) 72px max(16px, env(safe-area-inset-left));margin:0 auto}.label{font:500 11px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}header.top{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;padding-bottom:22px;display:flex}.brand{min-width:0;color:var(--ink);align-items:center;gap:18px;text-decoration:none;display:flex}.brand svg{flex:none;width:64px;height:64px}.brand h1,.brand .nombre{font:900 clamp(40px, 8vw, 84px)/.9 var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0}.brand p{color:var(--muted);max-width:46ch;margin:8px 0 0}header.top.mini{align-items:center;padding-bottom:14px}header.top.mini svg{width:36px;height:36px}header.top.mini .nombre{font-size:26px}.acceso{align-items:center;gap:18px;display:flex}.con-cuenta .sin-cuenta,html:not(.con-cuenta) .con-cuenta{display:none}.acceso a:not(.btn){font-weight:600;text-decoration:none}.acceso a:not(.btn):hover{text-decoration:underline}.menu{flex-wrap:wrap;gap:8px;display:flex}.menu a{border:2px solid var(--ink);background:var(--color,var(--ink));color:#15172b;font:700 14px/1.2 var(--font-display);border-radius:999px;padding:8px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s}.menu a:not([style]){color:var(--bg)}.menu a:hover,.menu a:focus-visible,.menu a[aria-current=page]{box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.stats{font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.stats div{gap:2px;display:grid}.stats b{font:700 26px/1 var(--font-display)}.stats span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.btn{border:1.5px solid var(--ink);min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ink);color:var(--bg)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{border-color:var(--line)}.btn.small{min-height:32px;padding:5px 12px;font-size:13px}.btn.danger{border-color:var(--sticker-texto);color:var(--sticker-texto)}.btn.danger:hover{background:var(--sticker-texto);border-color:var(--sticker-texto);color:var(--bg)}.btn:disabled:hover{color:inherit;background:0 0}.btn.primary:disabled:hover{background:var(--accent);color:var(--accent-ink);filter:none}.btn:disabled{opacity:.45;cursor:not-allowed}.opciones{flex-wrap:wrap;gap:8px;display:flex}.opcion{border:1.5px solid var(--line);min-height:36px;color:var(--ink);font:600 14px/1.2 var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;text-decoration:none;display:inline-flex}.opcion:hover{border-color:var(--ink)}.opcion .simbolo{color:var(--color,inherit)}.opcion[aria-current=page],.opcion[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.opcion[aria-current=page] .simbolo,.opcion[aria-pressed=true] .simbolo{color:inherit}.cabecera{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 24px;padding:32px 0 24px;display:grid}.cabecera>*{grid-column:1/-1;margin:0}.cabecera>h1{font:900 clamp(34px, 7vw, 72px)/.95 var(--font-display);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;grid-column:1}.cabecera>.acciones{grid-column:2;padding-bottom:.5em}:where(.cabecera>p:not(.label)){color:var(--muted)}.volver{color:var(--muted);justify-self:start;font-weight:600;text-decoration:none}.volver:hover{color:var(--ink);text-decoration:underline}.acciones{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=599px){.cabecera>.acciones{grid-column:1/-1;justify-content:flex-start;padding:0}.acciones .anadir:not(.primary){background:var(--bg)}.acciones .anadir{z-index:30;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));box-shadow:0 8px 20px -6px var(--shade), 0 2px 6px var(--shade);padding:14px 20px;font-size:15px;position:fixed}:where(body:has(.acciones:not([hidden]) .anadir)) .wrap{padding-bottom:104px}html:has(.acciones:not([hidden]) .anadir){scroll-padding-bottom:96px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.pie{border-top:1px solid var(--line);font:500 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:8px 20px;margin-top:56px;padding-top:16px;display:flex}.pie a{color:var(--muted)}.menu-cuenta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.menu-cuenta .btn[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--bg)}@media (width<=599px){.menu-cuenta{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.menu-cuenta .btn{flex:none}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}header.top,header.cabecera-panel{view-transition-name:cabecera}.menu-cuenta{view-transition-name:menu-panel}html{scrollbar-gutter:stable}.quien-panel{color:var(--muted);align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.quien-panel strong{color:var(--sticker-texto)}.quien-panel .salir{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.quien-panel .salir:hover{color:var(--ink)}.quien-panel .avatar{object-fit:cover;background:var(--line);border-radius:50%;flex:none;width:36px;height:36px}.surco{text-decoration:underline;-webkit-text-decoration-color:var(--sticker);text-decoration-color:var(--sticker);text-underline-offset:.12em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.14em}:is(h1,h2):has(.surco){padding-bottom:.22em}
