/*



*/

/*---------------------------------------------------------------- 
GENRAL  //////////////////////////////////////////////////////////
----------------------------------------------------------------*/
header.estandar {
	align-items:center;
	background-color:var(--color-white); /* set */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	height:120px;
	justify-content:space-between;
	min-height:10vh;
	max-width:100%;
	overflow-x:visible;/* necesary */
	width:100%;
	z-index:200;
	}



/* SET: Altura
------------------------------*/
header.estandar {
	height:140px;
	}
	@media only screen and (max-width:1500px) {
	header.estandar{
	height:120px;
	}}
	@media only screen and (max-width:620px) {
	header.estandar{
	height:80px;
	}}




/*--------------------------------------------
LOGOTIPO ////////////////////////////////////
-------------------------------------------*/
header.estandar a.logotipo{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	height:auto;
	width:auto;
	}



/* SET: img sizes
------------------------------*/
header.estandar a.logotipo img{
	height:100px; /*set*/	
	width:188px; /*set*/	
	}
	/* Break movil */
	@media only screen and (max-width:620px) {
	header.estandar a.logotipo img{
	height:70px;
	width:132px;
	}}





/*--------------------------------------------
NAV /////////////////////////////////////////
-------------------------------------------*/
nav.main{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	flex-grow:99;
	justify-content:flex-end;
	height:auto;
	width:auto;
	}



/* SET: Font properties
------------------------------*/
nav.main {
	font-size:1rem;
	font-weight:400px;
	font-family:inherit;
	}






/*---------------------------------------------------------------- 
MENU UL /////////////////////////////////////////////////////////
----------------------------------------------------------------*/

/* UL LEVL 1
------------------------------*/
nav.main ul.level-1{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	list-style:none;
	margin:0px;	
	padding:0px;
	width:100%;
	}



/* SET: Align Buttons
------------------------------*/
nav.main ul.level-1{
	/*justify-content:space-between;
	justify-content:flex-start;*/
	justify-content:flex-end;
	}



/*--- LEVEL 1  Separator ---*/
nav.main ul.level-1 li.separator{
	background-color:var(--color-neutro-soft);
	height:20px;
	margin:0px 20px;
	width:1px!important;
	}
	@media only screen and (max-width:720px) {
	nav.main ul.level-1 li.separator{
	margin:0px 10px;
	}}
	@media only screen and (max-width:620px) {
	nav.main ul.level-1 li.separator{
	margin:0px 10px;
	}}



/*--- LEVEL 1  Li ---*/
nav.main ul.level-1 > li{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:flex-start;
	list-style:none;
	margin:0px;	
	padding:0px;
	position:relative;
	text-align: center;
	width:auto;
	}




/*--------------------------------------------
EXTRAS //////////////////////////////////////
-------------------------------------------*/

/* LEVEL  1 BOX CONTACT
------------------------------------------*/

nav.main ul.level-1 li.box-contact{
	margin:0px;
	padding:0px;
	font-size:1rem;
	width:auto!important;
	}
	@media only screen and (max-width:720px) {
	nav.main ul.level-1 li.box-contact{
	font-size:1rem;
	}}



nav.main ul.level-1 li.box-contact .box{
	align-items:center;
	cursor:initial;/*or pointer if a*/
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	height:auto;
	gap:6px;
	justify-content:flex-start;
	margin:0px;
	padding:0px;
	text-decoration:none;
	width:auto!important;
	}


nav.main ul.level-1 li.box-contact .box .svg-icon{
	border:1px solid #4dc247;
	border-radius:50%;
	fill:#4dc247;
	height:50px;
	padding:2px;
	width:50px;
	}
	@media only screen and (max-width:720px) {
	nav.main ul.level-1 li.box-contact .box .svg-icon{
	height:40px;
	padding:2px;
	width:40px
	}}



nav.main ul.level-1 li.box-contact .box .svg-icon#whats{
	padding:0px;
	}


nav.main ul.level-1 > li.box-contact div.box:hover .svg-icon{
	fill:#4dc247;
	}


nav.main ul.level-1 li.box-contact .box p{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
	height:60px;
	line-height:15px;
	margin:0px;
	padding:0px 0px;
	position:relative;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	nav.main ul.level-1 li.box-contact .box p{
	height:40px;
	}}



nav.main ul.level-1 li.box-contact .box p span{
	margin-bottom:4px;
	position:relative;
	text-align:left;
	width:100%;
	}
	@media only screen and (max-width:720px) {
	nav.main ul.level-1 li.box-contact .box p span{
	margin-bottom:0px;
	}}




nav.main ul.level-1 li.box-contact .box p span:nth-child(1){
	font-size:0.6em;
	text-transform:uppercase;
	width:100%;
	}

nav.main ul.level-1 li.box-contact .box p span:nth-child(2){
	font-weight:600;
	font-size:1em;
	width:100%;
	}


header.standar nav.main > ul > li.box-contact > *:hover  {
	color:var(--color-white);
	}