:root{
	--color-light: #00aaff;
	--color: #0e75dd;
	--color-dark: #1a50bc;
	--color-very-light: #deeff9;
	--black: #000000;
	--black-alt: #000016;
	--white: #ffffff;
	--gray-light: #efefef;
	--gray-alt: #dddddd;
	--gray: #757575;
	--gray-dark: #333333;
	--color-alt: #008822;
	--max-width: 115rem;
	--font-size: 100%;
}

@font-face{
	font-family: 'OpenSans';
	src:	url('https://www.arsys.es/get/font/os.woff2') format('woff2'),
			url('https://www.arsys.es/get/font/os.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-variant: normal;
	font-display: block;
}

@font-face{
	font-family: 'FSBlake';
	font-style: normal;
	font-weight: 300;
	src:	url('https://www.arsys.es/get/font/FSBlakeWeb-Light.woff2') format('woff2'),
			url('https://www.arsys.es/get/font/FSBlakeWeb-Light.ttf') format('truetype');
	font-display: block;
}
@font-face{
	font-family: 'FSBlake';
	font-style: normal;
	font-weight: 400;
	src:	url('https://www.arsys.es/get/font/FSBlakeWeb-Regular.woff2') format('woff2'),
			url('https://www.arsys.es/get/font/FSBlakeWeb-Regular.ttf') format('truetype');
	font-display: block;
}
@font-face{
	font-family: 'FSBlake';
	font-style: normal;
	font-weight: 700;
	src:	url('https://www.arsys.es/get/font/FSBlakeWeb-Bold.woff2') format('woff2'),
			url('https://www.arsys.es/get/font/FSBlakeWeb-Bold.ttf') format('truetype');
	font-display: block;
}
@font-face{
	font-family: 'FSBlake';
	font-style: normal;
	font-weight: 900;
	src:	url('https://www.arsys.es/get/font/FSBlakeWeb-Heavy.woff2') format('woff2'),
			url('https://www.arsys.es/get/font/FSBlakeWeb-Heavy.ttf') format('truetype');
	font-display: block;
}

nav.menu{
	font-family: 'OpenSans', sans-serif;
	color: var(--white);
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 3.5rem;
	vertical-align: top;
	z-index: 999;
	font-weight: 400;
	background-color: var(--black);
	user-select: none;
	overflow: visible;
	position: fixed;
	box-shadow: 0 0 .625rem 0 rgba(0,0,0,.8);
	top: 0;
}
nav.menu:before{
	content:'';
	width: 100%;
	height: 3.5rem;
	position: absolute;
	backdrop-filter: blur(.5rem);
}
nav.menu > .content{
	height: 3.5rem;
	overflow: visible;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1rem auto max-content;
	grid-template-rows: auto;
	gap: 1.25rem;
	padding: 1.25rem 1.25rem 0 1.25rem;
	position: relative;
	max-width: var(--max-width);
}
nav.menu.shop > .content{
	grid-template-columns: auto auto;
	justify-content: space-between;
}
@media screen and (min-width: 24rem){
	nav.menu.shop > .content > ul.others > li > a > span{
		font-family: 'OpenSans', sans-serif;
		color: var(--white);
		margin: 0;
		height: 1rem;
		line-height: 1rem;
		font-size: 1rem;
		position: relative;
		text-decoration: none;
		font-weight: 400;
		fill: var(--white);
		cursor: pointer;
		display: inline-block;
		vertical-align: top;
	}
}
@media screen and (min-width: 32rem){
	nav.menu.soporte > .content > ul.others > li > a > span{
		font-family: 'OpenSans', sans-serif;
		color: var(--white);
		margin: 0;
		height: 1rem;
		line-height: 1rem;
		font-size: 1rem;
		position: relative;
		text-decoration: none;
		font-weight: 400;
		fill: var(--white);
		cursor: pointer;
		display: inline-block;
		vertical-align: top;
	}
}

nav.menu svg{
	width: 1rem;
	height: auto;
	shape-rendering: geometricPrecision;
	vertical-align: top;
}

nav.menu > .content > i{
	fill: var(--white);
	padding: 0;
	width: 1rem;
	height: 1rem;
	margin: 0 0 0 0;
}

nav.menu > .content > .logo{
	display: inline-block;
	margin: 0 0 0 0;
	width: 4.66rem;
	height: 1.3rem;
	position: relative;
	cursor: pointer;
	box-shadow: none;
}

nav.menu > .content > .logo > svg{
	width: auto;
	height: 100%;
	fill: var(--white)
}

nav.menu > .content > .logo:hover > svg{
	fill: var(--color-light)
}

nav.menu > .content > ul.menu,
nav.menu > .content > ul.menu > li > .section > .content > a.promo,
nav.menu > .content > ul.others > .search{
	display: none;
}

nav.menu > .content > ul.others{
	list-style: none;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	margin: 0;
	color: var(--white);
	vertical-align: top;
	gap: 1rem;
}

nav.menu > .content > ul.others > li{
	display: inline-block;
	margin: 0;
	font-size: 1rem;
	line-height: 1rem;
	height: 1rem;
	font-weight: 400;
}

nav.menu > .content > ul.others > li > a,
nav.menu > .content > ul.others > li > span{
	display: inline-flex;
	flex-direction: row;
	text-decoration: none;
	line-height: 1rem;
	align-content: start;
	gap: .4rem;
	font-size: 1rem;
	position: relative;
}

nav.menu > .content > ul.others > li > a,
nav.menu > .content > ul.others > li > a > span,
nav.menu > .content > ul.others > li > span > span{
	line-height: inherit;
	color: inherit;
	fill: var(--white);
}

nav.menu > .content > ul.others > li > a > span,
nav.menu > .content > ul.others > li > span > span{
	margin: 0;
	display: none;
}

nav.menu > .content > ul.others > li > a.call > div{
	display: inline-flex;
	font-size: 1rem;
	line-height: 1rem;
	color: var(--black);
	background-color: var(--white);
	padding: .25rem;
	border-radius: .25rem;
	margin: -.25rem 0;
	height: 1.5rem;
	gap: .25rem;
}

nav.menu > .content > ul.others > li > a.call > div > svg{
	width: 1rem;
}

nav.menu > .content > ul.others > li:first-child{
	margin: 0;
}

nav.menu > .content > ul.others > li > a > span{
	color: var(--white);
}

nav.menu > .content > ul.others > li:hover > a > span{
	color: var(--white);
}

nav.menu > .content > ul.others > li > a > svg,
nav.menu > .content > ul.others > li > span > svg{
	fill: inherit;
	width: 1rem;
	height: auto;
}

nav.menu > .content > ul > li.cart,
nav.menu > .content > ul > li.search > a,
nav.menu > .content > ul.others > li .section,
nav.menu > .content > ul > li.hidden{
	display: none;
}
nav.menu > .content > ul > li.cart.show{
	display: inline-block;
}
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main{
	display: block;
	margin: 0 1.5rem 1rem 1.5rem;
	list-style: none;
	width: calc(100% - 3rem);
	flex-direction: column;
}

nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a{
	margin: 0;
	font-size: 1rem;
	padding: 0;
	display: block;
	border-radius: .625rem;
	padding: 1.25rem;
	text-decoration: none;
	background-color: var(--white);
}
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li:not(:last-child),
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li:not(:last-child){
	margin-bottom: 1.25rem
}
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li i,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li i{
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	padding: .5rem;
	margin: -.5rem .5rem -.5rem -.5rem;
	fill: var(--color);
	background-color: var(--gray-light);
	border-radius: .3125rem;
	position: relative;
}
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li i svg,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li i svg{
	fill: inherit!important;
	width: 100%;
	height: 100%;
}
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li span,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li span{
	font-size: 1rem;
	display: inline-block;
	margin: 0;
	line-height: 1.5rem;
	color: var(--black-alt);
	font-weight: 500;
}
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:hover > i,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a:hover > i,
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:focus-visible > i,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a:focus-visible > i{
	fill: var(--black-alt)!important;
	background-color: var(--white)!important;
}
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a > span > i[svgdone]{
	line-height: 0;
	font-size: 0;
	margin: 0 0 0 .25rem;
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	fill: var(--c);
}

nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:hover > span > i[svgdone]{
	fill: var(--w);
}

nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a > span > i[svgdone] > svg{
	width: 1.25rem;
	height: 1.25rem;
}

nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li p,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li p{
	display: block;
	font-size: 1rem;
	line-height: 1.25rem;
	color: var(--gray-dark);
	margin: .5rem 0 0
}

nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:hover,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a:hover,
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:focus-visible,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a:focus-visible{
	background-color: var(--color)
}

nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:hover span,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a:hover span,
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:focus-visible span,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a:focus-visible span{
	color: var(--white);
}
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:hover p,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a:hover p,
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:hover span,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a:hover span,
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:focus-visible p,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a:focus-visible p,
nav.menu > .content > ul.menu > li.on > .section > .content > ul.main > li > a:focus-visible span,
nav.menu > .content > ul.others > li.on > .section > .content > ul.main > li > a:focus-visible span{
	color: var(--white);
}
nav.menu > .content > ul.others > li > a > div.navphone{
	display: inline-block;
	font-size: 1rem;
	line-height: 1rem;
	color: var(--black);
	background-color: var(--white);
	padding: 0.1875rem 0.375rem;
	border-radius: 0.1875rem;
	font-weight: 600;
	margin-top: -0.2rem;
	fill: var(--black);
}
nav.menu > .content > ul.others > li > a:hover > div.navphone,
nav.menu > .content > ul.others > li > a:focus-visible > div.navphone{
	background-color: var(--color-light);
}
nav.menu > .content > ul.others > li > a:focus-visible > div.navphone > svg{
	fill: var(--black)!important;
}
@media screen and (max-width: 67.5rem){
	nav.menu.show{
		box-shadow: 0 0 .625rem 0 rgba(0,0,0,.8);
		overflow: visible;
	}
	nav.menu.show > .content{
		max-height: calc(100vh - 156px);
		overflow-y: auto;
	}
	nav.menu > .content > .menu > li > span > svg,
	nav.menu > .content > .menu > li > a > svg,
	nav.menu.show > .content > ul.menu > li > span > svg,
	nav.menu.show > .content > ul.menu > li > a > svg{
		display: none;
	}
	nav.menu.show > .content > ul.others > li.search{
		display: block;
		background-color: var(--gray-light);
		width: 100%;
		top: 3.5rem;
		left: 0;
		height: 6.5rem;
		position: fixed;
		overflow: visible;
		margin: 0;
		border-bottom: .016rem solid var(--gray);
	}
	nav.menu.show > .content > ul.others > li.search > span{
		display: none;
	}
	nav.menu.show > .content > ul.others > li.search > .section{
		display: block;
	}
	nav.menu.show > .content > ul.others > li.search > .section > .content{
		display: none;
	}
	nav.menu.show > .content > ul.others > li.search > .section > .content:first-child{
		display: block;
	}
	nav.menu.show > .content > ul.others > li.search > .section > .content > form{
		display: block;
		position: relative;
		margin: 0 auto;
		width: 100%;
		padding: 1.25rem;
		
	}
	nav.menu.show > .content > ul.others > li.search > .section > .content > form > input{
		width: 100%;
		display: inline-block;
		height: 4rem;
		background-color: var(--white);
		border-radius: .3125rem;
		padding: 1.25rem 5rem 1.25rem 1.25rem;
		color: var(--black);
		font-size: 1rem;
		font-weight: 560;
	}
	nav.menu.show > .content > ul.others > li.search > .section > .content > form > button{
		background-color: var(--color);
		color: var(--white);
		fill: var(--white);
		border-radius: .15625rem;
		font-size: 1rem;
		line-height: 1.5rem;
		font-weight: 600;
		letter-spacing: .05rem;
		padding: .75rem 1.25rem;
		cursor: pointer;
		text-decoration: none;
		display: inline-block;
		text-shadow: 0 0 .025em var(--black);
		position: relative;
		display: inline-block;
		position: absolute;
		font-size: 1rem;
		z-index: 3;
		right: 1.75rem;
		top: 1.75rem;
	}
	nav.menu.show > .content > ul.others > li.search > .section > .content > form > button:hover{
		background-color: var(--color-dark);
	}
	nav.menu.show > .content > ul.others > li.search > .section > .content > form > button > svg{
		width: auto;
		height: 1.5rem;
	}
	nav.menu.show > .content > ul.menu{
		display: block;
		position: fixed;
		top: 10rem;
		width: 100%;
		background-color: var(--gray-light);
		max-height: calc(100dvh - 9.5rem);
		overflow: auto;
		font-size: 1rem;
	}
	nav.menu.show > .content > ul.menu > li{
		position: relative;
		display: block;
		margin: 0;
		height: auto;
		border-bottom: 0.016rem solid var(--gray);
		padding: 0;
	}
	nav.menu.show > .content > ul.menu > li > a,
	nav.menu.show > .content > ul.menu > li > span{
		line-height: 1rem;
		display: block;
		text-decoration: none;
		color: var(--gray-dark);
		cursor: pointer;
		font-weight: 560;
		padding: 1rem 1.5rem;
	}
	nav.menu.show > .content > ul.menu > li::after{
		content: "";
		display: inline-block;
		width: 1rem;
		height: 1rem;
		position: absolute;
		top: 1rem;
		right: 1.5rem;
		background-repeat: no-repeat;
		background-image: url(/get/svg/arrow-line.svg);
		pointer-events: none;
	}
	nav.menu.show > .content > ul.menu > li > .section > .content > ul.main,
	nav.menu.show > .content > ul.menu > li > .section > .content > ul.main > li > a > p,
	nav.menu.show > .content > ul.menu > li > .section > .content > ul.more{
		display: none;
	}

	nav.menu.show > .content > ul.menu > li.on > .section > .content > ul.options{
		display: block;
		height: 40px;
		border-radius: 4px;
		margin: 10px 0;
		overflow: hidden;
		position: relative;
	}
	nav.menu.show > .content > ul.menu > li.on > .section > .content > ul.options.focus{
		height: auto;
	}
	nav.menu.show > .content > ul.menu > li.on > .section > .content > ul.options > li{
		padding: .5rem .75rem;
		line-height: 1.5rem;
		display: block;
		text-decoration: none;
		letter-spacing: .16px;
		cursor: pointer;
		font-weight: 500;
		font-weight: 560;
		position: relative;
		background-color: var(--gray-dark);
		color: var(--white);
		top: 40px;
	}
	nav.menu.show > .content > ul.menu > li.on > .section > .content > ul.options > li:hover{
		color: var(--white);
		background-color: var(--color);
	}
	nav.menu.show > .content > ul.menu > li.on > .section > .content > ul.options > li.selected{
		color: var(--white);
		background-color: var(--color);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		border-radius: 4px 4px 0 0;
	}
	nav.menu.show > .content > ul.menu > li.on > .section > .content > ul.options > li.selected::after{
		content: "";
		display: inline-block;
		width: .75rem;
		height: .75rem;
		position: absolute;
		top: 15px;
		right: 1rem;
		background-repeat: no-repeat;
		background-image: url(/get/svg/continuar.svg);
		transform: rotate(90deg);
		pointer-events: none;
		filter: invert(1);
	}
	nav.menu.show > .content > ul.menu > li.on > .section > .content > ul.options.focus > li.selected::after{
		transform: rotate(270deg);
	}
	nav.menu.show > .content > ul.menu > li.on > .section > .content > ul.main:not(.hide){
		display: block;
	}

	nav.menu.show > .content > ul.menu > li.on > a,
	nav.menu.show > .content > ul.menu > li.on > span{
		color: var(--color);
	}
	nav.menu.show > .content > ul.menu > li:hover::after{
		filter: invert(53%) sepia(30%) saturate(6190%) hue-rotate(172deg) brightness(80%) contrast(103%);
	}
	nav.menu.show > .content > ul.menu > li.on::after{
		filter: invert(53%) sepia(30%) saturate(6190%) hue-rotate(172deg) brightness(80%) contrast(103%);
		transform: rotate(180deg);
	}
}

@media screen and (min-width: 67.5rem){
	nav.menu > .content{
		grid-template-columns: 4.66rem auto max-content;
	}
	nav.menu > .content > i{
		display: none;
	}

	nav.menu > .content > ul.menu > li.on > .section a,
	nav.menu > .content > ul.others > li.on > .section a,
	nav.menu > .content > ul.others > li > a,
	nav.menu > .content > ul.others > li > span{
		cursor: pointer
	}

	nav.menu > .content > ul{
		display: inline-block;
		width: auto;
		height: 3.5rem;
		margin: 0;
		list-style: none;
		display: inline-flex;
		justify-content: space-between;
		vertical-align: top
	}

	nav.menu > .content > ul.others{
		position: relative;
	}
	nav.menu > .content > ul > li.search > a{
		display: inline-flex;
	}

	nav.menu > .content > ul.menu > li{
		display: inline-block;
		width: auto;
		height: auto;
		min-height: 1rem;
		margin: 0;
	}

	nav.menu > .content > ul.menu > li > a,
	nav.menu > .content > ul.menu > li > span,
	nav.menu > .content > ul.others > li > a > span,
	nav.menu > .content > ul.others > li > span > span{
		font-family: 'OpenSans', sans-serif;
		color: var(--white);
		fill: var(--white);
		margin: 0;
		height: 1rem;
		line-height: 1rem;
		font-size: 1rem;
		cursor: pointer;
		position: relative;
		text-decoration: none;
		font-weight: 400;
	}

	nav.menu > .content > ul > li > span{
		fill: var(--white);
		cursor: pointer;
		display: inline-block;
		line-height: 3.5rem;
	}

	nav.menu > .content > ul.menu > li > a:hover,
	nav.menu > .content > ul.menu > li > span:hover,
	nav.menu > .content > ul.menu > li > a:focus-visible,
	nav.menu > .content > ul.menu > li > span:focus-visible{
		color: var(--color-light)!important;
		fill: var(--color-light)!important;
		text-decoration: none;
		font-weight: 500;
		letter-spacing: -.007rem;
	}
	nav.menu > .content > ul.others > li > a:hover > svg,
	nav.menu > .content > ul.others > li > span:hover > svg,
	nav.menu > .content > ul.others > li > a:focus-visible > svg,
	nav.menu > .content > ul.others > li > span:focus-visible > svg{
		fill: var(--color-light)!important;
	}

	nav.menu > .content > ul > li.on > a,
	nav.menu > .content > ul > li.on > span{
		color: var(--color-light);
		fill: var(--color-light);
		font-weight: 500;
		letter-spacing: -.007rem;
	}
	nav.menu > .content > ul > li.on > a > span{
		color: var(--color-light)!important;
	}

	nav.menu > .content > ul > li > a > svg,
	nav.menu > .content > ul > li > span > svg{
		fill: inherit;
	}

	nav.menu > .content > ul > li.on > a::after,
	nav.menu > .content > ul > li.on > span::after{
		content: "";
		display: inline-block;
		position: absolute;
		border: .5rem solid transparent;
		border-bottom: .5rem solid var(--gray-light);
		top: 2.5rem;
		left: 50%;
		transform: translate(-50%, -100%);
		z-index: 9;
	}
	nav.menu > .content > ul.others > li.on > a::after,
	nav.menu > .content > ul.others > li.on > span::after{
		top: 2.3rem;
	}
	nav.menu > .content > .cart.show{
		float: right;
		line-height: 3.5rem;
		margin: 0 0 0 1.25rem;
		overflow: visible;
		fill: var(--white);
		position: relative;
		cursor: pointer;
	}

	nav.menu > .content > .cart.show > svg{
		padding: 0;
		margin: 0;
		margin: 18px 0;
	}

	nav.menu > .content > .cart.show > span{
		display: inline-block;
		font-size: .5rem;
		line-height: .75rem;
		position: absolute;
		top: 18.5px;
		right: 1px;
		min-width: .75rem;
		height: .75rem;
		text-align: center;
		color: var(--gray-dark);
		font-family: 'OpenSans', sans-serif;
		font-weight: 800;
	}

	nav.menu > .content > .cart.show:hover{
		fill: var(--color);
	}

	nav.menu > .content > ul.others > li.search{
		display: inline-block;
		line-height: 1rem;
		overflow: visible;
	}

	nav.menu > .content > ul.others > li.search > span{
		position: relative;
	}

	nav.menu > .content > ul.others > li.search.on > span > svg{
		fill: inherit;
	}
	nav.menu > .content > ul.menu > li.on > .section > .content > ul.main,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.main{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	nav.menu > .content > ul.others > li.search.on > .section > .content:first-child{
		overflow: visible;
	}
	nav.menu > .content > ul.others > li.search.on > .section > .content > form{
		width: 100%;
		display: block;
		position: relative;
		height: 4rem;
		overflow: visible;
	}
	nav.menu > .content > ul.others > li.search.on > .section > .content > form > input{
		display: block;
		width: 100%;
		height: 4rem;
		background-color: var(--white);
		color: var(--black);
		font-size: 1.375rem;
		line-height: 2rem;
		padding: 1rem 7rem 1rem 1rem;
		border: none;
		border-radius: .3125rem;
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
	}
	nav.menu > .content > ul.others > li.search.on > .section > .content > form > button{
		background-color: var(--color);
		color: var(--white);
		border-radius: .15625rem;
		font-size: 1rem;
		line-height: 1.5rem;
		font-weight: 600;
		letter-spacing: .05rem;
		padding: .75rem 1.25rem;
		cursor: pointer;
		text-decoration: none;
		display: inline-block;
		text-shadow: 0 0 .025em var(--black);
		position: relative;
		display: inline-block;
		position: absolute;
		font-size: 1rem;
		z-index: 3;
		right: .5rem;
		top: .5rem;
	}
	nav.menu > .content > ul.others > li.search.on > .section > .content > form > button:hover{
		background-color: var(--color-dark);
	}
	[lang="es"] nav.menu > .content > ul.others > li.search.on > .section > .content > form > button::before{
		content: 'Buscar';
	}

	[lang="en"] nav.menu > .content > ul.others > li.search.on > .section > .content > form > button::before{
		content: 'Search';
	}

	nav.menu > .content > ul.others > li.search.on > .section > .content > form > button::before{
		display: inline;
	}

	nav.menu > .content > ul.others > li.search.on > .section > .content > form > button > svg{
		display: none;
	}

	nav.menu > .content > ul.others > li.search.on > .section > .content > ul.more > li{
		line-height: 1rem;
		height: 1rem;
	}

	nav.menu > .content > ul.others > li.search > form > .autocomplete{
		left: 0;
		width: calc(100% + .5rem);
	}

	nav.menu > .content > ul.menu > li .section,
	nav.menu > .content > ul.menu > li .section > .content > ul.more,
	nav.menu > .content > ul.menu > li.on > .section a p,
	nav.menu > .content > ul.others > li.on > .section a p,
	nav.menu > .content > ul > li.menu{
		display: none
	}

	nav.menu > .content > ul.menu.show{
		background-color: var(--white);
		overflow-y: auto;
		max-height: calc(100vh - 3.5rem);
		border-top: 1px solid var(--gray)
	}

	nav.menu > .content > ul.menu.show > li{
		border-bottom: 1px solid var(--gray)
	}

	nav.menu > .content > ul.menu.show > li:last-child{
		border-bottom: 0;
		padding-bottom: 1px
	}

	nav.menu > .content > ul.menu > li.on > .section,
	nav.menu > .content > ul.others > li.on > .section{
		display: block;
		position: fixed;
		top: 3.5rem;
		left: 0;
		margin: 0;
		width: 100%;
		background-color: var(--gray-light);
		overflow: hidden;
		box-shadow: 0 0 .625rem 0 rgba(0,0,0,.8);
	}

	nav.menu > .content > ul.menu > li.on > .section a span,
	nav.menu > .content > ul.others > li.on > .section a span{
		color: var(--gray);
		margin: 0;
		display: block;
	}

	nav.menu > .content > ul.menu > li.on > .section a:hover span,
	nav.menu > .content > ul.others > li.on > .section a:hover span{
		color: var(--black);
	}
	
	nav.menu > .content > ul.menu,
	nav.menu > .content > ul.menu.show,
	nav.menu > .content > ul.others{
		display: flex;
		flex-direction: row;
		margin: 0;
		padding: 0;
		border: 0;
		background-color: transparent;
		height: 1rem;
		overflow: visible;
		width: auto;
		gap: 0.77rem;
		text-align: left;
		justify-content: flex-start;
	}

	nav.menu > .content > ul.menu.show > li,
	nav.menu > .content > ul.menu > li{
		display: inline-block;
		margin: 0;
		text-align: left;
		border-bottom: 0
	}

	nav.menu > .content > ul.menu > li.on > .section > .content,
	nav.menu > .content > ul.others > li.on > .section > .content{
		max-width: calc(var(--max-width) - 2.5rem);
		width: calc(100% - 2.5rem);
		margin: 1.25rem auto;
		display: grid;
		column-gap: 1.25rem;
		grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
		grid-template-rows: 1fr;
		grid-auto-rows: 0;
		overflow: hidden;
		row-gap: 0;
		height: min-content;
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul,
	nav.menu > .content > ul.others > li.on > .section > .content > ul{
		padding: 1.25rem 0;
		margin: 0;
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.options,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.options{
		width: auto;
		display: block;
		position: relative;
		padding: 1.25rem 40px 1.25rem 0;
		min-width: 268px;
		flex-shrink: 0;
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.options::after,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.options::after{
		content: "";
		display: inline;
		width: 1px;
		height: calc(100% - 32px);
		position: absolute;
		top: 1rem;
		right: 1.25rem;
		background-color: var(--gray-light);
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.options > li,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.options > li{
		line-height: 1rem;
		padding: 1.25rem;
		font-size: 1rem;
		display: block;
		color: var(--gray-dark);
		position: relative;
		border-radius: 4px;
		font-variation-settings: "wght" 560;
		cursor: pointer;
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.options > li:hover,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.options > li:hover{
		color: var(--color);
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.options > li::after,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.options > li::after{
		content: "";
		display: inline-block;
		width: .5rem;
		height: .5rem;
		position: absolute;
		top: 1rem;
		right: 1rem;
		background-repeat: no-repeat;
		background-image: url(/get/svg/continuar.svg);
		pointer-events: none;
		font-weight: 640;
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.options > li.selected,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.options > li.selected{
		color: var(--color);
		background-color: var(--white);
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.options > li:hover::after,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.options > li:hover::after,
	nav.menu > .content > ul.menu > li.on > .section > .content > ul.options > li.selected::after,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.options > li.selected::after{
		filter: invert(53%) sepia(30%) saturate(6190%) hue-rotate(172deg) brightness(103%) contrast(103%);
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.more,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.more{
		width: 100%;
		display: flex;
		flex-direction: column;
		position: relative;
		list-style: none;
		margin: 0 auto;
		padding: 0 0 0 1.24rem;
		gap: 1.25rem;
		line-height: 1rem;
		justify-content: flex-start;
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.more::before,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.more::before{
		content: "";
		display: inline;
		width: 0.01rem;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: var(--gray-alt)
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.more > span,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.more > span{
		display: block;
		font-size: 1rem;
		color: var(--gray-dark);
		line-height: 1rem;
		font-weight: 650;
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.more > li > a,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.more > li > a,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.more > li > span{
		font-size: 1rem;
		color: var(--gray);
		display: block;
		line-height: 1rem;
		font-weight: 500;
		text-decoration: none;
		white-space: nowrap;
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.more > li:last-child > a,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.more > li:last-child > a,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.more > li:last-child > span{
		margin: 0;
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > ul.more > li > a:hover,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.more > li > a:hover,
	nav.menu > .content > ul.others > li.on > .section > .content > ul.more > li > span:hover{
		color: var(--color);
		text-decoration: underline;
	}
	nav.menu > .content > ul.menu > li.on > .section > .content > a.promo,
	nav.menu > .content > ul.others > li.on > .section > .content > a.promo{
		display: block;
		position: relative;
		margin: .5rem;
		border-radius: .625rem;
		overflow: visible;
		text-decoration: none!important;
		width: calc(100% - 1rem);
		height: calc(100% - 1rem);
		background-color: var(--white);
	}
	nav.menu > .content > ul.menu > li.on > .section > .content > a.promo > .banner,
	nav.menu > .content > ul.others > li.on > .section > .content > a.promo > .banner{
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 1.25rem;
		gap: 0;
		width: 100%;
		height: 100%;
		background-color: var(--white);
		border-radius: .625rem;
		overflow: visible;
	}
	nav.menu > .content > ul.menu > li.on > .section > .content > a.promo > .banner > .title,
	nav.menu > .content > ul.others > li.on > .section > .content > a.promo > .banner > .title{
		font-family: 'FSBlake', sans-serif;
		font-size: 1.5rem;
		font-weight: 560;
		line-height: 1.5rem;
		color: var(--black-alt);
	}

	nav.menu > .content > ul.menu > li.on > .section > .content > a.promo > .banner > .promo,
	nav.menu > .content > ul.others > li.on > .section > .content > a.promo > .banner > .promo{
		line-height: 2rem;
		vertical-align: baseline;
		white-space: nowrap;
	}
	nav.menu > .content > ul.menu > li.on > .section > .content > a.promo > .banner > .promo > b[tag],
	nav.menu > .content > ul.others > li.on > .section > .content > a.promo > .banner > .promo > b[tag]{
		margin: 0 .5rem 0 0;
	}
	nav.menu > .content > ul.menu > li.on > .section > .content > a.promo > .banner > .promo > span,
	nav.menu > .content > ul.others > li.on > .section > .content > a.promo > .banner > .promo > span{
		font-size: 1rem;
		line-height: 2rem;
		font-weight: 560;
		vertical-align: baseline;
		display: inline-block;
		white-space: nowrap;
		color: var(--black-alt);
	}
	nav.menu > .content > ul.menu > li.on > .section > .content > a.promo > .banner > .promo > span > strong,
	nav.menu > .content > ul.others > li.on > .section > .content > a.promo > .banner > .promo > span > strong{
		font-size: 1.25rem;
		line-height: 2rem;
		font-weight: 720;
		display: inline;
		vertical-align: baseline
	}
	nav.menu > .content > ul.menu > li.on > .section > .content > a.promo > .banner > button,
	nav.menu > .content > ul.others > li.on > .section > .content > a.promo > .banner > button{
		display: inline-block;
		width: auto;
		align-self: end;
		margin: 0 auto 0 0;
		flex: 0 0 auto;
	}
}

@media screen and (min-width:86rem){

	nav.menu > .content > ul.others > li > span > span,
	nav.menu > .content > ul.others > li > a > span{
		display: inline-block;
		line-height: 1rem;
		font-size: 1rem;
		vertical-align: top;
	}
	
	nav.menu > .content > ul.others > li > a > div.navphone{
		background-color: var(--color-light);
	}
	nav.menu > .content > ul.others > li > a.call > span{
		display: inline-block;
	}

	nav.menu > .content > ul.others > li > a:hover > span,
	nav.menu > .content > ul.others > li > span:hover > span,
	nav.menu > .content > ul.others > li > a:focus-visible > span,
	nav.menu > .content > ul.others > li > span:focus-visible > span{
		color: var(--color-light)!important;
		text-decoration: none;
	}
}

@media screen and (min-width:90rem){
	nav.menu > .content > ul.menu,
	nav.menu > .content > ul.menu.show,
	nav.menu > .content > ul.others{
		gap:1rem
	}

}
@media screen and (min-width: 100rem){
	nav.menu > .content{
		gap: 1.75rem;
	}
	nav.menu > .content > ul.menu{
		gap: 1.5rem;
	}
	nav.menu > .content > ul.others{
		gap: 1.5rem;
	}
}

nav.menu a:not(.button):not(.ui):focus-visible,
nav.menu [tabindex]:focus-visible{
	color: var(--color-light)!important;
	text-decoration: none;
}
nav.menu a:not(.button):not(.ui):focus-visible svg,
nav.menu [tabindex]:focus-visible svg,
nav.menu:focus-visible svg{
	fill: var(--color-light)!important;
}

nav.menu ul.more > li a:not(.button):not(.ui):focus-visible{
	color: var(--color)!important;
	text-decoration: underline!important;
	text-decoration-thickness: .1rem!important;
	text-underline-position: from-font!important;
	text-underline-offset: .1rem!important;
}
nav.menu > .content > ul.menu > li > .section > .content > a.promo:focus-visible{
	overflow: visible;
	outline: .25rem solid var(--color) !important;
	outline-offset: .25rem;
}
nav.menu.soporte > .content{
	grid-template-columns: auto auto;
	justify-content: space-between;
}
footer.support{
	width: 100%;
	display: block;
	background-color: var(--black);
	font-family: 'OpenSans', sans-serif;
	font-size: 1rem;
}
footer.support > nav{
	width: calc(100% - 2.5rem);
	max-width: calc(var(--max-width) - 2.5rem);
	display: block;
	padding: 1.25rem 0;
	margin: 0 auto;
	overflow: visible;
	position: relative;
}
footer.support > nav > ul{
	list-style: none;
	display: grid;
	grid-template-columns: 1fr;
}
footer.support > nav > ul > li{
	display: block;
	font-family: 'OpenSans', sans-serif;
	font-size: 1rem;
	width: auto;
	line-height: 2.4rem;
	margin: 0;
	color: var(--gray-light);
	font-weight: 500;
	text-align: center;
}
footer.support > nav > ul > li.group{
	color: var(--gray);
}
footer.support > nav > ul > li.group > a{
	color: var(--gray-light);
}
footer.support > nav > ul > li > i{
	width: 3.5625rem;
	height: 2.5rem;
	margin: 1rem 1rem 0 0;
	float: right;
}
footer.support > nav > ul > li.taxes,
footer.support > nav > ul > li > a{
	color: var(--gray-light);
	cursor: pointer;
	text-decoration: underline;
	text-decoration-thickness: 0.1em;
	text-underline-position: under;
}
footer.support > nav > ul > li > select{
	vertical-align: baseline;
	margin: 0 0 .2rem 0;
}
footer.support > nav > ul > li > select > option {
	color: var(--black);
}
@media screen and (min-width: 67.5rem) {
	footer > nav > ul{
		grid-template-rows: 1fr;
		grid-template-columns: repeat(5, max-content);
		justify-content: space-between;
		padding: 0 5rem 0 0;
	}
	footer.shop > nav > ul{
		grid-template-columns: repeat(3, max-content);
		justify-content: space-between;
		padding: 0;
	}
	footer.support > nav > ul{
		grid-template-columns: repeat(3, max-content);
		padding: 0 0 0 0;
	}
}
@media screen and (min-width: 100rem) {
	footer.support > nav > ul{
		padding: 0;
	}
}
.layout-content.status.status-index .page-status{
	margin-bottom: 0;
	border-radius: .625rem .625rem 0 0;
	border-left: 1px solid var(--gray-light);
	border-right: 1px solid var(--gray-light);
	border-top: 1px solid var(--gray-light);
	background-color: transparent!important;
	padding: 1rem;
}
.layout-content.status.status-index .page-status .status{
	font-family: 'OpenSans', sans-serif;
	font-size: 1rem;
	font-weight: 560;
	color: var(--color-alt);
	margin-bottom: .25rem;
}
.layout-content.status.status-index .page-status .status{
	color: var(--black-alt);
}
.layout-content.status.status-index .page-status.status-none .status{
	color: var(--color-alt);
}
.layout-content.status.status-index .components-section{
	margin-bottom: 2rem;
}
.layout-content.status.status-index .components-section .components-container{
	border-left: 1px solid var(--gray-light);
	border-right: 1px solid var(--gray-light);
	border-bottom: 1px solid var(--gray-light);
	border-radius: 0 0 .625rem .625rem!important;
}
.layout-content.status.status-index .components-section .components-container .component-container{
	border: 0;
	padding: 1rem 1rem 0 1rem;
}
.layout-content.status.status-index .components-section .components-container .component-container:first-child{
	border-radius: 0!important;
}
.layout-content.status.status-index .components-section .components-container .component-container:last-child{
	border-radius: 0 0 .625rem .625rem!important;
}
.layout-content.status.status-index .components-section .component-container.is-group>.component-inner-container{
	padding-bottom: 1rem;
}
.layout-content.status.status-index .components-section .component-container:not(:last-child).is-group>.component-inner-container{
	border-bottom: 1px solid var(--gray-light);
}
.layout-content.status.status-index .components-section .component-container.is-group.open .child-components-container{
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--gray-light);
}

.layout-content.status .incidents-list{
	margin-top: 2rem;
	border-radius: .625rem;
	overflow: hidden;
	border: 1px solid var(--gray-light);
	padding: 1rem;
}
.layout-content.status .incidents-list h2{
	font-family: 'OpenSans', sans-serif;
    font-size: 1rem;
    font-weight: 560;
}
.layout-content.status .incidents-list.format-expanded .status-day.no-incidents{
	display: none;
}
.page-footer{
	margin: 2rem 0;
	border: 0;
}
.layout-content.status .custom-header-container{
	margin-bottom: 2rem
}
.container{
	width: calc(100% - 2.5rem);
	max-width: calc(var(--max-width) - 2.5rem);
	min-height: calc(100dvh - 13.95rem);
}
div.titleLine{
	margin-top: 3.5rem;
	background-color: var(--black);
	border-top: 1px solid var(--gray-light);
}

div.titleLine h1{
	width: calc(100% - 2.5rem);
	max-width: calc(var(--max-width) - 2.5rem);
	margin: 0 auto;
	font-size: 1.25rem;
	font-family: 'FSBlake', sans-serif;
	font-weight: 480;
	color: var(--white);
	line-height: 1.5rem;
    padding: 1rem 0;
}
h4, .font-largest{
	font-size: 1.25rem;
	line-height: 1.5rem;
}
.updates-dropdown-container{
	display: none;
}
.layout-content.status .masthead-container.basic{
	margin: 2rem auto !important;
	width: calc(100% - 2.5rem) !important;
	max-width: calc(var(--max-width) - 2.5rem) !important;
}
.layout-content.status .masthead-container.basic > .masthead.has-logo{
	margin: 0;
	padding: 0;
}
.layout-content.status .masthead-container.basic .masthead .logo-container img{
	height: 25px;
	max-height: 25px;
}