:root{--noche:#05060f;--noche-2:#0b1026;--superficie:#ffffff0a;--borde:#d8b45a40;--dorado:#d8b45a;--dorado-claro:#f0d488;--tinta:#f5f2ea;--tinta-suave:#a7abbd;--glow-rosa:#e91e8c24;--glow-azul:#2176f31f;--glow-verde:#76dc3c1a;--fuente-display:"Fraunces", "Georgia", serif;--fuente-texto:"Outfit", "Helvetica Neue", sans-serif;--texto-base:clamp(1rem, .95rem + .3vw, 1.125rem);--texto-hero:clamp(2.4rem, 1.2rem + 5vw, 5rem);--espacio-seccion:clamp(4rem, 3rem + 5vw, 9rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body.pagina-publica{background:var(--noche);color:var(--tinta);font-family:var(--fuente-texto);font-size:var(--texto-base);min-height:100vh;line-height:1.6;overflow-x:hidden}.escenario{flex-direction:column;min-height:100vh;display:flex;position:relative}.escenario:before{content:"";background:radial-gradient(ellipse 60% 45% at 50% 30%, #d8b45a1a, transparent 65%), radial-gradient(ellipse 40% 35% at 15% 85%, var(--glow-rosa), transparent 70%), radial-gradient(ellipse 40% 35% at 85% 80%, var(--glow-azul), transparent 70%), radial-gradient(ellipse 30% 25% at 75% 15%, var(--glow-verde), transparent 70%), linear-gradient(180deg, var(--noche-2), var(--noche) 55%);pointer-events:none;z-index:0;position:fixed;inset:0}.escenario>*{z-index:1;position:relative}.chispas{pointer-events:none;z-index:0;position:fixed;inset:0}.chispas span{background:var(--dorado-claro);opacity:0;border-radius:50%;width:3px;height:3px;animation:6s ease-in-out infinite chispa;position:absolute}.chispas span:first-child{animation-delay:0s;top:22%;left:12%}.chispas span:nth-child(2){animation-delay:1.2s;top:18%;left:82%}.chispas span:nth-child(3){animation-delay:2.4s;top:68%;left:28%}.chispas span:nth-child(4){animation-delay:3.6s;top:74%;left:68%}.chispas span:nth-child(5){animation-delay:4.8s;top:12%;left:48%}.chispas span:nth-child(6){animation-delay:2s;top:52%;left:90%}.chispas span:nth-child(7){animation-delay:3s;top:48%;left:6%}@keyframes chispa{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.4)}}.encabezado{justify-content:space-between;align-items:center;padding:1.4rem clamp(1.2rem,4vw,3.5rem);display:flex}.marca{color:var(--tinta);align-items:center;gap:.7rem;text-decoration:none;display:flex}.marca img{width:42px;height:auto}.marca strong{font-family:var(--fuente-display);letter-spacing:.04em;font-size:1.1rem;font-weight:600}.btn-entrar{border:1px solid var(--borde);color:var(--dorado-claro);letter-spacing:.06em;border-radius:999px;padding:.6rem 1.6rem;font-weight:500;text-decoration:none;transition:background .22s,color .22s,border-color .22s,transform .22s;display:inline-block}.btn-entrar:hover,.btn-entrar:focus-visible{background:var(--dorado);border-color:var(--dorado);color:var(--noche);transform:translateY(-1px)}.hero{text-align:center;padding:clamp(2rem, 6vh, 5rem) 1.5rem var(--espacio-seccion);flex-direction:column;align-items:center;display:flex}.hero-logo{filter:drop-shadow(0 0 45px #d8b45a59)drop-shadow(0 0 90px #e91e8c2e);width:min(420px,78vw);height:auto;animation:1.1s cubic-bezier(.16,1,.3,1) both aparecerLogo}.hero h1{font-family:var(--fuente-display);font-size:var(--texto-hero);letter-spacing:.01em;margin-top:1.8rem;font-weight:600;line-height:1.08;animation:.9s cubic-bezier(.16,1,.3,1) .25s both subir}.hero h1 em{color:var(--dorado-claro);font-style:italic}.hero p{max-width:34rem;color:var(--tinta-suave);margin-top:1.2rem;animation:.9s cubic-bezier(.16,1,.3,1) .4s both subir}.hero-acciones{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.4rem;animation:.9s cubic-bezier(.16,1,.3,1) .55s both subir;display:flex}.btn-oro{background:linear-gradient(135deg, var(--dorado-claro), var(--dorado));color:var(--noche);letter-spacing:.05em;border-radius:999px;padding:.9rem 2.4rem;font-weight:600;text-decoration:none;transition:transform .22s,box-shadow .22s;display:inline-block;box-shadow:0 8px 30px #d8b45a40}.btn-oro:hover,.btn-oro:focus-visible{transform:translateY(-2px);box-shadow:0 12px 40px #d8b45a66}.btn-fantasma{color:var(--tinta);letter-spacing:.05em;border:1px solid #f5f2ea40;border-radius:999px;padding:.9rem 2.4rem;text-decoration:none;transition:border-color .22s,background .22s;display:inline-block}.btn-fantasma:hover,.btn-fantasma:focus-visible{border-color:var(--dorado);background:var(--superficie)}@keyframes aparecerLogo{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes subir{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.paneles{padding:0 clamp(1.2rem, 4vw, 3.5rem) var(--espacio-seccion);grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:1.5rem;width:100%;max-width:1100px;margin:0 auto;display:grid}.panel{background:var(--superficie);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #f5f2ea14;border-radius:18px;padding:2.4rem 2.2rem 2.6rem;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.panel:hover{border-color:var(--borde);transform:translateY(-4px)}.panel:after{content:"";background:radial-gradient(ellipse at center, var(--glow-panel,#d8b45a1f), transparent 70%);pointer-events:none;height:70%;position:absolute;inset:auto -30% -60%}.panel-musica{--glow-panel:#2176f329}.panel-bazar{--glow-panel:#e91e8c24}.panel .etiqueta{letter-spacing:.22em;text-transform:uppercase;color:var(--dorado-claro);margin-bottom:1rem;font-size:.75rem;display:inline-block}.panel h2{font-family:var(--fuente-display);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem);font-weight:600;line-height:1.15}.panel p{color:var(--tinta-suave);margin-top:.9rem}.panel .accion{color:var(--dorado-claro);border-bottom:1px solid #0000;align-items:center;gap:.5rem;margin-top:1.6rem;font-weight:500;text-decoration:none;transition:border-color .2s;display:inline-flex}.panel .accion:hover,.panel .accion:focus-visible{border-color:var(--dorado)}.panel .proximamente{border:1px dashed var(--borde);color:var(--tinta-suave);letter-spacing:.08em;border-radius:999px;margin-top:1.6rem;padding:.4rem 1.1rem;font-size:.85rem;display:inline-block}.pie{color:var(--tinta-suave);letter-spacing:.03em;border-top:1px solid #f5f2ea12;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:auto;padding:2rem clamp(1.2rem,4vw,3.5rem);font-size:.85rem;display:flex}.login-centro{flex:1;justify-content:center;align-items:center;padding:2rem 1.2rem 4rem;display:flex}.tarjeta-login{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#0b10268c;border:1px solid #f5f2ea1a;border-radius:20px;width:min(420px,100%);padding:2.6rem 2.2rem;animation:.7s cubic-bezier(.16,1,.3,1) both subir;box-shadow:0 30px 80px #00000080}.tarjeta-login img{filter:drop-shadow(0 0 25px #d8b45a4d);width:130px;height:auto}.tarjeta-login h1{font-family:var(--fuente-display);margin-top:1rem;font-size:1.7rem;font-weight:600}.tarjeta-login .subtitulo{color:var(--tinta-suave);margin-top:.3rem;font-size:.95rem}.tarjeta-login form{text-align:left;gap:1rem;margin-top:1.8rem;display:grid}.campo label{letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave);margin-bottom:.4rem;font-size:.8rem;display:block}.campo input{width:100%;color:var(--tinta);background:#05060f99;border:1px solid #f5f2ea26;border-radius:12px;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.campo input:focus{border-color:var(--dorado);outline:none;box-shadow:0 0 0 3px #d8b45a26}.tarjeta-login button{background:linear-gradient(135deg, var(--dorado-claro), var(--dorado));color:var(--noche);letter-spacing:.06em;cursor:pointer;border:none;border-radius:12px;margin-top:.6rem;padding:.95rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.tarjeta-login button:hover,.tarjeta-login button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 30px #d8b45a59}.error-login{color:#ff9dbf;text-align:left;background:#e91e631f;border:1px solid #e91e6366;border-radius:10px;margin-top:.2rem;padding:.7rem 1rem;font-size:.9rem}.volver{color:var(--tinta-suave);border-bottom:1px solid #0000;margin-top:1.6rem;font-size:.88rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.volver:hover,.volver:focus-visible{color:var(--dorado-claro);border-color:var(--dorado)}@media (prefers-reduced-motion:reduce){.hero-logo,.hero h1,.hero p,.hero-acciones,.tarjeta-login{animation:none}.chispas span{opacity:.35;animation:none}html{scroll-behavior:auto}}