:root{--fondo:#150b13;--fondo-2:#1f1019;--superficie:#2a1622;--superficie-2:#36202d;--linea:#ffffff1f;--texto:#fbf3f7;--texto-2:#d5c2cc;--texto-3:#a08b97;--magenta:#e8076a;--magenta-hondo:#c2105c;--purpura:#8a3db4;--purpura-claro:#b866d9;--azul:#3aa3d0;--oro:#f4c15d;--rojo:#ff6b6b;--verde:#4fd18b;--radio:16px;--sombra:0 12px 40px #00000073;--fuente-titulo:"Fraunces", Georgia, serif;--fuente:"Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font-family:var(--fuente);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}#raiz{min-height:100dvh}a{color:inherit}button,input,select{font:inherit;color:inherit}img,svg{max-width:100%;display:block}h1,h2,h3{font-family:var(--fuente-titulo);letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.15}p{margin:0}:focus-visible{outline:3px solid var(--oro);outline-offset:3px;border-radius:6px}.oculto-accesible{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.logo{font-family:var(--fuente-titulo);letter-spacing:-.02em;align-items:baseline;font-size:26px;font-weight:700;text-decoration:none;display:inline-flex}.logo .mas{color:var(--magenta);margin-left:1px;font-size:1.15em;line-height:0}.logo.grande{font-size:clamp(44px,12vw,72px)}.boton{cursor:pointer;background:var(--magenta);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 22px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .12s,background .15s;display:inline-flex}.boton:hover{background:var(--magenta-hondo)}.boton:active{transform:scale(.98)}.boton:disabled{opacity:.55;cursor:default}.boton.secundario{border:1.5px solid var(--linea);color:var(--texto);background:0 0}.boton.secundario:hover{background:#ffffff0f}.boton.claro{color:#1a0e16;background:#fff}.boton.claro:hover{background:#f0e6eb}.boton.peligro{color:var(--rojo);background:0 0;border:1.5px solid #ff6b6b80}.boton.ancho{width:100%}.enlace{color:var(--texto-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.enlace:hover{color:var(--texto)}.campo{gap:6px;display:grid}.campo label,.etiqueta{color:var(--texto-2);font-size:14px;font-weight:800}.campo input,.campo select{border:1.5px solid var(--linea);background:var(--fondo-2);width:100%;min-height:50px;color:var(--texto);border-radius:12px;padding:12px 14px;font-size:16px}.campo input:focus{border-color:var(--magenta);outline:none}.ayuda{color:var(--texto-3);font-size:13px}.casilla{color:var(--texto-2);align-items:flex-start;gap:10px;font-size:14px;display:flex}.casilla input{width:20px;height:20px;accent-color:var(--magenta);flex:none;margin-top:2px}.aviso{border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700}.aviso.error{color:#ffb3b3;background:#ff6b6b1f;border:1px solid #ff6b6b4d}.aviso.ok{color:#a8f0c8;background:#4fd18b1f;border:1px solid #4fd18b4d}.pantalla-centro{background:radial-gradient(1200px 600px at 10% -10%, #8a3db459, transparent 60%), radial-gradient(900px 500px at 110% 110%, #e8076a40, transparent 60%), var(--fondo);place-items:center;min-height:100dvh;padding:32px 16px;display:grid}.tarjeta-acceso{gap:18px;width:100%;max-width:420px;display:grid}.tarjeta-acceso .cabeza{text-align:center;gap:8px;margin-bottom:6px;display:grid}.tarjeta-acceso h1{font-size:30px}.tarjeta-acceso .sub{color:var(--texto-2)}.pie-acceso{text-align:center;color:var(--texto-3);font-size:14px}.bienvenida{grid-template-rows:auto 1fr auto;max-width:1100px;min-height:100dvh;margin:0 auto;padding:20px 16px 28px;display:grid}.bienvenida header{justify-content:space-between;align-items:center;display:flex}.bienvenida .heroe{text-align:center;align-content:center;justify-items:center;gap:22px;padding:40px 0;display:grid}.bienvenida .heroe h1{max-width:14ch;font-size:clamp(34px,8vw,60px)}.bienvenida .heroe p{color:var(--texto-2);max-width:34ch;font-size:clamp(17px,2.6vw,20px)}.bienvenida .acciones{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.bienvenida .rasgos{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.rasgo{background:var(--fondo-2);border:1px solid var(--linea);border-radius:var(--radio);gap:4px;padding:16px;display:grid}.rasgo b{font-family:var(--fuente-titulo);font-size:18px}.rasgo span{color:var(--texto-2);font-size:14px}.fila-avatares{justify-content:center;gap:10px;margin-top:6px;display:flex}.fila-avatares .avatar{width:54px;height:54px}.quien{text-align:center;place-content:center;gap:34px;min-height:100dvh;padding:40px 16px;display:grid}.quien h1{font-size:clamp(28px,6vw,44px)}.rejilla-perfiles{flex-wrap:wrap;justify-content:center;gap:22px 18px;max-width:760px;margin:0 auto;display:flex}.perfil-boton{cursor:pointer;width:108px;color:var(--texto-2);background:0 0;border:0;justify-items:center;gap:10px;padding:0;font-weight:700;display:grid}.perfil-boton .avatar{width:108px;height:108px;transition:transform .15s,box-shadow .15s}.perfil-boton:hover .avatar,.perfil-boton:focus-visible .avatar{transform:scale(1.05);box-shadow:0 0 0 4px #fff}.perfil-boton:hover,.perfil-boton:focus-visible{color:var(--texto);outline:none}.perfil-boton .nombre{text-overflow:ellipsis;white-space:nowrap;max-width:108px;overflow:hidden}.perfil-boton .marca-tipo{text-transform:uppercase;letter-spacing:.08em;color:var(--texto-3);margin-top:-6px;font-size:11px;font-weight:800}.perfil-boton .candado{background:var(--fondo);border:2px solid var(--fondo);border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid;position:absolute;bottom:-2px;right:-2px}.avatar-envoltura{position:relative}.editando .perfil-boton .avatar{filter:brightness(.55)}.editando .lapiz{pointer-events:none;place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.nuevo-perfil .avatar-vacio{border:2px dashed var(--texto-3);width:108px;height:108px;color:var(--texto-3);border-radius:50%;place-items:center;font-size:44px;transition:border-color .15s,color .15s;display:grid}.nuevo-perfil:hover .avatar-vacio{color:#fff;border-color:#fff}.quien .acciones{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.avatar{aspect-ratio:1;object-fit:cover;border-radius:50%;flex:none;width:100%;height:auto;overflow:hidden}.editor{gap:24px;max-width:640px;margin:0 auto;padding:24px 16px 60px;display:grid}.editor .cabeza{align-items:center;gap:14px;display:flex}.editor .cabeza h1{font-size:28px}.editor .avatar-grande{width:120px;height:120px;margin:0 auto}.galeria{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:12px;display:grid}.galeria button{cursor:pointer;color:var(--texto-3);background:0 0;border:0;justify-items:center;gap:6px;padding:0;font-size:12px;font-weight:700;display:grid}.galeria button .avatar{width:72px;height:72px;transition:box-shadow .12s,transform .12s;box-shadow:0 0 0 3px #0000}.galeria button:hover .avatar{transform:scale(1.05)}.galeria button[aria-pressed=true] .avatar{box-shadow:0 0 0 3px var(--fondo), 0 0 0 6px var(--magenta)}.galeria button[aria-pressed=true]{color:var(--texto)}.grupo-galeria{gap:10px;display:grid}.grupo-galeria h3{font-family:var(--fuente);color:var(--texto-2);font-size:14px;font-weight:800}.selector-tipo{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.selector-tipo button{border:1.5px solid var(--linea);background:var(--fondo-2);cursor:pointer;text-align:center;border-radius:14px;place-content:center;gap:2px;min-height:72px;padding:8px;display:grid}.selector-tipo button b{font-size:15px}.selector-tipo button span{color:var(--texto-3);font-size:12px}.selector-tipo button[aria-pressed=true]{border-color:var(--magenta);background:#e8076a1f}.bloque{background:var(--fondo-2);border:1px solid var(--linea);border-radius:var(--radio);gap:12px;padding:16px;display:grid}.bloque .fila{justify-content:space-between;align-items:center;gap:12px;display:flex}.acciones-editor{gap:10px;display:grid}.velo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#0a0409d1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ventana{background:var(--superficie);border:1px solid var(--linea);width:100%;max-width:380px;box-shadow:var(--sombra);text-align:center;border-radius:22px;gap:16px;padding:24px;display:grid}.ventana h2{font-size:22px}.ventana .sub{color:var(--texto-2);font-size:15px}.ventana .avatar{width:72px;height:72px;margin:0 auto}.puntos-pin{justify-content:center;gap:14px;margin:4px 0;display:flex}.puntos-pin i{border:2px solid var(--texto-2);border-radius:50%;width:16px;height:16px}.puntos-pin i.lleno{background:var(--texto);border-color:var(--texto)}.puntos-pin.error{animation:.35s temblor}@keyframes temblor{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.teclado{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.teclado button{background:var(--superficie-2);cursor:pointer;border:0;border-radius:14px;min-height:58px;font-size:24px;font-weight:700}.teclado button:hover{background:#45293a}.teclado button:disabled{opacity:.4}.teclado .vacio{visibility:hidden}.cabecera{z-index:20;background:linear-gradient(var(--fondo) 30%, #150b13d9 70%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.cabecera .derecha{align-items:center;gap:10px;display:flex}.boton-perfil{cursor:pointer;color:var(--texto-2);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:700;display:flex}.boton-perfil .avatar{width:40px;height:40px}.menu-perfil{background:var(--superficie);border:1px solid var(--linea);width:240px;box-shadow:var(--sombra);border-radius:16px;padding:8px;display:grid;position:absolute;top:64px;right:16px}.menu-perfil button,.menu-perfil a{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.menu-perfil button:hover,.menu-perfil a:hover{background:var(--superficie-2)}.menu-perfil .avatar{width:30px;height:30px}.menu-perfil hr{border:0;border-top:1px solid var(--linea);margin:6px 0}.portada{border-radius:22px;align-items:end;max-width:1300px;min-height:360px;margin:0 16px;display:grid;position:relative;overflow:hidden}.portada .arte{position:absolute;inset:0}.portada .contenido{background:linear-gradient(#0a040900,#0a0409c7 30%,#0a0409f0);gap:10px;padding:96px 24px 24px;display:grid;position:relative}.portada .contenido>*{max-width:560px}.portada .arte{object-position:center top}.portada .antetitulo{letter-spacing:.14em;text-transform:uppercase;color:var(--oro);font-size:12px;font-weight:800}.portada h2{font-size:clamp(28px,6vw,44px)}.portada p{color:var(--texto-2)}.portada .acciones{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.filas{gap:30px;padding:28px 0 60px;display:grid}.fila-titulos{gap:12px;display:grid}.fila-titulos h2{font-family:var(--fuente);padding:0 16px;font-size:19px;font-weight:800}.carril{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:4px 16px 10px;display:flex;overflow-x:auto}.carril::-webkit-scrollbar{display:none}.titulo-tarjeta{scroll-snap-align:start;text-align:left;cursor:pointer;background:0 0;border:0;flex:none;gap:8px;width:168px;padding:0;text-decoration:none;display:grid}.titulo-tarjeta .cartel{aspect-ratio:2/3;border-radius:14px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000059}.titulo-tarjeta:hover .cartel,.titulo-tarjeta:focus-visible .cartel{transform:translateY(-3px)scale(1.02);box-shadow:0 0 0 3px #fff,0 12px 30px #00000080}.titulo-tarjeta:focus-visible{outline:none}.titulo-tarjeta .nombre{font-size:14px;font-weight:800;line-height:1.3}.titulo-tarjeta .detalle{color:var(--texto-3);font-size:12px}.sello{color:#fff;letter-spacing:.04em;background:#0a0409bf;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;left:8px}.sello.oro{background:var(--oro);color:#2d1822}.vacio-fila{border:1px dashed var(--linea);color:var(--texto-3);border-radius:14px;margin:0 16px;padding:18px;font-size:14px}.ficha{gap:22px;max-width:1000px;margin:0 auto;padding:0 16px 60px;display:grid}.ficha .portada{margin:0}.ficha .datos{flex-wrap:wrap;gap:8px;display:flex}.pastilla{background:var(--superficie);color:var(--texto-2);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.ficha .texto{color:var(--texto-2);gap:10px;max-width:65ch;display:grid}.lista-episodios{gap:10px;display:grid}.episodio{background:var(--fondo-2);border:1px solid var(--linea);border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.episodio .num{font-family:var(--fuente-titulo);color:var(--texto-3);text-align:center;font-size:24px}.episodio b{display:block}.episodio span{color:var(--texto-3);font-size:13px}.pagina{gap:18px;max-width:720px;margin:0 auto;padding:24px 16px 60px;display:grid}.pagina h1{font-size:32px}.pagina h2{margin-top:8px;font-size:20px}.pagina p,.pagina li{color:var(--texto-2)}.pagina ul{gap:6px;margin:0;padding-left:20px;display:grid}.volver{color:var(--texto-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;text-decoration:none;display:inline-flex}.volver:hover{color:var(--texto)}.borrador{border:1px dashed var(--oro);color:var(--oro);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:700}.cargando{place-items:center;min-height:100vh;display:grid}.cargando .logo{animation:1.4s ease-in-out infinite latido}@keyframes latido{50%{opacity:.45}}@media (width>=720px){.cabecera{padding:16px 32px}.portada{min-height:440px;margin:0 32px}.portada .contenido{padding:36px}.fila-titulos h2{padding:0 32px}.carril{gap:16px;padding:4px 32px 10px}.titulo-tarjeta{width:200px}.vacio-fila{margin:0 32px}.perfil-boton,.perfil-boton .nombre{width:140px;max-width:140px}.perfil-boton .avatar,.nuevo-perfil .avatar-vacio{width:140px;height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}