/* ==================== NAVBAR MANUAL CONTROLS ==================== */
/* Control TOTAL de la posición - Mover logo a la Izquierda */

/* Variables por defecto (se pueden sobrescribir desde JS/Admin) */
:root {
    --navbar-padding: 20px;
    --logo-margin-left: 0px;
    --logo-offset-x: 0px;
    --navbar-width: 95%;

    /* Control Individual de Botones (Offset X) */
    --nav-item-1-x: 0px;
    /* Inicio */
    --nav-item-2-x: 0px;
    /* Nosotros */
    --nav-item-3-x: 0px;
    /* Servicios */
    --nav-item-4-x: 0px;
    /* Proyectos */
    --nav-item-5-x: 0px;
    /* Testimonios */
    --nav-item-6-x: 0px;
    /* FAQ */
    --nav-item-7-x: 0px;
    /* Cotizar */
}

/* 1. Hacemos que la barra de navegación ocupe todo el ancho */
.navbar .container {
    max-width: var(--navbar-width) !important;
    padding-left: var(--navbar-padding) !important;
    padding-right: var(--navbar-padding) !important;
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 2. Forzamos al logo a quedarse a la izquierda */
.logo {
    margin-right: auto !important;
    margin-left: var(--logo-margin-left) !important;
    transform: translateX(var(--logo-offset-x)) !important;
}

/* 3. Aseguramos que los enlaces se queden a la derecha */
.nav-links {
    margin-left: auto !important;
}

/* 4. Control Individual de Botones */
.nav-links a:nth-child(1) {
    transform: translateX(var(--nav-item-1-x));
    display: inline-block;
}

.nav-links a:nth-child(2) {
    transform: translateX(var(--nav-item-2-x));
    display: inline-block;
}

.nav-links a:nth-child(3) {
    transform: translateX(var(--nav-item-3-x));
    display: inline-block;
}

.nav-links a:nth-child(4) {
    transform: translateX(var(--nav-item-4-x));
    display: inline-block;
}

.nav-links a:nth-child(5) {
    transform: translateX(var(--nav-item-5-x));
    display: inline-block;
}

.nav-links a:nth-child(6) {
    transform: translateX(var(--nav-item-6-x));
    display: inline-block;
}

.nav-links a:nth-child(7) {
    transform: translateX(var(--nav-item-7-x));
    display: inline-block;
}