/* 🌐 ESTILO GENERAL DE LA PÁGINA */
body{
margin:0;
font-family:Arial;
color:#00ff99;
display:flex;
min-height:100vh;
background:black;
overflow:hidden;
}

/* 🌌 FONDO ANIMADO TIPO HACKER */
body::before{
content:"";
position:absolute;
width:100%;
height:100%;
background:
radial-gradient(circle at 20% 20%, #00ff5520, transparent 40%),
radial-gradient(circle at 80% 80%, #00ffaa20, transparent 40%);
animation:move 10s infinite alternate;
z-index:-1;
}

/* 🔄 ANIMACIÓN DEL FONDO */
@keyframes move{
from{transform:scale(1);}
to{transform:scale(1.2);}
}

/* 📌 SIDEBAR (MENÚ LATERAL) */
.sidebar{
width:240px;
background:#0b1116;
padding:20px;
border-right:1px solid #00ff8850;
}

/* 🧠 TÍTULO DEL SISTEMA */
.sidebar h2{
color:#00ff99;
text-shadow:0 0 10px #00ff99;
}

/* 🔗 LINKS DEL MENÚ */
.sidebar a{
display:block;
padding:10px;
margin:6px 0;
color:#aaa;
text-decoration:none;
border-radius:8px;
transition:0.3s;
}

/* ✨ EFECTO HOVER EN LINKS */
.sidebar a:hover{
background:#00ff8820;
color:#00ff99;
}

/* 📊 ÁREA PRINCIPAL */
.main{
flex:1;
padding:20px;
}

/* 🧠 HEADER SUPERIOR */
.header{
display:flex;
justify-content:space-between;
align-items:center;
}

/* ✨ EFECTO NEÓN */
.glow{
text-shadow:0 0 10px #00ff99;
}

/* 🔳 GRID DE BOTONES */
.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
margin-top:20px;
}

/* 🔘 BOTONES / CARDS */
.card{
background:#0c141a;
padding:15px;
border-radius:12px;
border:1px solid #00ff8840;
transition:0.3s;
text-decoration:none;
color:#00ff99;
text-align:center;
}

/* ✨ HOVER BOTONES */
.card:hover{
transform:scale(1.05);
border-color:#00ff99;
}

/* 📰 CAJA DE NOTICIAS */
.news{
margin-top:30px;
background:#0b1116;
padding:15px;
border-radius:12px;
border:1px solid #00ff8850;
}

/* 🎥 BLOQUE DE NOTICIAS */
.video{
margin:10px 0;
padding:10px;
background:#111a20;
border-left:3px solid #00ff99;
border-radius:8px;
}

/* 🔽 MENÚ OCULTO */
#linksMenu{
display:none;
padding-left:10px;
}

/* 🔘 BOTÓN */
button{
background:#00ff99;
border:none;
padding:10px;
color:#000;
border-radius:8px;
cursor:pointer;
}