.header-bg {
            background-color: #f8f9fa; /* Fondo claro para el header */
            border-bottom: 3px solid #0d6efd; /* Borde inferior azul para destacar */
            padding: 40px 0;
        }
        .navbar-brand-custom {
            font-size: 1.8rem;
            font-weight: bold;
            color: #212529; /* Color oscuro para el título */
            text-decoration: none;
            display: flex;
            align-items: center;
        }
        .navbar-brand-custom:hover {
            color: #0d6efd; /* Color azul al pasar el ratón */
        }
        .nav-link-custom {
            color: #212529 !important; /* Color oscuro para enlaces del menú */
            font-weight: 500;
            margin: 0 10px;
            transition: color 0.3s ease;
        }
        .nav-link-custom:hover {
            color: #0d6efd !important; /* Color azul al pasar el ratón por los enlaces */
        }
        .header-image {
            max-height: 60px; /* Tamaño máximo para la imagen */
            width: auto;
        }
        /* Estilos para el contenedor del menú desplegable */
        .navbar-nav .dropdown-menu {
            border-radius: 0.5rem; /* Bordes redondeados para el menú desplegable */
            border: none;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        }
        .navbar-nav .dropdown-item {
            color: #212529;
            transition: background-color 0.2s ease;
        }
        .navbar-nav .dropdown-item:hover {
            background-color: #e9ecef;
            color: #0d6efd;
        }
        /* Ajustes responsivos para el navbar-toggler */
        @media (max-width: 767px) {
            .navbar-brand-custom {
                font-size: 2.5rem;
            }
            .header-image {
                max-height: 40px;
            }
            .navbar-collapse {
                background-color: #f8f9fa; /* Fondo para el menú colapsado */
                border-top: 1px solid #dee2e6;
                padding: 10px 0;
                margin-top: 10px;
                border-radius: 0.5rem;
            }
        }