/*===============================================================
assets/css/navbar.css
Estilos del navbar responisve
=================================================================*/
   /* Paleta: Negro, Blanco, Verde */
:root {
    --black: #000000;
    --white: #FFFFFF;
    --green: #00F260;
    --green-dark: #00C853;
    --gray-bg: #0a0a0a;
    --card-bg: #111111;
    --border-dim: #222222;
}

/* HEADER */
.top-bar {
    background: #050505;
    border-bottom: 1px solid var(--border-dim);
    padding: 12px 0;
    font-size: 13px;
    text-align: center;
    color: #aaa;
}
.top-bar span {
    color: var(--green);
    font-weight: 500;
}
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 5%;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid var(--border-dim);
    background: var(--black);
}
.logo h1 {
    font-size: 28px;
    letter-spacing: -1px;
}
.logo span {
    color: var(--green);
}