.caf-nav-subhome button {
	cursor: pointer;
	border: 0;
	padding: 0;
}

.caf-nav-subhome button:focus {
    outline: 0px;
}

.caf-nav-subhome {
	position: relative;
	z-index: 10;
}

.caf-nav-subhome-2 {
	border-bottom: 1px solid #5454541e;
	z-index: 10;
}

.caf-nav-subhome:not(.--jsfied) {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.caf-nav-subhome .--hidden {
	display: none;
}

.caf-nav-subhome a,
.caf-nav-subhome button {
	width: 100%;
	height: 100%;
	display: block;
	font-family: Raleway, sans-serif;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	line-height: 1.2;
	text-align: center;
	color: #fff;
	background-color: transparent;
}

.caf-nav-subhome-2 a,
.caf-nav-subhome-2 button {
	color: #000;
}

.caf-nav-subhome-3 .-secondary a,
.caf-nav-subhome-3 button {
	color: #fff;
}

.caf-nav-subhome .caf-primary {
	display: flex;
}

.caf-nav-subhome .caf-primary > li {
	flex-grow: 1;
	background-color: #005186;
}

.caf-nav-subhome-2 .caf-primary > li {
	flex-grow: 1;
	background-color: #fff;
}

.caf-nav-subhome ul {
	margin-bottom:  0px;
}

.caf-nav-subhome .caf-primary > li + li {
	border-left: 1px solid #ffffff24;
}

.caf-nav-subhome-2 .caf-primary > li + li {
	border-left: 1px solid #5454542a;
}
.caf-nav-subhome .caf-primary > li > a,
.caf-nav-subhome .caf-primary > li > button {
	white-space: nowrap;
	padding: 1.8em 0.6em;
}
.caf-nav-subhome .caf-primary > li > a:hover,
.caf-nav-subhome .caf-primary > li > button:hover,
.caf-nav-subhome .caf-primary > .activado
 {
	background-color: #003b61;
	/*box-shadow: inset 0 -0.4em 0 #f31156;*/
	color: #fff;
}
.caf-nav-subhome .caf-primary > li > a:active,
.caf-nav-subhome .caf-primary > li > button:active {
	background-color: #003b61;
	/*box-shadow: inset 0 -0.4em 0 #f31156;*/
	color: #fff;
}
.caf-nav-subhome .caf-primary .-more {
	background-color: #005186;
}
.caf-nav-subhome .caf-primary .-more > button span {
	display: inline-block;
	transition: transform 0.2s;
}
.caf-nav-subhome.--show-secondary .caf-primary .-more > button span {
	transform: rotate(180deg);
}
.caf-nav-subhome .-secondary {
	max-width: 100%;
	min-width: 10em;
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	animation: nav-secondary 0.2s;
	z-index: -1;
}

.-secondary a {
    text-align: right;
}

.caf-nav-subhome .-secondary li {
	background-color: #003b61;
    padding: .2rem 1rem;
}
.caf-nav-subhome .-secondary a,
.caf-nav-subhome .-secondary button {
	padding: 1.5em 0.6em;
}
.caf-nav-subhome .-secondary a:hover,
.caf-nav-subhome .-secondary button:hover {
	background-color: #003b61;
}
.caf-nav-subhome .-secondary a:active,
.caf-nav-subhome .-secondary button:active {
	background-color: #003b61;
}
.caf-nav-subhome.--show-secondary .-secondary {
	display: block;
}

@keyframes nav-secondary {
	0% {
		opacity: 0;
		transform: translateY(-1em);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/*COLORES*/
.caf-nav-subhome .caf-primary > .activado.caf_home_dom_1{box-shadow: inset 0 -0.4em 0 var(--clr-caf-red);}
.caf-nav-subhome .caf-primary > .activado.caf_amarillo_dom_1{box-shadow: inset 0 -0.4em 0 var(--clr-caf-amarillo);}
.caf-nav-subhome .caf-primary > .activado.caf_azul_dom_1{box-shadow: inset 0 -0.4em 0 var(--clr-caf-azul);}
.caf-nav-subhome .caf-primary > .activado.caf_morado_dom_1{box-shadow: inset 0 -0.4em 0 var(--clr-caf-morado);}
.caf-nav-subhome .caf-primary > .activado.caf_naranja_dom_1{box-shadow: inset 0 -0.4em 0 var(--clr-caf-naranja);}
.caf-nav-subhome .caf-primary > .activado.caf_verde_dom_1{box-shadow: inset 0 -0.4em 0 var(--clr-caf-verde);}
.caf-nav-subhome .caf-primary > .activado.caf_color_home_dom_1{box-shadow: inset 0 -0.4em 0 var(--clr-caf-red);}

.caf-nav-subhome .caf-primary > li > a.caf_home_dom_1:active,
.caf-nav-subhome .caf-primary > li > button.caf_home_dom_1:active {box-shadow: inset 0 -0.4em 0 var(--clr-caf-red);}
.caf-nav-subhome .caf-primary > li > a.caf_color_home_dom_1:active,
.caf-nav-subhome .caf-primary > li > button.caf_color_home_dom_1:active {box-shadow: inset 0 -0.4em 0 var(--clr-caf-red);}
.caf-nav-subhome .caf-primary > li > a.caf_amarillo_dom_1:active,
.caf-nav-subhome .caf-primary > li > button.caf_amarillo_dom_1:active {box-shadow: inset 0 -0.4em 0 var(--clr-caf-amarillo);}
.caf-nav-subhome .caf-primary > li > a.caf_azul_dom_1:active,
.caf-nav-subhome .caf-primary > li > button.caf_azul_dom_1:active {box-shadow: inset 0 -0.4em 0 var(--clr-caf-azul);}
.caf-nav-subhome .caf-primary > li > a.caf_morado_dom_1:active,
.caf-nav-subhome .caf-primary > li > button.caf_morado_dom_1:active {box-shadow: inset 0 -0.4em 0 var(--clr-caf-morado);}
.caf-nav-subhome .caf-primary > li > a.caf_naranja_dom_1:active,
.caf-nav-subhome .caf-primary > li > button.caf_naranja_dom_1:active {box-shadow: inset 0 -0.4em 0 var(--clr-caf-naranja);}
.caf-nav-subhome .caf-primary > li > a.caf_verde_dom_1:active,
.caf-nav-subhome .caf-primary > li > button.caf_verde_dom_1:active {box-shadow: inset 0 -0.4em 0 var(--clr-caf-verde);}

.caf-nav-subhome .caf-primary > li > a.caf_home_dom_1:hover,
.caf-nav-subhome .caf-primary > li > button.caf_home_dom_1:hover {box-shadow: inset 0 -0.4em 0 var(--clr-caf-red);}
.caf-nav-subhome .caf-primary > li > a.caf_color_home_dom_1:hover,
.caf-nav-subhome .caf-primary > li > button.caf_color_home_dom_1:hover {box-shadow: inset 0 -0.4em 0 var(--clr-caf-red);}
.caf-nav-subhome .caf-primary > li > a.caf_amarillo_dom_1:hover,
.caf-nav-subhome .caf-primary > li > button.caf_amarillo_dom_1:hover {box-shadow: inset 0 -0.4em 0 var(--clr-caf-amarillo);}
.caf-nav-subhome .caf-primary > li > a.caf_azul_dom_1:hover,
.caf-nav-subhome .caf-primary > li > button.caf_azul_dom_1:hover {box-shadow: inset 0 -0.4em 0 var(--clr-caf-azul);}
.caf-nav-subhome .caf-primary > li > a.caf_morado_dom_1:hover,
.caf-nav-subhome .caf-primary > li > button.caf_morado_dom_1:hover {box-shadow: inset 0 -0.4em 0 var(--clr-caf-morado);}
.caf-nav-subhome .caf-primary > li > a.caf_naranja_dom_1:hover,
.caf-nav-subhome .caf-primary > li > button.caf_naranja_dom_1:hover {box-shadow: inset 0 -0.4em 0 var(--clr-caf-naranja);}
.caf-nav-subhome .caf-primary > li > a.caf_verde_dom_1:hover,
.caf-nav-subhome .caf-primary > li > button.caf_verde_dom_1:hover {box-shadow: inset 0 -0.4em 0 var(--clr-caf-verde);}