/* Hyris night theme: the hotel loader's artwork and neon, shared by the CMS. */
:root:not([data-theme="claro"]) {
  --background-base:#090411; --background-deep:#06020d;
  --background-panel:#160c24; --background-elevated:#211030;
  --background-sunken:#100719; --background-hover:#2c123e;
  --surface-nav:rgba(17,8,29,.96); --surface-sunken:#100719;
  --text-faint:#b5a4c8; --text-muted:#cbb9dd; --text-secondary:#e2d5ef;
  --border-default:rgba(194,96,244,.28); --border-subtle:rgba(218,155,255,.12);
  --brand-primary:#b221ed; --brand-primary-deep:#7e0dc0;
  --brand-highlight:#efa0ff; --brand-accent:#ef5bff;
  --grad-primary:linear-gradient(135deg,#9e19e3,#cb22e8);
  --grad-primary-hover:linear-gradient(135deg,#b331ee,#df43f5);
  --grad-surface:linear-gradient(140deg,#251033,#150b24);
  --sh-sm:0 6px 24px #03000860,inset 0 1px 0 #f2b8ff0b;
}
.hyris-neon { --neon-edge:#9940c5; --neon-glow:#c52eff33; }
.hyris-neon .fondo-web { opacity:.8; z-index:-3; mask-image:linear-gradient(#000 0%,#000 55%,#0004 100%); -webkit-mask-image:linear-gradient(#000 0%,#000 55%,#0004 100%); }
.hyris-neon .topnav__bar { border:1px solid var(--neon-edge); border-radius:16px; box-shadow:0 0 0 1px #e0a0ff0d,inset 0 1px 0 #f2b8ff22,0 0 24px var(--neon-glow),0 10px 35px #03000866; }
.hyris-neon .topnav__bar:after { content:''; position:absolute; height:1px; left:12%; right:12%; bottom:-1px; background:linear-gradient(90deg,transparent,#ed86ff,transparent); pointer-events:none; }
.hyris-neon :is(.panel,.card,.feature,.hero,.home-perfil-resumen,.home-metricas,.home-escena,.entry-window) { border-color:var(--neon-edge); box-shadow:inset 0 1px 0 #e3b1ff16,0 0 16px #a62edf13,0 8px 26px #02000655; }
.hyris-neon .home-tablero { --win-borde:var(--neon-edge); --win-cuerpo:var(--surface-nav); --win-barra-arriba:#3c1255; --win-barra-abajo:#261036; --win-barra-luz:#d759ff; --win-barra-canto:#8e32b6; }
.hyris-neon :is(.panelbar,.home-tablero .panelbar,.home-tablero .panelhead,.entry-window-title) { background:linear-gradient(100deg,#4b1464,#2a0c3f 68%,#421053); border-bottom:1px solid #ae42d1; box-shadow:inset 0 1px 0 #f0a2ff42,0 2px 12px #9f12da18; color:#fff; }
.hyris-neon :is(.panelbar__title,.home-tablero .panelhead__title,.entry-window-title h1,.entry-window-title h2) { color:#fff; text-shadow:0 0 12px #ed70ff44; }
.hyris-neon .panelbar--magenta { background:linear-gradient(100deg,#5c165c,#310d40); }
.hyris-neon :is(.entry-window-dots,.panelbar__sub) { color:#e1b8ed; }
.hyris-neon :is(.btn--primary,.entry-submit,.btn-habbo--morado,.btn-habbo--verde) { color:#fff; border:1px solid #df78ff; border-radius:7px; background:linear-gradient(135deg,#9012ca,#bf1de5); box-shadow:inset 0 1px 0 #ffc2ff55,0 0 14px #bb1aff44,0 3px 0 #410761; text-shadow:0 1px 2px #430354; }
.hyris-neon :is(.btn--primary,.entry-submit,.btn-habbo--morado,.btn-habbo--verde):hover { background:linear-gradient(135deg,#ac23e7,#d943ed); box-shadow:inset 0 1px 0 #ffc2ff55,0 0 20px #cb39ff66,0 3px 0 #410761; }
.hyris-neon :is(.input,textarea,select):focus-visible { outline:2px solid #d577fc; outline-offset:2px; box-shadow:0 0 0 4px #c033eb20; }
.hyris-neon :is(a,button):focus-visible { outline:2px solid #e99dff; outline-offset:3px; }
.hyris-neon .home-placas__hueco { border-color:#8945a766; background:linear-gradient(160deg,#30133f,#11071d); box-shadow:inset 0 0 15px #bc35fc12; }
.hyris-neon .home-perfil-resumen__keko { background:radial-gradient(ellipse at 50% 70%,#b51aee35,transparent 70%); }
.hyris-neon :is(.home-icon-frame,.home-amigos__hueco,.hero__icon) { box-shadow:0 0 16px #b537e61c; }
.hyris-neon .entry-page-heading { background:linear-gradient(100deg,#281134f5,#12091ff5); border-color:#8442a6; border-left-color:#e491ff; }
.hyris-neon .entry-welcome-scene--neon { background-image:url('../assets/escenas/hyris-neon-city.png'); background-position:70% 45%; min-height:265px; }
.hyris-neon .entry-welcome-scene--neon:before { background:linear-gradient(90deg,#160821fa 0%,#160821eb 38%,#14091d55 75%,#10051b22 100%); }
.hyris-neon .entry-welcome-copy { position:relative; z-index:1; max-width:66%; }
.hyris-neon .entry-welcome-copy h1 { text-shadow:0 0 28px #e655ff3b; }
.hyris-neon .entry-neon-mark { position:absolute; right:2%; top:50%; transform:translateY(-50%); width:31%; height:90%; object-fit:contain; pointer-events:none; filter:drop-shadow(0 0 12px #bb25f747); }
.hyris-neon .entry-feature { border-color:#823fa655; background:var(--surface-nav); }
.hyris-neon .entry-register-form .registro__opcion:has(input:checked) { border-color:#e178ff; box-shadow:0 0 0 2px #d32cff22,inset 0 0 22px #bf26f216,0 0 14px #a91bdd1c; }
.hyris-neon .footer { background:linear-gradient(180deg,#10061bee,#09030ff5); border-top:1px solid #8037a755; }
.hyris-neon .footer:before { content:''; display:block; height:1px; width:60%; margin:auto; background:linear-gradient(90deg,transparent,#ac48d7,transparent); }
.neon-atmosphere { position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; contain:strict; }
.neon-atmosphere:before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 85% 10%,#b511dc22,transparent 55%),radial-gradient(ellipse at 5% 70%,#7625e418,transparent 50%); }
.neon-atmosphere i { position:absolute; left:var(--x); top:-20%; width:1px; height:var(--length); background:linear-gradient(transparent,#d76dff88,#f4b7ffbb); box-shadow:0 0 6px #b73ceb55; animation:neon-rain var(--duration) linear infinite; animation-delay:var(--delay); }
@keyframes neon-rain { from { transform:translateY(-20vh); opacity:0; } 12%,65% { opacity:.55; } to { transform:translateY(125vh); opacity:0; } }
.neon-atmosphere[data-paused="true"] i { animation-play-state:paused; }
.neon-motion { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:7px 12px; border:1px solid #86509e; border-radius:7px; font-size:11px; font-weight:700; color:#e2c9f2; background:#22102ff2; cursor:pointer; }
.neon-motion:hover { border-color:#e180ff; }
.neon-motion[hidden] { display:none; }
.entry-page-heading .neon-motion { margin-left:0; }
:root[data-a11y="true"] .neon-atmosphere { display:none; }
:root[data-a11y="true"]:not([data-theme="claro"]) .hyris-neon :is(.panel,.entry-window,.home-perfil-resumen,.home-metricas,.topnav__bar) { background:#100719; }
:root[data-theme="claro"] .hyris-neon { --neon-edge:#bf85db; --neon-glow:#9e2fcc12; }
:root[data-theme="claro"] .hyris-neon .fondo-web { opacity:.15; }
:root[data-theme="claro"] .hyris-neon :is(.footer,.entry-page-heading) { background:#faf4ffed; color:#351045; }
:root[data-theme="claro"] .hyris-neon :is(.entry-page-note,.entry-page-heading>a,.entry-feature p,.entry-login-intro p,.entry-register-form .registro__salaTexto,.entry-login-form .auth__pie,.entry-register-form .auth__pie) { color:#614071; }
:root[data-theme="claro"] .hyris-neon .entry-welcome-copy h1 { color:#fff; }
:root[data-theme="claro"] .neon-atmosphere { display:none; }
@media(max-width:1050px) { .hyris-neon .entry-welcome-copy { max-width:76%; padding:24px; } .hyris-neon .entry-neon-mark { right:-4%; width:30%; opacity:.85; } }
@media(max-width:760px) { .hyris-neon .entry-welcome-copy { max-width:70%; } .hyris-neon .entry-neon-mark { right:1%; width:28%; } .neon-atmosphere i:nth-child(n+5) { display:none; } }
@media(max-width:540px) { .hyris-neon .entry-welcome-copy { max-width:82%; padding:22px; } .hyris-neon .entry-neon-mark { right:-5%; width:31%; opacity:.3; } .hyris-neon .floaties { position:static; flex-wrap:wrap; justify-content:center; padding:16px; } .entry-page-heading .neon-motion { margin-left:auto; } .hyris-neon .topnav__bar { box-shadow:0 0 12px var(--neon-glow); } }
@media(prefers-reduced-motion:reduce) { .neon-atmosphere i { display:none; animation:none; } }
.hyris-neon .entry-register-form .registro__opciones--looks .registro__opcion { min-height:180px; padding:8px 0 24px; isolation:isolate; overflow:hidden; background:linear-gradient(160deg,#261035,#100719 70%); }
.hyris-neon .entry-register-form .registro__opciones--looks .keko { position:relative; z-index:1; height:144px; width:84px; max-width:none; object-fit:contain; image-rendering:pixelated; filter:drop-shadow(0 3px 0 #0006); }
.registro__opciones--looks .registro__opcion:before { content:''; position:absolute; z-index:-1; bottom:28px; left:12%; width:76%; height:18px; border:1px solid #8e44b988; border-radius:50%; background:#51256633; box-shadow:0 3px 0 #050109; }
.hyris-neon .entry-register-form .registro__opciones--looks .registro__opcion:has(input:checked) { background:radial-gradient(ellipse at 50% 62%,#8d20ae66,transparent 65%),linear-gradient(160deg,#3d1454,#180926); border-color:#ee9dff; box-shadow:inset 0 0 22px #c146f329,0 0 0 2px #d32cff25,0 0 18px #c535e538; }
.registro__opciones--looks .registro__opcion:has(input:checked):before { border-color:#efa9ff; background:#b733e855; box-shadow:0 0 14px #de55ff88,0 3px 0 #5c167c; }
.registro__opciones--looks .registro__opcion:has(input:checked):after { content:'✓'; position:absolute; right:7px; top:7px; display:grid; place-items:center; width:18px; height:18px; border-radius:50%; color:#fff; background:#aa20d1; border:1px solid #eea0ff; font-size:12px; font-weight:800; }
.entry-look-number { position:absolute; left:8px; top:8px; color:#b396c6; font-size:10px; font-weight:700; }
.entry-look-selected { position:absolute; bottom:7px; left:0; right:0; color:#f7d9ff; font-size:10px; font-weight:800; opacity:0; }
.registro__opciones--looks .registro__opcion:has(input:checked) .entry-look-selected { opacity:1; }
.registro__opciones--looks .registro__opcion:has(input:checked) .keko { animation:entry-selected-avatar 3s ease-in-out infinite; }
@keyframes entry-selected-avatar { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
.hyris-neon:has(.neon-atmosphere[data-paused="true"]) .registro__opciones--looks .keko { animation-play-state:paused; }
:root[data-theme="claro"] .hyris-neon .entry-register-form .registro__opciones--looks .registro__opcion { background:linear-gradient(#faf0ff,#e8d2f6); }
:root[data-theme="claro"] .hyris-neon .entry-register-form .registro__opciones--looks .registro__opcion:has(input:checked) { background:radial-gradient(ellipse at 50% 62%,#ca82e999,transparent 70%),#f4ddff; }
:root[data-theme="claro"] :is(.entry-look-number,.entry-look-selected) { color:#632280; }
@media(min-width:541px) and (max-width:760px) { .hyris-neon .entry-register-form .registro__opciones--looks { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:540px) { .hyris-neon .entry-register-form .registro__opciones--looks .registro__opcion { min-height:164px; } .hyris-neon .entry-register-form .registro__opciones--looks .keko { height:128px; width:75px; } }
@media(prefers-reduced-motion:reduce) { .registro__opciones--looks .registro__opcion:has(input:checked) .keko { animation:none; } }