/* Limpiamos todo el CSS viejo de la plantilla Kelvin/Copilot */
/* Tailwind se encarga del 95% del diseño, aquí solo ponemos utilidades extra */

html {
    scroll-padding-top: 5rem;
}

body {
    background-color: #020617;
    color: #cbd5e1;
}

/* Efecto Glassmorphism Base */
.glass-panel {
    background: rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Animación de flotación suave */
.animate-float {
    animation: float 6s ease-in-out infinite;
}

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

/* Textos con gradiente */
.text-gradient {
    background: linear-gradient(to right, #10b981, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}