:root{--color-noche: #111116;--color-panel: #18181f;--color-campo: #1f1f27;--color-menta: #b9f3e4;--color-lila: #c7b8ff;--color-hueso: #f0ede5;--color-tinta: #171717;--color-texto-sec: #a6a4b0;--color-error: #ff9b8f;--linea-suave: rgb(240 237 229 / .08);--linea-campo: rgb(240 237 229 / .36);--velo-hueso: rgb(240 237 229 / .06);--velo-menta: rgb(185 243 228 / .1);--halo-menta: 0 0 0 4px rgb(185 243 228 / .18);--brillo-borde: inset 0 1px 0 rgb(240 237 229 / .05);--sombra-panel: 0 24px 48px -32px rgb(0 0 0 / .75);--degrade-marca: linear-gradient(135deg, var(--color-menta), var(--color-lila));--fuente-titulo: "Dela Gothic One", "Arial Black", system-ui, sans-serif;--fuente-texto: "Zen Kaku Gothic New", system-ui, "Segoe UI", sans-serif;--radio-panel: 24px;--radio-campo: 12px;--radio-pildora: 999px;--ancho-contenido: 1120px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scrollbar-color:rgb(240 237 229 / .18) var(--color-noche)}body{margin:0;min-height:100dvh;background:radial-gradient(60rem 36rem at 0% 0%,rgb(185 243 228 / .06),transparent 70%),radial-gradient(50rem 32rem at 100% 100%,rgb(199 184 255 / .05),transparent 70%),radial-gradient(circle,rgb(240 237 229 / .035) 1px,transparent 1.2px) 0 0 / 22px 22px,var(--color-noche);background-attachment:fixed;color:var(--color-hueso);font-family:var(--fuente-texto);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 .5em;font-family:var(--fuente-titulo);font-weight:400;line-height:1.1;text-wrap:balance}img{max-width:100%}a{color:var(--color-menta);text-underline-offset:3px}::selection{color:var(--color-tinta);background:var(--color-menta)}:focus-visible{outline:2px solid var(--color-menta);outline-offset:3px}app-root{display:flex;flex-direction:column;min-height:100dvh}.cabecera{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:.75rem clamp(1rem,4vw,2.5rem);background:#111116b8;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--linea-suave)}.cabecera:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:var(--degrade-marca);opacity:.4;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}.marca{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--fuente-titulo);font-size:1.35rem;color:var(--color-hueso);text-decoration:none}.marca-logo{width:2.1rem;height:2.1rem;transition:transform .3s ease}.marca:hover .marca-logo{transform:rotate(-8deg) scale(1.06)}.marca-ja{padding-left:.65rem;border-left:1px solid var(--linea-campo);font-family:var(--fuente-texto);font-size:.75rem;font-weight:500;letter-spacing:.2em;color:var(--color-texto-sec)}.navegacion{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;background:#f0ede508;border:1px solid var(--linea-suave);border-radius:var(--radio-pildora)}.navegacion a{padding:.45rem .95rem;border-radius:var(--radio-pildora);color:var(--color-texto-sec);font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .15s ease,color .15s ease}.navegacion a:hover{color:var(--color-hueso);background:var(--velo-hueso)}.navegacion a.activo{color:var(--color-menta);background:var(--velo-menta);box-shadow:inset 0 0 0 1px #b9f3e433}.navegacion a.nav-perfil{display:inline-flex;align-items:center;gap:.5rem;padding-left:.35rem}.nav-perfil app-avatar{--tam: 1.75rem;border-width:1px;box-shadow:0 0 0 1.5px var(--color-menta)}.contenido{flex:1;width:100%;max-width:var(--ancho-contenido);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2.5rem)}.pie-sitio{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;width:100%;max-width:var(--ancho-contenido);margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem) 2rem;font-size:.85rem;color:var(--color-texto-sec);border-top:1px solid var(--linea-suave)}.pie-sitio p{display:inline-flex;align-items:center;gap:.5rem;margin:0}.pie-sitio img{width:1.4rem;height:1.4rem;opacity:.8}.pie-sitio [lang=ja]{letter-spacing:.2em}@media(max-width:480px){.marca-ja{display:none}.cabecera,.pie-sitio{justify-content:center}.pie-sitio p{flex-wrap:wrap;justify-content:center;gap:.5rem .75rem;text-align:center}.navegacion a{padding:.4rem .6rem;font-size:.875rem;white-space:nowrap}}@media(max-width:400px){.cabecera{padding-inline:.75rem}.navegacion{flex-wrap:nowrap;justify-content:space-between;width:100%;gap:0}.navegacion a{padding:.4rem .55rem;font-size:.8rem}.panel{padding:1.15rem}}@media(max-width:340px){.cabecera{padding-inline:.5rem}.navegacion a{padding:.35rem .4rem;font-size:.74rem}.contenido{padding-inline:.75rem}}.acceso{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}.resaltado{color:var(--color-menta)}.formulario-acceso{animation:aparecer .6s .08s ease-out both}.formulario-acceso h1{margin-bottom:.35rem;font-size:clamp(1.9rem,3vw,2.4rem)}@keyframes aparecer{0%{opacity:0;transform:translateY(12px)}}@keyframes flotar{50%{transform:translateY(-8px)}}@media(max-width:860px){.acceso{grid-template-columns:minmax(0,1fr)}}.panel{padding:clamp(1.5rem,3vw,2.5rem);background:linear-gradient(180deg,rgb(240 237 229 / .025),transparent 40%),var(--color-panel);border:1px solid var(--linea-suave);border-radius:var(--radio-panel);box-shadow:var(--brillo-borde),var(--sombra-panel)}.kicker{display:flex;align-items:center;gap:.6rem;margin:0 0 .75rem;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--color-menta)}.kicker:before{content:"";width:1.5rem;height:2px;border-radius:2px;background:currentColor}.etiquetas{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none}.etiquetas li{padding:.25rem .8rem;font-size:.8rem;font-weight:500;background:var(--velo-hueso);border:1px solid var(--linea-suave);border-radius:var(--radio-pildora)}.icono{flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.boton{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:0 1.6rem;font:700 1rem var(--fuente-texto);color:var(--color-tinta);text-decoration:none;background:linear-gradient(180deg,rgb(255 255 255 / .18),transparent),var(--color-menta);border:1px solid var(--color-menta);border-radius:var(--radio-pildora);box-shadow:inset 0 1px #ffffff59;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.boton:hover{transform:translateY(-1px);box-shadow:0 10px 28px -10px #b9f3e48c}.boton:active{transform:none;box-shadow:none}.boton:disabled,.boton[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.boton .icono{transition:transform .15s ease}.boton:hover .icono{transform:translate(3px)}.boton-secundario{color:var(--color-menta);background:transparent;border-color:#b9f3e480;box-shadow:none}.boton-secundario:hover{background:var(--velo-menta);border-color:var(--color-menta)}.boton-peligro{background:linear-gradient(180deg,rgb(255 255 255 / .18),transparent),var(--color-error);border-color:var(--color-error)}.boton-peligro:hover{box-shadow:0 10px 28px -10px #ff9b8f8c}[acciones]{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.boton-ancho{width:100%}.campo{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.campo label{font-size:.9rem;font-weight:500}.campo input,.campo textarea{min-height:3rem;padding:.7rem .95rem;font:inherit;color:var(--color-hueso);background:var(--color-campo);border:1px solid var(--linea-campo);border-radius:var(--radio-campo);transition:border-color .15s ease,box-shadow .15s ease}.campo textarea{resize:vertical}.campo input::placeholder,.campo textarea::placeholder{color:var(--color-texto-sec);opacity:.7}.campo input:hover,.campo textarea:hover{border-color:#f0ede58c}.campo input:focus-visible,.campo textarea:focus-visible{outline:none;background:#22222b;border-color:var(--color-menta);box-shadow:var(--halo-menta)}.campo [aria-invalid=true]{border-color:var(--color-error)}.campo input:-webkit-autofill{-webkit-text-fill-color:var(--color-hueso);box-shadow:0 0 0 100px var(--color-campo) inset;caret-color:var(--color-hueso)}.campo-contrase\f1 a{position:relative;display:flex;flex-direction:column}.campo-contrase\f1 a input{padding-right:3rem}.campo-contrase\f1 a input::-ms-reveal{display:none}.boton-ojo{position:absolute;top:50%;right:.45rem;transform:translateY(-50%);display:flex;padding:.4rem;color:var(--color-texto-sec);background:transparent;border:0;border-radius:var(--radio-campo);cursor:pointer;transition:color .15s ease,background-color .15s ease}.boton-ojo:hover{color:var(--color-hueso);background:var(--velo-hueso)}.ayuda,.mensaje-error{margin:0;font-size:.85rem}.mensaje-error{color:var(--color-error)}.texto-secundario{color:var(--color-texto-sec)}.solo-lector{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.esqueleto{display:flex;flex-direction:column;gap:.8rem;padding:clamp(1.25rem,3vw,1.75rem)}.esqueleto-autor{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.esqueleto-autor>div{display:flex;flex-direction:column;gap:.45rem}.esqueleto-circulo,.esqueleto-linea{display:block;background:linear-gradient(90deg,transparent,rgb(240 237 229 / .06),transparent) 0 0 / 200% 100%,var(--velo-hueso);animation:brillo 1.4s ease-in-out infinite}.esqueleto-circulo{width:2.75rem;height:2.75rem;border-radius:50%}.esqueleto-linea{height:.8rem;border-radius:var(--radio-pildora)}.esqueleto-chica{height:.6rem}.esqueleto-titulo{width:45%;height:1.3rem}@keyframes brillo{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}.spinner{width:1.1rem;height:1.1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.vacio-icono{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin-bottom:1.25rem;color:var(--color-menta);background:var(--velo-menta);border-radius:50%;box-shadow:0 0 0 8px #b9f3e40a}.cabecera{view-transition-name:cabecera}::view-transition-old(root){animation:.18s ease-in both salir-pantalla}::view-transition-new(root){animation:.32s .06s ease-out both entrar-pantalla}@keyframes salir-pantalla{to{opacity:0;transform:translateY(6px)}}@keyframes entrar-pantalla{0%{opacity:0;transform:translateY(10px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-noche)}::-webkit-scrollbar-thumb{background:#f0ede524;border:3px solid var(--color-noche);border-radius:var(--radio-pildora)}::-webkit-scrollbar-thumb:hover{background:#f0ede542}@media(prefers-reduced-motion:reduce){*,*:before,*:after,::view-transition-old(root),::view-transition-new(root){transition:none!important;animation:none!important}.spinner{animation:girar 1.4s linear infinite!important}}.imagen-rota{visibility:hidden}