/*--------------------------------------------
MOVIL TAGS  /////////////////////////////////
-------------------------------------------*/

/*

Menu visible siempre bajo el logo al centro.
Botones en forma de tags

*/

@media only screen and (max-width:620px) {





header.movil-tags {
	background-color:var(--color-white);
	padding-bottom:12px;
	padding-top:12px;
	}



/* NAV
------------------------------*/
header.movil-tags nav.main{
	font-size:0.8rem;
	height:auto;
	width:100%;
	}




/* UL
------------------------------*/
header.movil-tags nav.main ul.level-1 {
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:8px;
	justify-content:center;
	width:100%;
	}


/* LI
------------------------------*/
header.movil-tags nav.main ul.level-1 li{
	margin:0px;
	padding:0px;
	width:auto;
	}



/* Botones
------------------------------*/
header.movil-tags nav.main ul.level-1 li a{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:4px;
	margin:0px;
	padding:0px;
	width:auto;
	}

/* separador
------------------------------*/
header.movil-tags nav.main ul.level-1 .separator{
	display:none;
	}


/* SET: Design;
------------------------------*/
/* Botones
------------------------------*/
header.movil-tags nav.main ul.level-1 li a{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:center;
	background-color:var(--color-main-soft);
	border-radius:15px;
	color:var(--color-white);
	height:28px;
	line-height:28px;
	padding:0px 12px;
	}


/* Iconos
------------------------------*/
header.movil-tags nav.main ul.level-1 li a > .svg-icon{
	fill:var(--color-white);
	height:24px;
	width:24px;
	margin-left:0px;
	}

header.movil-tags nav.main ul.level-1 li a:hover > .svg-icon{
	fill:var(--color-main);
	}




/* HEADER BOX CONTACT 1

depende de www/style.css
------------------------------*/
header li[data-seccion='box-contact']{
	align-items:center;
	border-top:1px solid var(--color-neutro-soft);
	display:none!important;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center!important;
	width:100%!important;
	}


header li div.header-box-contact-1{
	justify-content:center;
	margin-top:12px!important;
	width:auto;
	}

header li div.header-box-contact-1 .svg-icon{
	background-color:var(--color-main-softer);
	height:32px;
	margin-left:-8px;
	width:auto;
	}

header li .header-box-contact-1 p{
	height:40px;
	}


header li .header-box-contact-1 p span:nth-child(1){
	font-size:0.8em;
	}
header li .header-box-contact-1 p span:nth-child(2){
	font-size:1em;
	}




}