:root{
    /* negros */
    --bg-0:#05070b;
    --bg-1:#070a10;
    --bg-2:#0b1020;

    /* azules neon */
    --blue-0:#4aa3ff;
    --blue-1:#2f7dff;
    --blue-2:#00c2ff;
    --blue-3:#0b3cff;

    --brand-0:#112057ff;
    --brand-1:#00c2ff;
    --brand-2:#37afdfff;
    --brand-3:#6fddedff;
    --brand-4:#17386fff;

    --green-0: #1bbd9a;
    --green-1: #0a7f83;
    --green-2: #0a687b;

    --greenhover-0: #25dab0;
    --greenhover-1: #1bb299;
    --greenhover-2: #09a7a7;

    --linear-1:#0e1938;
    --linear-2:#0e1f3d;
    --linear-3:#0b0f1a;

    /* blancos */
    --text:#eaf2ff;
    --muted:rgba(234,242,255,.72);

    /* bordes y glow */
    --border:rgba(122,181,255,.14);
    --border-strong:rgba(122,181,255,.28);
    --shadow: 0 18px 50px rgba(0,0,0,.55);
    --glow: 0 0 0 1px rgba(90,170,255,.10),
            0 0 26px rgba(22,120,255,.20),
            0 0 70px rgba(0,194,255,.10);
    --radius:14px;
    --maxw:1400px;
}

*{box-sizing:border-box}

body {
font-family:system-ui;
margin: 0;
color:var(--text);
background: #000000;
}


a{text-decoration:none;color:inherit}

/* ---------------- FONTS ---------------- */

@font-face{
font-family:'FuturaCyrillic';
src:url('../fonts/FuturaCyrillicExtraBold.ttf') format('truetype');
font-weight:800;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'FuturaCyrillic';
src:url('..fonts/FuturaCyrillicBold.ttf') format('truetype');
font-weight:700;
font-style:normal;
font-display:swap;
}

@font-face {
    font-family: 'FuturaCyrillic';
    /* src: url('../fonts/FuturaCyrillicHeavy.ttf') format('truetype'); */
    src: url('../fonts/FuturaCyrillicHeavy.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display:swap;
}

@font-face{
font-family:'FuturaCyrillic';
src:url('../fonts/FuturaCyrillicDemi.ttf') format('truetype');
font-weight:400;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'FuturaCyrillic';
src:url('../fonts/FuturaCyrillicMedium.ttf') format('truetype');
font-weight:500;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'FuturaCyrillic';
src:url('../fonts/FuturaCyrillicBook.ttf') format('truetype');
font-weight:300;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'FuturaCyrillic';
src:url('../fonts/FuturaCyrillicLight.ttf') format('truetype');
font-weight:200;
font-style:normal;
font-display:swap;
}


/* Efecto de texto con gradiente azul a azul oscuro */
.grad-text{
background: linear-gradient(
135deg,
var(--brand-3),
var(--brand-2),
var(--brand-1),
var(--brand-4)
);

display:inline-block;
-webkit-background-clip: text;
background-clip: text;

color: transparent;
}

@font-face{
font-family:'FuturaCyrillic';
src:url('../fonts/FuturaCyrillicLight.ttf') format('truetype');
font-weight:300;
font-style:normal;
}

/* ---------------- NAVbar ---------------- */
.navbar{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
transition: .50s ease, backdrop-filter .50s ease, box-shadow .25s ease, color .25s ease;
}

.nav-container{
    background: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);
}

.nav-content{
    display: flex;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    padding: 14px 18px;
    justify-content: space-between;
}

.nav-logo{
    height: 60px;
    width: auto;
    display: block;
    opacity: 1;
}

/* Links */
.nav-links{
    display: flex;
    gap: 18px;
    align-items: center;
}
.nav-links a{
    font-family: 'FuturaCyrillic', system-ui, sans-serif;
    text-decoration: none;
    font-weight: 400;
    opacity: .95;
}

/* Estado 1: mientras el HERO se ve (transparente) */
.nav--transparent{
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
}
.nav--transparent .nav-links a{
    color: white;
}

/* Estado 2: cuando sales del HERO (sólido/blur) */
.nav--solid{
    background: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);
}
.nav--solid .nav-links a{
    color: #ffffff;
}