/* Navbar fija con sombra completa */
.custom-navbar {
    background-color: #6A1B9A;
    border: none; /* Quitamos la línea inferior */
    transition: background-color 0.3s ease;
    z-index: 11;
   
}

/* Contenedor general */
.nav-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Imagen más grande y alineada a la izquierda */
.navbar-logo {
    width: 60px;
    height: auto;
    transition: filter 0.4s ease;
}

/* Enlaces con texto más grande */
.nav-item .nav-link {
    font-size: 1.2rem;
    margin-left: 1.5rem;
    transition: color 0.4s ease;
    color: #ffffff;
}




/* Hover suave para todo el navbar */
.custom-navbar:hover {
    background-color: #b48bbd;
}

.custom-navbar:hover .navbar-logo {
    filter: brightness(0.8);
}

.custom-navbar:hover .nav-link {
    color: #000000;
}

/*para el logo */
.navbar-brand {
    display: inline-block;
    background-color: #000; /* color negro */
    padding: 8px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.navbar-brand:hover {
    background-color: #222;
}

.navbar-logo {
    display: block;
    max-height: 40px; /* ajusta según necesites */
}

.navbar-toggler {
    border-color: #000;       /* Color del borde */
    border-width: 2px;        /* Grosor del borde */
    border-style: solid;      /* Asegura que el borde se vea */
    padding: 8px 10px;
    border-radius: 15px;
  }
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }