*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#050816;color:white;overflow-x:hidden}
.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);background-size:40px 40px;z-index:-5}
.orb{position:fixed;border-radius:50%;filter:blur(120px);z-index:-4}
.orb1{width:400px;height:400px;background:#00f0ff55;top:-100px;left:-100px}.orb2{width:400px;height:400px;background:#8b5cf655;right:-100px;bottom:-100px}
.navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:rgba(5,8,22,.7);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.08);z-index:1000}
.logo-wrap{display:flex;align-items:center;gap:14px;text-decoration:none}
.logo-icon,.footer-logo{width:48px;height:48px}.logo{font-family:'Orbitron',sans-serif;font-weight:700;color:white}.logo span{color:#00F0FF}
nav{display:flex;gap:25px}nav a,.footer-links a,.footer-contact a{color:white;text-decoration:none;transition:.3s}nav a:hover,.footer-links a:hover,.footer-contact a:hover{color:#00F0FF}
.whatsapp-btn{position:fixed;right:20px;bottom:20px;background:#25D366;padding:16px 22px;border-radius:999px;text-decoration:none;color:white;font-weight:700;z-index:999;box-shadow:0 10px 30px rgba(37,211,102,.4);animation:pulse 2s infinite}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:140px 7%;gap:60px}.hero-text{max-width:600px}.badge{display:inline-block;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#00F0FF;margin-bottom:25px}
.hero h1{font-size:5rem;line-height:1;font-family:'Orbitron',sans-serif;margin-bottom:25px}.hero h1 span{background:linear-gradient(90deg,#00F0FF,#8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{line-height:1.8;color:#c9d0e5}
.buttons{display:flex;gap:20px;margin-top:35px;flex-wrap:wrap}.primary-btn,.secondary-btn,.service-btn,button{padding:16px 28px;border-radius:16px;text-decoration:none;transition:.3s;border:none;font-weight:700;cursor:pointer}.primary-btn,.service-btn,button{background:linear-gradient(90deg,#00F0FF,#8B5CF6);color:#050816}.secondary-btn{border:1px solid rgba(255,255,255,.1);color:white}.primary-btn:hover,.secondary-btn:hover,.service-btn:hover{transform:translateY(-5px)}
.hero-visual{position:relative;width:500px;height:500px}.vr-ring{position:absolute;width:460px;height:460px;border-radius:50%;border:2px solid rgba(0,240,255,.15);animation:rotate 12s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.video-box{position:absolute;top:50px;left:90px;width:320px;height:420px;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.12);animation:float 6s ease-in-out infinite;background:#000}.video-box video{width:100%;height:100%;object-fit:cover}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
section{padding:110px 7%}.section-title span{color:#00F0FF;letter-spacing:2px}.section-title h2{font-size:3rem;font-family:'Orbitron',sans-serif;margin:15px 0 50px}
.clients-grid,.services-grid,.reviews-grid,.client-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px}
.client-card,.service-card,.review-card,.portal-card,.contact-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:35px;border-radius:26px;backdrop-filter:blur(16px);transition:.4s}
.client-card{text-align:center;font-family:'Orbitron',sans-serif}.client-card:hover,.service-card:hover,.review-card:hover,.portal-card:hover{border-color:#00F0FF;box-shadow:0 0 25px rgba(0,240,255,.25)}
.client-card:hover { transform:translateY(-10px) scale(1.02); }
.price{display:inline-block;padding:10px 18px;border-radius:999px;background:linear-gradient(90deg,#00F0FF,#8B5CF6);color:#050816;font-weight:700}.service-card h3,.portal-card h3{margin:20px 0}.service-card ul{padding-left:18px;line-height:2;color:#d4d9ea;margin-bottom:30px}.featured{transform:scale(1.03)}.ai{background:linear-gradient(180deg, rgba(139,92,246,.15), rgba(0,240,255,.08))}
.review-card p,.portal-card p,.footer p,.footer span{line-height:1.8;color:#d5dcf0}.contact{display:flex;justify-content:center}.contact-box{width:100%;max-width:850px}.contact-box h2{font-size:2.8rem;margin-bottom:20px}.contact-box p{margin-bottom:30px;color:#c9d0e5}
form{display:flex;flex-direction:column;gap:20px}input,textarea{padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0b1024;color:white}textarea{min-height:150px}
.footer{padding:50px 7%;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.footer-links{display:flex;flex-direction:column;gap:12px}
@media(max-width:900px){nav{display:none}.hero{flex-direction:column;text-align:center;padding-top:150px}.hero h1{font-size:3rem}.hero-visual{width:100%;max-width:380px;height:420px}.video-box{left:20px;width:90%;height:360px}.vr-ring{width:100%;height:100%}.buttons{justify-content:center}.section-title h2,.contact-box h2{font-size:2rem}.contact-box{padding:30px}.whatsapp-btn{right:15px;bottom:15px;padding:14px 18px}.footer{text-align:center}.logo-wrap{margin:auto}}

.login-box{max-width:520px;margin:0 auto 40px;background:rgba(10,10,20,.8);padding:35px;border-radius:24px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);text-align:center}
.login-form{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.login-form input{padding:14px;border-radius:14px;border:none;background:#111827;color:#fff}
.login-form button,.admin-top button{padding:14px;border:none;border-radius:14px;background:linear-gradient(90deg,#5b8cff,#8b5cf6);color:#fff;font-weight:700;cursor:pointer}
.login-demo,#loginMessage{font-size:.9rem;color:#b6c2ff}
.admin-body{font-family:Inter,sans-serif;background:#060816;color:#fff;padding:40px}
.admin-panel{max-width:1200px;margin:auto}
.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}
.admin-card,.admin-table{background:rgba(255,255,255,.05);padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.1)}
.admin-table table{width:100%;border-collapse:collapse;margin-top:20px}
.admin-table th,.admin-table td{padding:14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}
@media(max-width:768px){.admin-body{padding:20px}.admin-top{flex-direction:column;align-items:flex-start}.admin-table{overflow:auto}}

.big-reviews .review-card{padding:40px;min-height:260px;font-size:1.2rem;border-radius:28px;transform:none!important;}
.big-reviews .review-card p{font-size:1.25rem;line-height:1.8;}
.big-reviews .review-card h4{font-size:1.15rem;margin-top:24px;}
.big-reviews .review-card:hover{transform:translateY(-6px)!important}
.video-box video{width:100%;height:100%;object-fit:cover;background:#000;border-radius:24px;}

.login-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:5000;align-items:center;justify-content:center;padding:20px}.login-modal.active{display:flex}.login-modal-content{position:relative;width:100%;max-width:560px}.close-modal{position:absolute;right:18px;top:10px;font-size:2rem;cursor:pointer;color:#fff;z-index:2}

/* --- POTENCIADOR DE LUCES Y NEÓN --- */
.neon-glow {
  box-shadow: 0 0 35px rgba(0, 240, 255, 0.4), inset 0 0 20px rgba(139, 92, 246, 0.3);
  animation: float 6s ease-in-out infinite, neonPulse 4s infinite alternate !important;
}
.neon-border {
  border: 1px solid rgba(0, 240, 255, 0.6) !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.15);
}
.neon-border-purple {
  border: 1px solid rgba(139, 92, 246, 0.6) !important;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.15);
}
.section-title h2 {
  text-shadow: 0 0 15px rgba(0, 240, 255, 0.3);
}
@keyframes neonPulse {
  0% { border-color: rgba(0, 240, 255, 0.5); box-shadow: 0 0 25px rgba(0, 240, 255, 0.3); }
  100% { border-color: rgba(139, 92, 246, 0.9); box-shadow: 0 0 45px rgba(139, 92, 246, 0.6); }
}