header{

            .lexicon-icon-bars,
            .lexicon-icon-times{
                color: inherit !important;
            }
    		.search-bar-keywords-input{
    			flex-grow: 1;
    			border: none;
    			border-bottom: 2px solid #333;
    			border-radius: 0;
    			outline: none;
    			padding: 0.5rem;
    			background-color:#FFFFFF;
    			&:hover, &:focus{
    				border-color: var(--once-navbar-menu-hover-color-barra, #007B22) !important;
    			}
    		}
    	.input-group-inset-item{
    		background-color:#FFFFFF !important;
    		border: unset !important;

    		button{
    		border: unset !important;
     			padding: 8px;
    			border-radius: 85px !important;
    		}
    		button:hover, a:focus{
    			border-radius: 85px !important;
                background-color: var(--once-navbar-menu-hover-color-background-lupa, #007B22) !important;
    			outline: var(--border-width-xs, 2px) solid transparent !important;
    			box-shadow: none;
    			svg{
    				fill:var(--once-navbar-menu-hover-color-lupa, #FFFFFF) !important;
    			}
    		}

                .input-group-inset-item {
                    button:hover, button:focus {
                        border-radius: 85px !important;
                        outline: var(--border-width-xs, 2px) solid transparent !important;
                        box-shadow: none;
                        border-radius: 50px !important;
                        background-color: var(--once-navbar-menu-hover-color-background-lupa, #007B22);
                        outline: var(--border-width-xs, 2px) solid transparent !important;
                        box-shadow: none;
                    }
                }

    	}
    	}

    	    @media (min-width: 991.98px) {


            .menu-bar{

            background-color:#f7f8f9 !important;
            }
            }

#menuNavegation {


    a, .btn-link {
        position: relative;
        z-index: 1;
        font-family: var(--once-navbar-font-family, Avenir LT Std);
        font-weight: var(--once-navbar-font-weight, 700) !important;
        font-size: var(--once-navbar-font-size, 1.125rem);
        line-height: 130%;
        color: var(--once-navbar-font-color, #1E2326);
        text-decoration: unset;
        transition: color ease-in-out 0.3s, background-color ease-in-out 0.3s;
    }

    .btn {
        border: none;
        border-bottom: none;
    }

    .lfr-nav-child-toggle {
        margin-top: 5px;
        margin-left: 2px;
    }

    .dropdown {
        position: unset;
    }

    .dropdown-item {
        padding-left: 26px;
    }

    .text-truncate {
        white-space: unset !important;
        position: relative;
        z-index: 30;
    }

    button .lexicon-icon {
        margin-left: 0.2rem;
        margin-top: -2px;
    }

    li a .lexicon-icon {
        width: 0.8em !important;
        margin-left: 0.3em;
    }

    button:focus, a:focus {
        box-shadow: none !important;
    }

    .dropdown-item.active {
        color: unset;
    }

    a:focus-visible, a:keydown, .btn:focus, .btn-link:focus-visible, .btn-link:focus {
        outline: 0.2rem solid var(--once-navbar-active-color, #007B22) !important;
        outline-offset: 0.1rem;
        box-shadow: none;
    }

    a:hover, a:focus, .btn-link:hover, .btn-link:focus {
        color: var(--once-navbar-hover-font-color, #FFFFFF) !important;
        text-decoration: none;
        outline: var(--border-width-xs, 2px) solid transparent !important;
    }

    .btn-link::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 0%;
        bottom: 0;
        left: 0;
        background-color: var(--once-navbar-hover-item-color, #006939) !important;
        -webkit-transition: height 0.3s ease-in-out;
        -moz-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out;
        z-index: -1;
    }

    .dropdown-item::before {
        content: "";
        position: absolute;
        width: 0%;
        height: 100%;
        bottom: 0;
        left: 0;
        background-color: var(--once-navbar-hover-item-color, #006939) !important;
        -webkit-transition: width 0.3s ease-in-out;
        -moz-transition: width 0.3s ease-in-out;
        -o-transition: width 0.3s ease-in-out;
        transition: width 0.3s ease-in-out;
        z-index: -1;
    }

    .dropdown-item:hover::before,
    .dropdown-item:focus::before {
        width: 100%;
    }

    .btn-link:hover::before,
    .btn-link:focus::before {
        height: 100%;
    }

    .dropdown-item:hover, 
    .dropdown-item.hover, 
    .dropdown-item:focus, 
    .dropdown-item.focus {
        background-color: unset;
        color: var(--once-navbar-hover-font-color, #FFFFFF) !important;
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .child-menu.dropdown-menu {
        transform: none !important;
        transition: none !important;
        position: absolute;
        max-width: 24rem;
        left: auto !important;
        top: 100% !important;
        z-index: 20;
    }

    .child-menu.show {
        display: block;
    }

    .icon-page {
        margin-right: 0.5rem;
    }

    .nav-item-solo {
        display: flex !important;
        width: 100%;
    }

    /* Estilos para desktop (min-width: 991.98px) */
    @media (min-width: 991.98px) {

    .btn-link {
            justify-content: center;
            align-items: center;
            height: 100%;
            display: flex;
        }

        li.dropdown:has(ul.child-menu a.active.selected) > a {
            border-top: 6px solid var(--once-navbar-active-color, #006939) !important;
            border-bottom: 6px solid var(--once-navbar-active-color, #006939) !important;
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
        }

        li.selected.active > a {
            border-top: 6px solid var(--once-navbar-active-color, #006939) !important;
            border-bottom: 6px solid var(--once-navbar-active-color, #006939) !important;
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
        }

        .dropdown-item.active {
            background-color: unset !important;
            outline: 5px solid transparent !important;
            padding-left: 16px !important;
            color: #1E2326 !important;
        }

        li:has(> a.dropdown-item.active) {
            border-left: 10px solid var(--once-navbar-submenu-active-color, #4DA365) !important;
        }

        ul li a.dropdown-item.active:hover, 
        ul li a.dropdown-item.active:focus {
            color: var(--once-navbar-hover-font-color, #ffffff) !important;
        }

        .btn {
            padding-right: 1rem;
            padding-left: 1rem;
            border-radius: 4px 4px 0px 0px;
        }

        button {
            width: -webkit-fill-available;
            height: -webkit-fill-available;
        }

        li {
            padding-bottom: 0 !important;
            padding-top: 0 !important;
            a{
            padding-bottom: 0.7rem !important;
            padding-top: 0.7rem !important;

            }
        }

        .child-menu {
            border-radius: 0 0 10px 10px;
            border-top-style: none;
            border-color: var(--once-navbar-submenu-border-color, #007B22B2);
            border-width: var(--once-navbar-submenu-border-width, 3px);
            
            @media (forced-colors: active) {
                border-width: 0;
            }
        }

        background-color: #f7f8f9;
    }

    /* Estilos para móvil/tablet (max-width: 991.98px) */
    @media (max-width: 991.98px) {
        .btn-link:hover, .btn-link:focus {
            border-bottom: 3px solid transparent;
        }

        .nav-item-solo {
            border-bottom: 3px solid var(--once-navbar-menu-border-color-responsive, #1E2326);
        }

        li.dropdown:has(ul.child-menu a.active.selected) > a {
            color: var(--once-navbar-hover-font-color, #FFFFFF) !important;
            text-decoration: none;
            background-color: var(--once-navbar-hover-item-color, #006939) !important;
            outline: 5px solid transparent !important;
            border-bottom: 3px solid var(--once-navbar-menu-border-color-responsive-active, transparent);
        }

        li.selected.active > a {
            color: var(--once-navbar-hover-font-color, #FFFFFF) !important;
            text-decoration: none;
            background-color: var(--once-navbar-hover-item-color, #006939) !important;
            outline: 5px solid transparent !important;
            border-bottom: 3px solid var(--once-navbar-menu-border-color-responsive-active, transparent);
        }

        .dropdown-item.active {
            outline: 5px solid transparent !important;
            background-color: var(--once-navbar-hover-item-color, #006939) !important;
            color: var(--once-navbar-hover-font-color, #FFFFFF) !important;
        }

        ul {
            border: unset;
        }

        .dropdown-toggle {
            width: 100%;
            border-bottom: 3px solid var(--once-navbar-menu-border-color-responsive, #1E2326);
            overflow: hidden;
        }

        .child-menu {
            border-color: transparent;
            position: static !important;
            top: 100%;
            left: 0;
            width: 100%;
            background-color: white;
        }

        .btn-link {
            font-size: var(--spacer-4, 1.5rem) !important;
            line-height: 130% !important;
        }

        a {
            font-size: 1.25rem !important;
            line-height: 130% !important;
        }

        background-color: #FFFFFF;
    }
}