/* css/styles.css */
body {
    background-color: #0a0a1a;
    color: #e3e0f8;
    overflow-x: hidden;
}

/* Efectos de fondo Cyberpunk/Neon */
.glow-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    background: radial-gradient(circle at 50% -20%, rgba(79, 70, 229, 0.15) 0%, transparent 60%);
}

.glow-mesh {
    background-image: 
        radial-gradient(at 0% 0%, rgba(79, 70, 229, 0.15) 0px, transparent 50%),
        radial-gradient(at 100% 0%, rgba(195, 192, 255, 0.05) 0px, transparent 50%);
}

/* Sombras y transiciones de tarjetas */
.card-glow {
    box-shadow: 0 10px 40px -10px rgba(79, 70, 229, 0.15);
}

.card-hover:hover {
    transform: translateY(-4px);
    border-color: #4f46e5;
    box-shadow: 0 10px 40px -10px rgba(79, 70, 229, 0.2);
}

/* Iconos de Google */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Ocultar barra de scroll para el contenedor del carrusel */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}