html{
    scroll-behavior: smooth;
}
:root {
    --azul-oscuro: #0f172a;
    --azul-medio: #1e293b;
    --azul-acento: #3b82f6;
    --fondo: #f1f5f9; 
}
body {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    height: 100%;
    margin: 0;
    padding: 0;
    background:
        radial-gradient(circle at 15% 20%, rgba(37,99,235,.25), transparent 40%),
        radial-gradient(circle at 85% 10%, rgba(56,189,248,.18), transparent 40%),
        linear-gradient(180deg, #020617 0%, #020617 40%, #030712 100%);

    color:#e5e7eb;
    font-family: system-ui, sans-serif;
}
body::-webkit-scrollbar{
    width: 0;
}
.no-scroll{
    overflow:hidden;
}