/* style.css - Perfección Visual */
:root {
    --bg-deep: #020205;
    --accent: #9333ea;
    --border-glass: rgba(255, 255, 255, 0.1);
}

* { box-sizing: border-box; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
body { background: var(--bg-deep); color: white; font-family: 'Inter', sans-serif; margin: 0; overflow: hidden; }
h1, .neon-btn, .float-node span, .lang-btn { font-family: 'Orbitron', sans-serif; }

.stars { 
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; 
    background: radial-gradient(circle at center, #110820 0%, #020205 100%); 
}

.lang-switcher { position: fixed; top: 30px; right: 30px; display: flex; gap: 10px; z-index: 100; }
.lang-btn { background: rgba(255,255,255,0.05); border: 1px solid var(--border-glass); padding: 8px 15px; border-radius: 10px; cursor: pointer; color: #555; font-size: 10px; font-weight: bold; }
.lang-btn.active { color: white; border-color: var(--accent); background: rgba(147, 51, 234, 0.2); }

.float-node { position: absolute; display: flex; flex-direction: column; align-items: center; gap: 15px; animation: float 6s ease-in-out infinite; z-index: 5; }

/* Iconos de 130px con brillo real */
.float-node svg {
    width: 130px !important;
    height: 130px !important;
    stroke-width: 1px;
    filter: drop-shadow(0 0 10px currentColor);
}

.float-node:hover { transform: scale(1.1) translateY(-10px); opacity: 1; }
.float-node:hover svg { filter: drop-shadow(0 0 40px currentColor); }
.float-node span { font-size: 11px; letter-spacing: 0.4em; opacity: 0.5; text-transform: uppercase; }

/* POSICIONES CENTRADAS */
/* SORA: Ajustado al 48.5% para centralizarlo con el título */
.pos-sora { top: 7%; left: 48.5%; transform: translateX(-50%); color: #a855f7; }
.pos-tiktok { top: 20%; left: 12%; color: #00f2ea; animation-delay: 1s; }
.pos-youtube { top: 20%; right: 12%; color: #ff0000; animation-delay: 2s; }
.pos-facebook { bottom: 20%; left: 12%; color: #1877f2; animation-delay: 3s; }
.pos-insta { bottom: 20%; right: 12%; color: #e4405f; animation-delay: 4s; }

@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-25px); } }

.glass-panel { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(30px); border: 1px solid var(--border-glass); border-radius: 4rem; box-shadow: 0 50px 100px rgba(0,0,0,0.8); }
.neon-btn { background: linear-gradient(90deg, #9333ea, #db2777); border: none; cursor: pointer; color: white; box-shadow: 0 10px 30px rgba(147, 51, 234, 0.4); }
.download-link { display: flex; align-items: center; justify-content: center; padding: 1.2rem; border-radius: 1.5rem; font-weight: 800; font-size: 0.8rem; text-decoration: none; color: white; border: 1px solid var(--border-glass); }