:root{--acento: #a8720f;--acento-suave: color-mix(in srgb, var(--acento) 13%, var(--panel));--bg: #f4f6f9;--panel: #ffffff;--panel-2: #eef1f6;--linea: #e2e6ee;--fg: #11151d;--suave: #5e6676;--ok: #10a36b;--pend: #b9770b;--dorado: #d19a12;--sombra: 0 1px 2px rgba(17,21,29,.04), 0 8px 24px -10px rgba(17,21,29,.14);--f: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--ease: cubic-bezier(.23, 1, .32, 1);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}a{color:inherit}img{max-width:100%}.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:10px}.raiz{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}.raiz.ancha{max-width:1180px}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px 18px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .14s var(--ease),background-color .16s var(--ease)}.boton:active{transform:scale(.97)}.boton.principal{background:var(--acento);color:#fff}.boton.google,.boton.secundario{background:var(--panel);color:var(--fg);box-shadow:inset 0 0 0 1px var(--linea)}.boton.secundario{padding:10px 14px}.boton.mini{padding:7px 11px;font-size:13px;border-radius:10px;background:var(--acento);color:#fff}.boton.ancho{width:100%;margin-top:18px}@media(hover:hover)and (pointer:fine){.boton.principal:hover{filter:brightness(1.07)}}.icono-btn{margin-left:auto;width:40px;height:40px;border-radius:12px;border:0;background:var(--panel);box-shadow:inset 0 0 0 1px var(--linea);display:grid;place-items:center;cursor:pointer;color:var(--suave)}.letra-chica{color:var(--suave);font-size:13px;text-align:center;margin:12px 0 0}.aviso-demo{color:var(--suave);font-size:11.5px;text-align:center;opacity:.8;margin:6px 0 10px}.bienvenida{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:40px;text-align:center}.halo{display:none}.logo-grande{width:96px;height:96px;border-radius:26px;margin:0 auto 18px;box-shadow:var(--sombra)}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin:0;font-weight:700}.bienvenida h1{font-weight:800;font-size:clamp(32px,8.5vw,40px);line-height:1.08;letter-spacing:-.02em;margin:10px 0 12px;text-wrap:balance}.acento{color:var(--acento)}.lema{color:var(--suave);margin:0 auto 28px;max-width:30em}.acceso{display:grid;gap:10px;text-align:left;background:var(--panel);padding:20px;border-radius:22px;box-shadow:var(--sombra)}.acceso label,.pago label{font-size:13px;color:var(--suave);font-weight:600}.acceso input,.pago input:not([type=file]),.entrada input{width:100%;background:var(--bg);border:1px solid var(--linea);border-radius:14px;padding:14px 16px}.acceso input:focus,.entrada input:focus,.pago input:focus{border-color:var(--acento);outline:none;box-shadow:0 0 0 4px var(--acento-suave)}.enlace-admin{margin-top:26px;color:var(--suave);font-size:13px}.pestanas{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--linea);padding:8px 0 calc(8px + env(safe-area-inset-bottom));margin:0 calc(-1*max(18px,env(safe-area-inset-left)))}.pestanas a{display:grid;justify-items:center;gap:2px;color:var(--suave);text-decoration:none;font-size:11.5px;font-weight:600;padding:4px 0}.pestanas a.activa{color:var(--acento)}.pagina{flex:1;padding:14px 0 30px}.barra-sup{display:flex;align-items:center;gap:10px;padding:6px 0 18px}.mini-logo{border-radius:10px}.saludo{margin:0;color:var(--suave);font-weight:600}.titulo{font-weight:800;font-size:28px;letter-spacing:-.02em;margin:0 0 18px}.subtitulo{color:var(--suave);margin:-10px 0 20px}.tarjeta{display:grid;gap:4px;background:var(--panel);border-radius:20px;padding:18px;box-shadow:var(--sombra);text-decoration:none;transition:transform .14s var(--ease)}.tarjeta:active{transform:scale(.98)}.tarjeta b{font-weight:700}.tarjeta small{color:var(--suave);font-size:13.5px}.principal-t{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:var(--acento);color:#fff;margin-bottom:12px}.principal-t small{color:#fffc}.principal-t .ico-circ{background:#ffffff2e;color:#fff}.ico-circ{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--acento-suave);color:var(--acento);margin-bottom:6px}.principal-t .ico-circ{margin:0}.ico-circ.dorado{background:#fdf3dc;color:var(--dorado)}.dos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.franja{grid-template-columns:auto 1fr;align-items:center;gap:14px;color:var(--acento)}.franja b{color:var(--fg)}.seccion{font-size:17px;font-weight:800;margin:26px 0 4px}.chat{flex:1;display:flex;flex-direction:column;min-height:0}.cabecera{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--linea);position:sticky;top:0;background:var(--bg);z-index:2}.cabecera img{border-radius:10px}.cabecera b{display:block;font-size:15px}.cabecera small{color:var(--ok);font-size:12px;font-weight:600}.contador{margin-left:auto;font-size:12px;font-weight:700;color:var(--acento);background:var(--acento-suave);padding:5px 10px;border-radius:999px;font-variant-numeric:tabular-nums}.mensajes{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px 0}.burbuja{margin:0;max-width:86%;padding:11px 14px;border-radius:18px;white-space:pre-line;animation:entra .3s var(--ease) both}.burbuja.yo{align-self:flex-end;background:var(--acento);color:#fff;border-bottom-right-radius:6px}.burbuja.ia{align-self:flex-start;background:var(--panel);box-shadow:var(--sombra);border-bottom-left-radius:6px}.puntos{display:flex;gap:5px;padding:15px 16px}.puntos i{width:7px;height:7px;border-radius:50%;background:var(--suave);animation:punto 1s infinite}.puntos i:nth-child(2){animation-delay:.15s}.puntos i:nth-child(3){animation-delay:.3s}@keyframes punto{0%,to{opacity:.3}50%{opacity:1}}@keyframes entra{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.sugerencias{display:grid;gap:8px;margin-top:6px}.sugerencias button{text-align:left;background:var(--panel);border:1px solid var(--linea);border-radius:14px;padding:11px 14px;cursor:pointer;color:var(--fg);transition:border-color .16s var(--ease)}.sugerencias button:hover{border-color:var(--acento)}.entrada{position:sticky;bottom:70px;display:flex;gap:8px;padding:10px 0;background:var(--bg)}.entrada input{background:var(--panel)}.entrada button{flex:none;width:50px;border-radius:14px;border:0;background:var(--acento);color:#fff;display:grid;place-items:center;cursor:pointer}.entrada button:disabled{opacity:.35;cursor:default}.limite{text-align:center;padding:16px;border-radius:18px;background:var(--panel);box-shadow:var(--sombra);margin-bottom:10px}.limite p{margin:0 0 10px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px}.chip{flex:none;border:1px solid var(--linea);background:var(--panel);border-radius:999px;padding:7px 14px;cursor:pointer;color:var(--suave);font-weight:600}.chip.activo{background:var(--fg);color:#fff;border-color:var(--fg)}.lista{list-style:none;margin:0;padding:0}.lista li{position:relative;display:grid;gap:2px;padding:15px 0;border-bottom:1px solid var(--linea)}.lista li small{color:var(--suave)}.lista.sin-borde li{border:0;padding:8px 0}.etiqueta{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acento)}.lista li.bloqueado b{color:var(--suave)}.candado{position:absolute;right:0;top:16px;display:inline-flex;gap:4px;align-items:center;font-size:12px;font-weight:700;color:var(--dorado);text-decoration:none}.ganado{position:absolute;right:0;top:18px;color:var(--ok);font-weight:700}.planes{display:grid;gap:12px}.plan{position:relative;text-align:left;display:grid;grid-template-columns:1fr auto;gap:2px 12px;background:var(--panel);border:1.5px solid transparent;box-shadow:var(--sombra);border-radius:20px;padding:18px;cursor:pointer;transition:border-color .16s var(--ease),transform .14s var(--ease)}.plan:active{transform:scale(.99)}.plan.elegido{border-color:var(--acento);box-shadow:0 0 0 4px var(--acento-suave)}.plan .nombre{font-weight:700}.plan .precio{grid-row:1 / span 2;grid-column:2;font-weight:800;font-size:28px;color:var(--fg)}.plan .mes{color:var(--suave);font-size:13px}.plan ul{grid-column:1 / -1;list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px;color:var(--suave);font-size:14px}.plan li{display:flex;gap:6px;align-items:center}.plan li svg{color:var(--ok)}.cinta{position:absolute;top:-10px;right:16px;background:var(--dorado);color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px}.pago{display:grid;gap:10px;background:var(--panel);box-shadow:var(--sombra);border-radius:22px;padding:20px}.pago h2{margin:0;font-size:20px}.pago ol{margin:0;padding-left:20px;color:var(--suave);display:grid;gap:6px}.pago ol b{color:var(--fg)}.pago code{color:var(--acento);font-weight:700}.qr{height:150px;border-radius:16px;border:2px dashed var(--linea);display:grid;place-items:center;color:var(--suave);font-size:13px}.subida{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1.5px dashed var(--acento);color:var(--acento)!important;border-radius:14px;padding:12px;cursor:pointer;font-weight:700;font-size:14px!important}.volver{justify-self:start;display:inline-flex;gap:4px;align-items:center;background:none;border:0;color:var(--suave);cursor:pointer;padding:0}.pago.listo{text-align:center;justify-items:center}.pago.listo p{color:var(--suave);margin:0}.ok{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e2f7ee;color:var(--ok)}.tarjeta-enlace{display:grid;gap:8px;padding:20px;border-radius:22px;background:var(--acento-suave)}.tarjeta-enlace small{color:var(--suave);font-weight:600}.tarjeta-enlace code{font-size:15px;word-break:break-all;color:var(--fg)}.cifras{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 6px}.cifras div{display:grid;text-align:center}.cifras b{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.cifras small{color:var(--suave);font-size:12px}.perfil-cab{display:flex;align-items:center;gap:14px;margin:10px 0 20px}.perfil-cab b{display:block;font-size:20px}.perfil-cab small{color:var(--suave)}.avatar{width:56px;height:56px;border-radius:50%;background:var(--acento);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}.plan-actual{grid-template-columns:1fr auto;align-items:center;margin-bottom:18px}.plan-actual b{display:block;font-size:20px}.menu-lista{list-style:none;margin:0;padding:0;background:var(--panel);border-radius:20px;box-shadow:var(--sombra);overflow:hidden}.menu-lista a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 18px;text-decoration:none;font-weight:600}.menu-lista li+li a{border-top:1px solid var(--linea)}.menu-lista svg:first-child{color:var(--acento)}.menu-lista svg:last-child{color:var(--suave)}.admin{padding:20px 0 30px}.admin-cab{display:flex;align-items:center;gap:12px;margin-bottom:22px}.admin-cab img{border-radius:12px}.admin-cab b{display:block;font-size:20px}.admin-cab small{color:var(--suave)}.admin-cab .boton{margin-left:auto}.resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.resumen div{background:var(--panel);box-shadow:var(--sombra);border-radius:18px;padding:16px;display:grid;gap:2px}.resumen small{color:var(--suave);font-size:13px}.resumen b{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.resumen span{color:var(--acento);font-size:12.5px;font-weight:600}.admin-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.bloque{background:var(--panel);box-shadow:var(--sombra);border-radius:20px;padding:18px;overflow-x:auto;min-width:0}.bloque h2{font-size:17px;margin:0 0 10px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--suave);font-weight:600;font-size:12px;padding:6px 8px 8px 0;border-bottom:1px solid var(--linea)}td{padding:10px 8px 10px 0;border-bottom:1px solid var(--linea);vertical-align:middle}td small{display:block;color:var(--suave);font-size:12px}td.num{font-variant-numeric:tabular-nums}td code{color:var(--acento);font-weight:700}.estado{display:inline-flex;gap:4px;align-items:center;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;white-space:nowrap}.estado.ok{color:var(--ok);background:#e2f7ee;width:auto;height:auto}.estado.pend{color:var(--pend);background:#fdf1dc}.gasto{display:flex;align-items:baseline;gap:10px}.gasto b{font-size:30px;font-weight:800}.gasto span{color:var(--suave);font-size:13px}.barra-gasto{height:10px;border-radius:999px;background:var(--panel-2);margin-top:10px;overflow:hidden}.barra-gasto i{display:block;height:100%;background:var(--acento);border-radius:inherit}@media(max-width:900px){.resumen{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.burbuja{animation:none}.puntos i{animation:none;opacity:.7}}.tarjeta div b,.tarjeta div small,.plan-actual div b,.plan-actual div small{display:block}.logo-grande{width:132px;height:132px;border-radius:50%}.selector{display:grid;grid-template-columns:1fr 1fr;background:var(--panel-2);border-radius:14px;padding:4px;margin-bottom:6px}.selector button{border:0;background:transparent;border-radius:10px;padding:10px;font-weight:700;color:var(--suave);cursor:pointer}.selector button.activo{background:var(--panel);color:var(--fg);box-shadow:var(--sombra)}.error{color:#c0392b;font-size:14px;margin:0}.aviso{background:var(--acento-suave);color:var(--fg);border-radius:14px;padding:12px 14px;margin:0 0 14px;font-size:14.5px}.vacio{color:var(--suave);font-size:14.5px}.cargando{text-align:center;color:var(--suave);padding:60px 0}.enlace{background:none;border:0;color:var(--acento);font-weight:700;cursor:pointer;padding:0}.acciones{display:flex;gap:6px}.boton.mini.gris{background:var(--panel-2);color:var(--fg)}.boton.chico{margin-left:auto;padding:8px 12px;font-size:13px}.menu-lista button{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 18px;background:none;border:0;border-top:1px solid var(--linea);font-weight:600;text-align:left;cursor:pointer}.menu-lista button svg:first-child{color:var(--acento)}.menu-lista button svg:last-child{color:var(--suave)}:root[data-oscuro="1"]{--bg: #0f1012;--panel: #1a1b1f;--panel-2: #24262b;--linea: #2c2f36;--fg: #f2f3f5;--suave: #a2a6b0;--sombra: 0 1px 0 rgba(255,255,255,.03), 0 10px 26px -12px rgba(0,0,0,.6);color-scheme:dark}:root[data-oscuro="1"] .pestanas{background:#0f1012f0}:root[data-oscuro="1"] .ok,:root[data-oscuro="1"] .estado.ok{background:#10a36b29}:root[data-oscuro="1"] .estado.pend{background:#b9770b2e}:root[data-oscuro="1"] .boton.principal,:root[data-oscuro="1"] .burbuja.yo,:root[data-oscuro="1"] .entrada button,:root[data-oscuro="1"] .boton.mini{color:#111}.inicio .barra-sup{padding-bottom:8px}.avatar-mini{width:40px;height:40px;border-radius:50%;background:var(--acento);color:#fff;display:grid;place-items:center;font-weight:800;text-decoration:none;overflow:hidden;flex:none}.avatar-mini img{width:100%;height:100%;object-fit:cover}.hola{display:grid;line-height:1.2}.hola small{color:var(--suave);font-size:12.5px}.rapidos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.rapido{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:10px;overflow:hidden;text-decoration:none;font-weight:700;font-size:13.5px;box-shadow:var(--sombra);transition:transform .14s var(--ease),background-color .16s var(--ease);min-width:0}.rapido:active{transform:scale(.97)}.rapido .cuadro{width:52px;height:52px;flex:none;display:grid;place-items:center;color:#fff}.destacada{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border-radius:22px;text-decoration:none;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--acento) 85%,#000),var(--acento));box-shadow:0 16px 34px -18px var(--acento);margin-bottom:8px}.destacada b{display:block;font-size:19px;margin:4px 0 2px}.destacada small{color:#ffffffd9}.etiqueta.clara{color:#ffffffe6}.play{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--acento);display:grid;place-items:center;flex:none;box-shadow:0 8px 18px -6px #0006;transition:transform .14s var(--ease)}.destacada:active .play{transform:scale(.92)}.estante-cab{display:flex;align-items:baseline;justify-content:space-between}.estante-cab a{color:var(--suave);font-size:13px;font-weight:700;text-decoration:none}.carrusel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 18px 8px;margin:0 -18px;scrollbar-width:none}.carrusel::-webkit-scrollbar{display:none}.portada{flex:0 0 148px;scroll-snap-align:start;text-decoration:none;display:grid;gap:4px}.portada .arte{position:relative;aspect-ratio:1;border-radius:14px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;color:#fff;box-shadow:var(--sombra)}.portada .arte .cat{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.portada b{font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portada small{color:var(--suave);font-size:12px}.arte-mini{position:absolute;left:0;top:14px;width:48px;height:48px;border-radius:10px}.pagina .lista li:has(.arte-mini){padding-left:62px;min-height:76px}.sin-margen-sup{padding-top:0}.banner{height:120px;margin:0 -18px;background:linear-gradient(135deg,var(--acento),color-mix(in srgb,var(--acento) 45%,#1b1030))}.perfil-cab{margin-top:-44px;align-items:flex-end}.avatar-grande{position:relative;width:96px;height:96px;border-radius:50%;border:5px solid var(--bg);background:var(--acento);color:#fff;display:grid;place-items:center;font-size:36px;font-weight:800;cursor:pointer;flex:none}.avatar-grande img{width:100%;height:100%;border-radius:50%;object-fit:cover}.camara{position:absolute;right:-2px;bottom:2px;width:30px;height:30px;border-radius:50%;background:var(--panel);color:var(--fg);display:grid;place-items:center;box-shadow:var(--sombra)}.perfil-cab>div{padding-bottom:6px;display:grid;gap:4px;justify-items:start}.insignia{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--panel-2);color:var(--suave)}.insignia.premium{background:var(--acento-suave);color:var(--acento)}.insignia.pro{background:linear-gradient(90deg,var(--acento),#7c4dff);color:#fff}.niveles{margin-bottom:12px}.niveles button{display:inline-flex;gap:6px;align-items:center;justify-content:center}.cabecera-nivel{border-radius:20px;padding:18px;margin-bottom:12px;background:var(--panel);box-shadow:var(--sombra)}.cabecera-nivel.pro{background:linear-gradient(135deg,#17122b,#2b1d5c);color:#fff}.cabecera-nivel ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:14px}.cabecera-nivel li{display:flex;gap:8px;align-items:center}.cabecera-nivel li svg{color:var(--ok)}.cabecera-nivel.pro li svg{color:#b9a3ff}.temas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tema-op{display:grid;gap:2px;justify-items:start;text-align:left;background:var(--panel);border:2px solid transparent;border-radius:16px;padding:10px;cursor:pointer;box-shadow:var(--sombra)}.tema-op.elegido{border-color:var(--acento)}.tema-op small{color:var(--suave);font-size:11.5px}.muestra{width:100%;height:54px;border-radius:10px;display:grid;grid-template-columns:1fr 2fr;gap:4px;padding:6px;margin-bottom:6px}.muestra i{border-radius:4px}.tema-op.claro .muestra{background:#f4f6f9}.tema-op.claro .muestra i{background:#fff}.tema-op.claro .muestra i:first-child{background:#a8720f}.tema-op.oscuro .muestra{background:#0f1012}.tema-op.oscuro .muestra i{background:#24262b}.tema-op.oscuro .muestra i:first-child{background:#e0a93a}.tema-op.personalizado .muestra{background:conic-gradient(from 90deg,#2f6bff,#12a46b,#e0457b,#7c4dff,#2f6bff)}.tema-op.personalizado .muestra i{background:#ffffffbf}.muestra i:first-child{grid-row:span 2}.personalizar{margin-top:14px;background:var(--panel);border-radius:18px;padding:16px;box-shadow:var(--sombra);display:grid;gap:12px}.etiqueta-campo{font-size:13px;font-weight:700;color:var(--suave);margin:0}.colores{display:flex;flex-wrap:wrap;gap:10px}.color{width:38px;height:38px;border-radius:50%;border:3px solid var(--panel);box-shadow:0 0 0 1px var(--linea);cursor:pointer;padding:0;transition:transform .14s var(--ease)}.color.elegido{box-shadow:0 0 0 3px var(--acento);transform:scale(1.06)}.color.libre{position:relative;display:grid;place-items:center;background:var(--panel-2);font-weight:800;color:var(--suave);overflow:hidden}.color.libre input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.interruptor{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}.interruptor input{position:absolute;opacity:0}.riel{width:44px;height:26px;border-radius:999px;background:var(--panel-2);position:relative;transition:background-color .16s var(--ease);box-shadow:inset 0 0 0 1px var(--linea)}.riel:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .16s var(--ease)}.interruptor input:checked+.riel{background:var(--acento)}.interruptor input:checked+.riel:after{transform:translate(18px)}.interruptor input:focus-visible+.riel{outline:2px solid var(--acento);outline-offset:2px}.campo{width:100%;background:var(--panel);border:1px solid var(--linea);border-radius:14px;padding:13px 15px;margin-top:6px}.campo:focus{border-color:var(--acento);outline:none}.letra-chica.izq{text-align:left}.avatar-deco{position:relative;display:inline-grid;place-items:center;border-radius:50%;background:var(--acento);color:#fff;font-weight:800;flex:none}.avatar-deco>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-deco .deco{position:absolute;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));pointer-events:none}.avatar-enlace{display:inline-flex;text-decoration:none}.avatar-grande{position:relative;border-radius:50%;border:5px solid var(--bg);background:var(--bg);cursor:pointer;flex:none;display:inline-flex}.decos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.deco-op{position:relative;display:grid;justify-items:center;gap:8px;padding:18px 8px 12px;background:var(--panel);border:2px solid transparent;border-radius:16px;box-shadow:var(--sombra);cursor:pointer}.deco-op.elegido{border-color:var(--acento)}.deco-op:disabled{cursor:default}.deco-op:disabled .avatar-deco{opacity:.45;filter:grayscale(.6)}.deco-op small{font-weight:700;font-size:12.5px}.req{position:absolute;top:6px;right:6px;display:inline-flex;gap:2px;align-items:center;font-size:10.5px;font-weight:800;color:var(--suave)}.banner{display:block;position:relative;cursor:pointer;background-size:cover;background-position:center}.cambiar-banner{position:absolute;right:12px;bottom:10px;display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:700;color:#fff;background:#00000073;padding:5px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--bg)}.splash img{border-radius:50%;animation:latido 1.6s ease-in-out infinite;box-shadow:0 16px 40px -14px var(--acento)}.splash b{font-size:20px}.splash small{color:var(--suave);animation:entra .4s var(--ease) both}.barra-carga{width:140px;height:4px;border-radius:999px;background:var(--panel-2);overflow:hidden}.barra-carga i{display:block;width:40%;height:100%;border-radius:inherit;background:var(--acento);animation:carga 1.1s var(--ease) infinite}@keyframes latido{50%{transform:scale(1.05)}}@keyframes carga{0%{transform:translate(-110%)}to{transform:translate(260%)}}.isla{position:fixed;z-index:60;left:50%;top:calc(env(safe-area-inset-top) + 8px);display:flex;align-items:center;gap:12px;width:min(92vw,380px);padding:12px 16px;border-radius:26px;background:#0b0b0d;color:#fff;box-shadow:0 14px 34px -12px #0000008c;transform:translate(-50%,-140%) scale(.7);opacity:0;transition:transform .55s cubic-bezier(.2,1.3,.4,1),opacity .3s var(--ease);cursor:pointer}.isla.visible{transform:translate(-50%) scale(1);opacity:1}.isla-ico{width:34px;height:34px;border-radius:50%;background:var(--acento);color:#111;display:grid;place-items:center;font-weight:900;flex:none}.isla b{display:block;font-size:14px}.isla small{color:#b9bcc6;font-size:12.5px;line-height:1.3;display:block}.nueva-sug{background:var(--panel);border-radius:18px;padding:12px;box-shadow:var(--sombra);display:grid;gap:8px;margin-bottom:16px}.nueva-sug textarea{width:100%;border:0;resize:vertical;background:transparent;font:inherit;color:var(--fg);padding:4px}.nueva-sug textarea:focus{outline:none}.fila-sug{display:flex;align-items:center;justify-content:space-between}.fila-sug small{color:var(--suave)}.fila-sug .boton{padding:9px 16px}.sugerencias-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sug{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;background:var(--panel);border-radius:18px;padding:14px;box-shadow:var(--sombra)}.sug .cuerpo{min-width:0}.sug p{margin:4px 0 0;overflow-wrap:anywhere}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.meta small{color:var(--suave);font-size:12px}.estado-sug{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--panel-2);color:var(--suave)}.estado-sug.en_proceso{background:var(--acento-suave);color:var(--acento)}.estado-sug.hecha{background:#10a36b24;color:var(--ok)}.admin-sug select{margin-top:8px;font:inherit;font-size:13px;border-radius:10px;border:1px solid var(--linea);background:var(--panel-2);color:var(--fg);padding:5px 8px}.enlace.pequeno{font-size:12.5px;color:var(--suave);margin-top:6px}.voto{display:grid;justify-items:center;gap:2px;min-width:46px;padding:8px 6px;border-radius:14px;border:1px solid var(--linea);background:transparent;color:var(--suave);font-weight:800;cursor:pointer;transition:transform .14s var(--ease)}.voto:active{transform:scale(.94)}.voto.votado{background:var(--acento);border-color:var(--acento);color:#fff}.dos-botones{display:grid;grid-template-columns:1fr auto;gap:8px}.perfil-cab{flex-direction:column;align-items:flex-start;gap:8px;margin-top:-50px;margin-bottom:18px;position:relative;z-index:1}.nombre-perfil{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0}.nombre-perfil b{font-size:22px}.aviso-subida{color:var(--suave)}.banner{height:140px;overflow:hidden}.banner .efecto-canvas,.banner .efecto-bocinas{position:absolute;top:0;right:0;bottom:0;left:0}.efecto-canvas{width:100%;height:100%;display:block;pointer-events:none}.avatar-deco .deco{object-fit:contain}.efectos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.efecto-op{position:relative;display:grid;gap:6px;justify-items:center;padding:8px 6px 10px;background:var(--panel);border:2px solid transparent;border-radius:14px;box-shadow:var(--sombra);cursor:pointer}.efecto-op.elegido{border-color:var(--acento)}.efecto-op:disabled{cursor:default;opacity:.6}.efecto-op small{font-size:11.5px;font-weight:700}.mini-banner{position:relative;width:100%;height:38px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--acento),color-mix(in srgb,var(--acento) 45%,#1b1030))}.mini-banner .efecto-canvas,.mini-banner .efecto-bocinas{position:absolute;top:0;right:0;bottom:0;left:0}.efecto-bocinas{display:flex;align-items:center;justify-content:space-between;padding:0 8px;pointer-events:none}.bocina{height:78%;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.bocina .cono{transform-origin:40px 72px;animation:golpe .46s cubic-bezier(.3,1.6,.5,1) infinite}@keyframes golpe{0%,to{transform:scale(1)}20%{transform:scale(1.12)}}.ondas{position:relative;width:22%;height:70%}.ondas i{position:absolute;top:50%;width:30px;height:30px;border:3px solid rgba(255,255,255,.8);border-radius:50%;translate:0 -50%;opacity:0;animation:onda 1.4s var(--ease) infinite}.ondas.izq i{left:0;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.ondas.der i{right:0;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.ondas i:nth-child(2){animation-delay:.46s}.ondas i:nth-child(3){animation-delay:.92s}@keyframes onda{0%{opacity:.9;scale:.4}to{opacity:0;scale:2.4}}.eq{display:flex;align-items:flex-end;gap:4px;height:46%}.eq i{width:6px;height:100%;border-radius:3px;background:#ffffffd9;transform-origin:bottom;animation:eq .9s ease-in-out infinite}@keyframes eq{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.mini-banner .bocina{height:70%}.mini-banner .eq,.mini-banner .ondas{display:none}@media(prefers-reduced-motion:reduce){.bocina .cono,.ondas i,.eq i{animation:none}}.recortador{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0b0b0d;color:#fff;display:flex;flex-direction:column;align-items:center;gap:18px;padding:calc(env(safe-area-inset-top) + 10px) 20px calc(env(safe-area-inset-bottom) + 20px)}.recortador header{width:100%;max-width:460px;display:flex;justify-content:space-between;align-items:center}.enlace-claro{background:none;border:0;color:#c9cbd3;font:inherit;font-size:16px;cursor:pointer;padding:8px 4px}.enlace-claro.fuerte{color:var(--acento);font-weight:800}.marco-recorte{position:relative;overflow:hidden;touch-action:none;cursor:grab;margin-top:8vh;background:#222;flex:none}.marco-recorte img{position:absolute;left:50%;top:50%;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.marco-recorte img.completa{width:100%;height:100%;object-fit:contain;transform:translate(-50%,-50%)}.marco-recorte.circulo{border-radius:50%;box-shadow:0 0 0 3px #ffffffd9}.marco-recorte.banner{border-radius:12px;box-shadow:0 0 0 3px #ffffffd9}.deslizador{width:min(80vw,360px);accent-color:var(--acento)}.ayuda-recorte{color:#9a9ca6;font-size:13px;margin:0}.interruptor.claro{color:#e7e8ec}.avatar-deco .deco.birrete{transform:rotate(16deg)}.avatar-deco .deco.corona{transform:rotate(14deg)}:root[data-oscuro="1"] .avatar-deco .deco.birrete{filter:drop-shadow(0 0 1.2px rgba(255,255,255,.7)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}.banner{cursor:pointer}button.cambiar-banner{border:0;font:inherit;font-size:12px;font-weight:700;cursor:pointer;z-index:2}.deco-op.bloqueado .avatar-deco,.efecto-op.bloqueado .mini-banner{opacity:.55;filter:grayscale(.5)}.deco-op.bloqueado,.efecto-op.bloqueado{cursor:pointer}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000073;display:flex;align-items:flex-end;justify-content:center;animation:aparece .2s var(--ease)}.hoja{width:100%;max-width:520px;background:var(--panel);border-radius:26px 26px 0 0;padding:12px 22px calc(22px + env(safe-area-inset-bottom));display:grid;justify-items:center;text-align:center;gap:8px;animation:subeHoja .38s var(--ease)}.hoja .asa{width:40px;height:5px;border-radius:999px;background:var(--linea);margin-bottom:10px}.hoja-avatar{margin:18px 0 6px}.hoja h2{margin:0;font-size:22px;letter-spacing:-.01em}.hoja p{margin:0 0 6px;color:var(--suave);max-width:34em}.boton-texto{background:none;border:0;color:var(--suave);font:inherit;font-weight:700;padding:10px;cursor:pointer}@keyframes aparece{0%{opacity:0}}@keyframes subeHoja{0%{transform:translateY(100%)}}.chips.orden{margin:4px 0 12px}.sug{position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:transform .14s var(--ease)}.sug.con-menu{transform:scale(.985);z-index:5}.menu-reacciones{position:absolute;left:50%;top:-30px;translate:-50% 0;display:flex;gap:4px;padding:6px 8px;border-radius:999px;background:var(--panel);box-shadow:0 10px 30px -8px #00000059;animation:brota .22s cubic-bezier(.2,1.4,.4,1);z-index:6}.menu-reacciones button{font-size:26px;line-height:1;width:44px;height:44px;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .14s var(--ease)}.menu-reacciones button:hover,.menu-reacciones button:active{transform:scale(1.25) translateY(-4px)}.menu-reacciones button.mia{background:var(--acento-suave)}@keyframes brota{0%{opacity:0;transform:scale(.6) translateY(10px)}}.contador-reac{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.contador-reac button{font:inherit;font-size:13px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--linea);background:var(--panel-2);color:var(--fg);cursor:pointer}.contador-reac button.mia{border-color:var(--acento);background:var(--acento-suave)}.chip.activo{background:var(--chip-activo, var(--fg));color:var(--sobre-chip, var(--bg));border-color:var(--chip-activo, var(--fg))}.boton.principal,.burbuja.yo,.entrada button,.boton.mini,.voto.votado,.avatar-deco,.avatar,.principal-t,.destacada{color:var(--sobre-acento, #fff)}:root[data-oscuro="1"] .boton.principal,:root[data-oscuro="1"] .burbuja.yo,:root[data-oscuro="1"] .entrada button,:root[data-oscuro="1"] .boton.mini{color:var(--sobre-acento, #111)}.principal-t small,.destacada small{color:inherit;opacity:.85}.isla{touch-action:none;user-select:none;-webkit-user-select:none;align-items:flex-start}.isla.arrastrando{transition:none}.isla .notas{display:none;margin:6px 0 0;padding-left:16px;font-size:12.5px;color:#d5d7de}.isla.abierta .notas{display:block}.isla.abierta{border-radius:22px}.isla .asa-isla{position:absolute;left:50%;bottom:5px;width:34px;height:4px;border-radius:999px;background:#ffffff40;translate:-50% 0}.estallido{position:absolute;left:50%;top:50%;font-size:54px;translate:-50% -50%;pointer-events:none;z-index:7;animation:estalla .7s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes estalla{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1) translateY(-14px)}}