/*----------NAVS-----------------*/
.nav-fixed {
	position: fixed;
	top: 0;
	/*padding: 20px var(--margin-main);*/
        padding: 1% var(--margin-main);
	height: /*80px*/8.5vh;
	width: 100%;
	background-color: var(--corporative-pages-bg-color);
	z-index: 3;
        width: 100vw;
}

.nav-inner {
	/*max-width: 1600px;*/
	height: 100%;
}

.nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*max-width: 1600px;*/
    /*height: 100%;*/
    /*padding: 30px 0;*/
}

.nav-to-hide {
	position: fixed;
	z-index: 2;
	width: 100%;
	/*height: 28vh;*/
	padding: 60px var(--margin-main) 20px var(--margin-main);
        width: 100vw;
        color:#ffffff;
        transition: all 0.2s ease;
        /*padding-top: 0;
        margin-top:60px;*/
        padding-top:60px;
        /*background-color: #000000;*/
        padding-top: 13px;
        padding-bottom: 10px;
}

.nav-to-hide-top {
    padding-top: 13px;
    padding-bottom: 10px;
     background-color: #000000;
}

#header-logo-hide {
	float: left;
	height: 25px;
	max-height: 100%;
}

.botonAreaPrivadaMovil{
    font-weight: 600;
    font-family: 'Montserrat';
    color:#FFFFFF;
    padding:6px 16px;
    background-color: #4C4C4C;
    /*border-radius: 8px;*/
    font-size: 14px;
}

.botonAreaPrivadaMovilInterior{
    padding: 12px 24px;
}

#header-logo-fixed {
        float: left;
	height: 25px;
        margin-top:10px;
	max-height: 100%;
	/*float: left;*/
	/*height: 100%;*/
	/*max-height: 190%;*/
	/*transform: translateY(-7px);*/
}

.header-right {
	float: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	max-height: 100%;
	/*min-width: 60%;*/
}

.header-right-icon-carrito {
	display: none;
}

.header-right ul, .header-center ul {
	list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
}

.header-right ul li, .header-center ul li {
	display: flex;
	margin-left: 25px;
	/*margin-right: 15px;*/
	/*text-transform: uppercase;*/
	font-family: "Montserrat", sans-serif;
        font-weight: 600;
	font-size: 14px;
}

.header-right ul li a, .header-center ul li a {
	text-decoration: none;
	color: inherit;
	transition: all 0.2s ease;
        position:relative;
}

.header-right ul li a:hover, .header-center ul li a:hover {
	/*opacity: 0.5;*/
}
  
.nav__btn--lang  a::after, .header-center ul li a::after {
    background-color: currentColor;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .6s cubic-bezier(.85,0,.15,1);
    width: 100%;
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
    .nav__btn--lang a:not(:hover)::after, .header-center ul li a:not(:hover)::after {
        transform-origin: 100% 50%;

    }
  .nav__btn--lang a:hover:after, .header-center ul li a:hover:after {
    transform:scaleX(1);
    transform-origin:0 50%
  }
}
.opcionMenuContacto{
    color: #ffffff !important;
}

.opcionMenuAreaInversores {
  color: #ffffff !important;
  border: 1px solid #ffffff;
  border-radius: 0px;
  padding: 10px;
  transition: all 1s ease !important;
  /*background-color: #000000;*/
}


.opcionMenuAreaInversores:hover {
    animation: hover 1s forwards;
}
.opcionMenuAreaInversores:not(:hover) {
  animation: leave 1s forwards;
}
.opcionMenuAreaInversores:hover,
.opcionMenuAreaInversores:focus{
    border-color: #ffffff;
    color:#000000 !important;
}

.opcionMenuAreaInversores:hover::after{
    border-color: #ffffff;
    color:#000000 !important;
}

.opcionMenuAreaInversores:hover img,
.opcionMenuAreaInversores:focus img{
    transition: all 1s ease !important;
    filter: invert(1);
}

@keyframes hover {
    from {
        box-shadow: inset 0 0 0 0.01px #ffffff;
    }
    to {
        box-shadow: inset 185px 0 0 0.01px #ffffff;
        border-color: #ffffff;
        color:#000000 !important;
        color: #fff;
    }
}

@keyframes leave {
    from {
        box-shadow: inset -185px 0 0 0.01px #ffffff;
        border-color: #ffffff;
        color:#000000 !important;
    }
    to {
        box-shadow: inset 0 0 0 0.01px #ffffff;
    }
}





/*
.opcionMenuAreaInversores:hover,
.opcionMenuAreaInversores:focus{
  box-shadow: inset 160px 0 0 0 #ffffff;
  border-color: #ffffff;
  color:#000000 !important;
}

.opcionMenuAreaInversores:hover::after{
  box-shadow: inset 0 160px 0 0 #ffffff;
  border-color: #ffffff;
  color:#000000 !important;
}

.opcionMenuAreaInversores:hover img,
.opcionMenuAreaInversores:focus img{
  transition: all 1s ease !important;
  filter: invert(1);
}
*/

.hamburger-menu {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 48px;
	margin: 0px 0px 0px 20px;
	transition: all 0.3s ease;
        margin-left:40px;
}

.hamburger-menu-line {
	width: 100%;
	margin: 3.5px 0;
	border-bottom: 2px solid var(--logo-color);
	transition: all 0.3s ease;
}

.hamburger-menu:hover > .line-3 {
	width: 70%;
}
/*---------- END NAVS-----------------*/

/* Maximum aspect ratio */
@media (max-width: 1070px) {

    /*----------NAVS-----------------*/
    /*.nav-fixed {
            height: 10vh;
    }

    .nav-to-hide {
            height: 10vh;
            padding: 20px var(--margin-main);
    }

    .nav-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 1600px;
            height: 100%;
            padding: 30px 0;
    }*/

    .nav-inner a {
            /*height: 100%;*/
    }

    /*#header-logo-hide {
            float: left;
            height: 100%;
            max-height: 100%;
    }

    #header-logo-fixed {
            float: left;
            height: 100%;
            max-height: 100%;
            transform: translateY(0px);
    }*/

    .header-right > ul li:first-child, .header-right > ul li:first-child + li {
            /*display: none;*/
    }

    .header-right {
            float: right;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            /*height: 100%;*/
            /*min-width: 50%;*/
    }

    .header-right-icon-carrito {
            display: inline-block;
            margin-right: 15px;
            /*height: 90%;*/
            /*transform: translateY(-3px);*/
    }

    .carrito-word {
            display: none;
    }

    .my-cart-btn {
            display: flex;
            align-items: center;
    }

    .header-right ul {
            list-style: none;
            display: flex;
    }

    .header-right ul li {
            display: flex;
            /*margin-left: 40px;
            margin-right: 40px;*/
            margin-bottom: 0;
    }

    .header-right ul li a {
            text-decoration: none;
            color: var(--logo-color);
            transition: all 0.2s ease;
    }

    .header-right ul li a:hover {
            /*opacity: 0.5;*/
    }

    .hamburger-menu {
            /*display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: center;
            width: 90px;*/
	margin: 0px 0px 0px 5px;
        margin-left:40px;
            /*transition: all 0.3s ease;
            height: 100%;*/
    }

    /*.hamburger-menu-line {
            width: 100%;
            margin: 8px 0;
            border-bottom: 4px solid var(--logo-color);
            transition: all 0.3s ease;
    }*/

    /*.hamburger-menu:hover > .line-3 {
            width: 70%;
    }*/

    /*---------- END NAVS-----------------*/
    
}

.movil{display:none;}
/* Portrait phones (less than 700px) */
@media (hover: none)
and (pointer: coarse)
and (orientation: portrait), (max-width: 400px) {
       
        .movil{display:block;}
  	/*----------NAVS-----------------*/
	.nav-fixed {
		/*height: 10vh;*/
                padding: 4% var(--margin-main);
	}

        .nav-to-hide {
            /*height: 10vh;*/
            padding: /*20px*/4.5% var(--margin-main);
            /*padding-top: 0;
            margin-top:4.5%;*/
            padding-top: 8.5%;
            padding-bottom: 8.5%;
            padding-top: 4.5%;
            padding-bottom: 4.5%;
        }

        .nav-to-hide-top {
            padding-top: 4.5%;
            padding-bottom: 4.5%;
        }

	.nav-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		/*max-width: 1600px;*/
		/*height: 100%;*/
		/*padding: 30px 0;*/
	}

	.nav-inner a {
		height: 100%;
                max-width: 50%;
	}

	#header-logo-hide {
		float: left;
		height: 100%;
		max-height: 100%;    
                max-width: 100%;
	}

	#header-logo-fixed {
		/*float: left;*/
		/*height: 100%;*/
		/*max-height: 100%;*/
		/*transform: translateY(0px);*/
	}

	.header-right > ul li:first-child, .header-right > ul li:first-child + li
        , .header-right > ul li:first-child + li + li, .header-right > ul li:first-child + li + li + li {
    	display: none;
	}

	.header-right {
		float: right;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 100%;
		/*min-width: 50%;*/
	}

	.header-right-icon-carrito {
		display: inline-block;
		margin-right: 5px;
		height: 70%;
		/*transform: translateY(-3px);*/
	}

	.carrito-word {
		display: none;
	}

	.my-cart-btn {
		display: flex;
		align-items: center;
	}

	.header-right ul {
		list-style: none;
		display: flex;
	}

	.header-right ul li {
		display: flex;
		margin-left: 0px;
		margin-right: 0px;
		font-family: "Montserrat", sans-serif;
		/*font-size: 2.5rem;*/
	}

	.header-right ul li a {
		text-decoration: none;
		color: var(--logo-color);
		transition: all 0.2s ease;
	}

	.header-right ul li a:hover {
		/*opacity: 0.5;*/
	}

	.hamburger-menu {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		width: 40px;
                margin: 0px 0px 0px 10px;
		transition: all 0.3s ease;
		height: 100%;
                margin-left:35px;
	}

	.hamburger-menu-line {
		/*width: 100%;
		margin: 8px 0;
		border-bottom: 4px solid var(--logo-color);
		transition: all 0.3s ease;*/
	}

	.hamburger-menu:hover > .line-3 {
		/*width: 70%;*/
	}

	/*---------- END NAVS-----------------*/

}