:root {
    --color-primary: #ed8207;
    --radius-btn: 6px;
--color-btn-text: #ffffff;
--color-bg-card: #FFFFFF;
--radius-brand: 6px;
    
}
body { background-color: #3b454e; color: #111827; }

/* Clase base para que TODOS los links del nav parezcan botones */
.nav-link {
    padding: 0.5rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all .2s ease;
    border-radius: 6px;
    border: 2px solid transparent;
    line-height: 1;
}
.nav-link-active { background-color: transparent; color: #ed8207 !important; border-color: #ed8207; }
.nav-link-inactive { background-color: transparent; color: #111827 !important; }
.nav-link-inactive:hover { border-color: #ed8207; color: #ed8207 !important; }
.navbar-container { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 5%; background-color: #FFFFFF; }