.hero-arte.escena-activa { position: fixed; inset: 0; width: 100%; height: 100svh; mask-image: none; -webkit-mask-image: none; z-index: 0; }
html:not([data-seccion="inicio"]) .hero-piso { position: fixed; inset: 0; height: 100svh; background: rgba(5,6,10,.52); }
html[data-seccion="login"] .hero-arte { opacity: 1; }
.cuenta-pagina { position: relative; z-index: 1; }
html[data-seccion="login"] .cuenta-panel { padding: 24px; background: #0e0f11d9; border: 1px solid #ffffff16; border-radius: 8px; }
.cursor-brasa { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 140; pointer-events: none; }
.hero-titulo { position: relative; }
.titulo-particulas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.hero-titulo.titulo-vivo > span, .hero-titulo.titulo-vivo > em { color: transparent; text-shadow: none; }
html[data-discord="true"] .hero-arte { position: fixed; inset: 0; height: 100svh; opacity: 1; z-index: -1; }
html[data-discord="true"] body { background: transparent; isolation: isolate; }
html[data-discord="true"] .hero-arte::after { content: ''; position: absolute; inset: 0; background: #09090d66; }
html[data-discord="true"] .sonido { position: fixed; right: 18px; bottom: 18px; border: 1px solid #f14b6744; border-radius: 24px; background: #101014dd; color: #eee; padding: 10px 14px; cursor: pointer; }

.entrada-audio { width: min(370px, calc(100vw - 40px)); padding: 42px 28px 28px; border: 1px solid #ffffff18; border-radius: 12px; background: #0c0c10f5; color: #f6f5f7; text-align: center; font-family: Manrope, system-ui, sans-serif; }
.entrada-audio::backdrop { background: #050509ed; }
.entrada-audio img { width: 84px; height: auto; margin-bottom: 18px; }
.entrada-audio p { margin: 0 0 28px; color: #c6c3c9; font-size: 14px; }
.entrada-audio button { display: block; width: 100%; border: 0; padding: 14px; border-radius: 5px; cursor: pointer; font: 600 13px Manrope,system-ui,sans-serif; }
.entrada-audio .audio-con { background: #f14b67; color: #fff; }
.entrada-audio .audio-sin { margin-top: 8px; background: transparent; color: #b8b4bd; }

.hero-fantasma { max-width: 670px; font-size: clamp(14px, 1.5vw, 22px); line-height: 1.35; letter-spacing: .06em; }
.hero-titulo .titulo-particulas { filter: drop-shadow(0 0 2px #ffffff18); }

.hero-fantasma { color: #a5a0a6; }