/* ===== Navbar ===== */
.dc-navbar {
    height: 6rem;
    /* alto fijo */
     z-index: 1040; 
      background: #1f1f1d !important;
}

.dc-navbar .navbar-brand img {
    height: 4rem;
    /* logo 4rem */
    width: auto;
}

/* Móvil: logo más pequeño y menos padding lateral */
@media (max-width: 991.98px) {
  .dc-navbar .navbar-brand img { height: 3rem; } 
}

/* Estructura: 3 columnas flex -> [left menu] [brand] [right menu] */
.dc-navbar .nav-left,
.dc-navbar .nav-right {
    flex: 1 1 0;
}

.dc-navbar .nav-center {
    flex: 0 0 auto;
    /* contenido centrado */
}

/* En pantallas chicas ocultamos los menús lateral-izq/der y usamos offcanvas */
@media (max-width: 991.98px) {

    /* breakpoint lg de Bootstrap */
    .dc-navbar .nav-left,
    .dc-navbar .nav-right {
        display: none !important;
    }

    .dc-navbar .navbar-toggler {
        display: inline-flex !important;
    }
}

/* Cambiar familia, tamaño y altura de línea de los enlaces del navbar */
.dc-navbar .nav-link {
    font-family: "Roboto", sans-serif;
    /* tu familia de fuente */
    font-size: 1rem;
    /* tamaño base */
    line-height: 1.5;
    /* altura de línea */
    font-weight: 500;
    /* grosor opcional */
    text-transform: uppercase;
    /* opcional, si quieres todo mayúsculas */
    padding-top: 0.5rem;
    /* ajusta verticalmente */
    padding-bottom: 0.5rem;
    /* ajusta verticalmente */
}

/* Quitar subrayado en hover/focus de los links del navbar */
.dc-navbar .nav-link:hover,
.dc-navbar .nav-link:focus {
    text-decoration: none;
    /* elimina el subrayado */
    font-weight: 600;
    /* mantiene tu efecto de peso más alto */
}

/* ===== Navbar móvil: logo centrado y hamburguesa a la izquierda ===== */
@media (max-width: 991.98px) {
    .dc-navbar .container-fluid {
        position: relative;
    }

    /* Centrar el logo respecto a la pantalla */
    .dc-navbar .navbar-brand {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 !important;
    }

    /* Hamburguesa pegada a la izquierda */
    .dc-navbar .navbar-toggler {
        position: absolute;
        left: 1rem;
        /* ajusta si quieres más/menos margen */
        right: auto;
        z-index: 3;
        /* por delante del logo si se solapa */
    }
}



/* ===== Offcanvas oscuro ===== */
#offcanvasNav {
    --bs-offcanvas-width: 80%;
    /* opcional: ancho */
    background-color: #111;
    color: #fff;
}

#offcanvasNav .offcanvas-title {
    color: #fff;
}

#offcanvasNav .nav-link {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.3rem;
}

#offcanvasNav .nav-link:hover,
#offcanvasNav .nav-link:focus {
    color: #ddd;
}

#offcanvasNav .dropdown-divider {
    border-color: rgba(255, 255, 255, .2);
}