/*.navbar {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding-top: 0; /* Elimina padding superior si existe 
    min-height: 150px; /* Altura mínima igual a la de tu imagen 
    }
img {
  max-width: 100%; /* control de la imagen para que se vea el nav var en celulares 
}
    /* Navbar transparente y sobre el carrusel 
    .navbar {
      border-bottom: none !important;
      background: linear-gradient(to bottom, rgba(61, 61, 185, 0.95), rgba(34, 34, 172, 0.3), rgba(61, 61, 172, 0));/* Azul fuerte a transparente */
      /*backdrop-filter: blur(4px); /* Efecto lluvia/desenfoque si quieres 
      box-shadow: 0 2px 10px rgba(194, 5, 5, 0.1); /* Sombra suave para destacar 
      /*box-shadow: none;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* muy suave 
    }


    /* Opcional: sombra para mejorar la legibilidad del navbar
    .navbar {
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .img-hover:hover {
       transform: scale(1.05);
        transition: transform 0.3s ease;
         cursor: pointer;
    }

        /* Estilo para el fondo azul transparente del menú desplegable 
.dropdown-menu {
    background-color: rgba(0, 0, 255, 0.3); /* Azul con transparencia
}

/* Estilo para cambiar el color de las letras cuando se selecciona una opción 
.dropdown-item:hover {
    background-color: rgba(40, 37, 195, 0.801); /* Fondo azul más intenso al pasar el mouse 
    color: white; /* Cambia el color de la letra
}

/* Estilo para el texto del menú desplegable 
.nav-link, .dropdown-item {
    color: rgb(10, 9, 9); /* Color del texto 
}

.nav-link:hover, .dropdown-item:focus {
    color: rgb(255, 255, 255); /* Cambio de color al pasar el mouse 
}

/* Submenús que detectan el borde 
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: .1rem;
}

/* Versión para abrir a la izquierda
.dropdown-submenu.dropend .dropdown-menu {
    left: auto;
    right: 100%;
}

/* Flecha indicadora 
.dropdown-submenu > a:after {
    content: "  ▸";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.dropdown-submenu.dropend > a:after {
    content: "◂";
    left: 10px;
    right: auto;
}

/* Mostrar submenú
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}*/



        /* Navbar principal con ID navwayne */
        #navwayne.navbar {
            background-color: rgba(255, 255, 255, 0);
            color: white;
            padding: 10px 20px;
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 1000;
            backdrop-filter: blur(5px);
        }

        #navwayne .container {
            max-width: 1200px;
            margin: auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        #navwayne .logo-fijo img {
            height: 40px;
        }

        /* Menú principal */
        #navwayne .nav-menu {
            list-style: none;
            display: flex;
            gap: 20px;
            position: relative;
        }

        #navwayne .nav-menu li {
            position: relative;
        }

        #navwayne .nav-menu a {
            text-decoration: none;
            color: rgb(9, 8, 8);
            padding: 12px 15px;
            display: block;
        }

        #navwayne .nav-menu a:hover {
            background-color: #333;
            border-radius: 4px;
            color: white;
        }

        /* Submenús */
        #navwayne .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #28283d;
            list-style: none;
            padding: 0;
            min-width: 200px;
            z-index: 999;
            display: none;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        }

        #navwayne .dropdown-submenu .dropdown-menu {
            left: 100%;
            top: 0;
        }

        #navwayne .dropdown-menu a {
            color: white;
            padding: 10px 20px;
            display: block;
        }

        #navwayne .dropdown-menu a:hover {
            background-color: #444;
        }

        /* Mostrar submenús al pasar el mouse */
        #navwayne .nav-menu li:hover > .dropdown-menu {
            display: block;
        }

        /* Botón hamburguesa para móvil */
        #navwayne .navbar-toggler {
            display: none;
            background: none;
            border: none;
            color: rgb(9, 8, 8);
            font-size: 24px;
            cursor: pointer;
        }

        /* Botón de retroceso para móviles */
        #navwayne .dropdown-menu .back-button {
            display: none;
            padding: 10px 20px;
            background-color: rgba(0, 0, 0, 0.2);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            cursor: pointer;
            color: white;
        }

        @media (max-width: 768px) {
            #navwayne .nav-menu {
                display: none;
                flex-direction: column;
                background-color: rgba(245, 245, 248, 0.9);
                position: absolute;
                top: 60px;
                right: 0;
                width: 200px;
                border-radius: 4px;
            }

            #navwayne .nav-menu.active {
                display: flex;
            }

            #navwayne .navbar-toggler {
                display: block;
            }

            /* Ajustes para submenús en móviles */
            #navwayne .dropdown-menu {
                position: static;
                display: none;
                background-color: rgba(30, 30, 50, 0.9);
            }

            #navwayne .dropdown-menu.active {
                display: block;
            }

            #navwayne .dropdown-submenu .dropdown-menu {
                position: static;
                margin-left: 20px;
            }

            #navwayne .dropdown-menu .back-button {
                display: block;
            }
        }