.contenedorCategorias {
	display: flex;
	justify-content: center;
	background-color: #087096;
	flex-flow: column nowrap;
	align-items: center;
	padding-bottom: .1rem;
}

.tren {
	height: 2rem;
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 100%;
}

.tren>img {
	/* width: 130px; */
	animation: animacionTren 10s infinite linear
		/* transform: translateY(10px) */
}

.vias {
	position: absolute;
	top: calc(100% - 4.85rem);
	width: 100%;
	height: 1.8rem;
	background-image: url('https://s3.amazonaws.com/gobcl-prod/public_files/Campa%C3%B1as/hitosGob/images/borde-tren.png');
	background-size: contain;

	margin-top: -1rem;
	transform: rotateX(75.8deg);
	transform-style: preserve-3d;

	z-index: 1
}

.oculto {
	/* animation-play-state: paused; */
	height: 0px !important;

	transition: .3s all ease 2.9s;
}

.oculto>img {
	animation-duration: 3s;
	/* animation-iteration-count: 1 */
}

.categorias {
	width: 100%;
	max-width: 1300px;
	display: flex;
	flex-flow: row nowrap;

	height: 3.8rem;
	align-items: center;
	color: #fff;
	padding: .5rem 1rem;
	opacity: 0;
	transition: .3s all ease;
	height: 0px;
}

.activas {
	opacity: 1;
	height: 3.8rem;
	transition: .3s all ease 2.8s;
}

.categorias>h2 {
	font-size: 1.2em;
	margin: 0;
	padding-right: 1rem
}

.contenedorTexto>h2 {
	font-size: 1.1rem;
	margin-top: -10px;
}

.small {
	font-size: .7em;
	line-height: 0;
	cursor: pointer;
}

.categorias>.botonera {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0 1rem;
	overflow: auto
}

.categorias>.botonera::-webkit-scrollbar {
	display: none;
}

.contenedorBoton {
	padding: .5rem 1px
}


.botonCategaroias {
	position: relative;
	text-align: center;
	width: 100%;
	height: 2.4rem;
	line-height: 2.3rem;
	background-color: #045174;
	border-radius: 10px;
	padding: .1rem .8rem;
	color: #fff;
	font-size: 1em;
	border: none;
	cursor: pointer;
	transition: .3s all ease-in-out;
	margin: 0 1rem;
	white-space: nowrap;
	opacity: .5;
	display: flex;
	justify-content: center;
	align-items: center;
}

.botonCategaroias>img {
	height: 80%
}

.botonCategaroias .cerrar {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(40%, -37%);
	transition: .3s all ease;
}

.botonCategaroias .cerrar #Capa_1 {
	display: none;
	background-color: #045174;
	border-radius: 50%;
	fill: rgba(255, 255, 255, 0.825)
}

.active .cerrar #Capa_1 {
	display: block;
}

.active {
	background-color: #2E94B9;
	outline: 2px solid rgba(255, 255, 255, 0.825);
	transition: .3s all ease-in-out;
	opacity: 1;
}

.chevron-1 {
	fill: #045174;
	/* width: 25px; */
}

.chevron-2 {
	fill: #CE3D20;
	/* width: 25px; */
}

.chevron-atras {
	fill: #045174;
}


#chevron-atras {
	transform: rotate(180deg) translate(10px, 0px);
	/* padding-right: .5rem; */
	opacity: 0;
	transition: .3s all ease;
}

#chevron-atras.visible {
	opacity: 1;
	transition: .3s all ease;
}

#Capa_1 {
	width: 17px;
}



.flecha {
	/* border: 1px solid black; */
	width: 20px;
	height: 20px;
	transform: translate(6px, -5px);
	cursor: pointer;
}




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

@media only screen and (max-width: 830px) {
	.categorias {
		padding: .5rem;

	}

	.categorias>.botonera {

		padding: 0 .5rem;
	}

	.categorias>h2 {
		padding-right: .5rem
	}

	.botonCategaroias {
		margin: 0 .5rem;
	}

	.vias {
		top: calc(100% - 4.5rem);
	}
}

@keyframes animacionTren {
	0% {
		transform: translateX(-1000px);
	}

	100% {
		transform: translateX(120vw);
	}

}