@keyframes pulso {
	0% {
		transform: scale(1) translateX(-50%);
	}

	50% {
		transform: scale(1.05) translateX(-50%);
	}

	100% {
		transform: scale(1) translateX(-50%);
	}
}


/* Contenedor general */
.menuHover {
	--colorMarca1: #033F87;
	--colorMarca2: #E52843;
	--colorMarca3: #FFB41D;
	--colorMarca4: #67ABB7;
	--colorMarca5: #006D31;
	--colorTexto: #323232;
	--colorLinea: #ccc;

	display: flex;
	flex-direction: column;
	max-width: 1000px;
	margin: auto;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
}

/* Estilos para la lista lateral */
.menuHover .listItems {
	padding-left: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	margin-bottom: 20px;
}

/* Estilos para los botones del menú */
.menuHover .titulo_slide {
	cursor: pointer;
	padding: 10px 15px;
	display: inline-block;
	color: var(--colorMarca2);
	font-size: 24px;
	font-weight: 600;
	width: 50px;
	transition: background 0.3s, color 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menuHover .titulo_slide a {
	text-decoration: none;
	color: var(--colorTexto);
}

.menuHover .titulo_slide {
	border-bottom: 2px solid var(--colorMarca2);
}

/* Efecto hover para cada opción */
.menuHover .titulo_slide:hover {
	color: var(--colorMarca1);
}

/* Estilo para la opción activa (seleccionada) */
.menuHover .titulo_slide.active a {
	color: var(--colorMarca1);
	font-size: 1.6rem;
}

/* Estilo de los puntos de selección en la lista */
.menuHover ul.lateral>li {
	position: relative;
	padding: 15px 0;
}

/* Punto de selección inactivo */
.menuHover ul.lateral>li:after {
	background: #033F87;
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	border-radius: 50%;
	bottom: -13px;
	left: 50%;
	transform: translateX(-50%);
	border: none;
	border: 2px solid var(--colorMarca4);
}

/* Punto de selección activo */
.menuHover ul.lateral>li.active:after {
	background: #FFB41D;
	height: 30px;
	width: 30px;
	bottom: -15px;
	border: 3px solid var(--colorMarca2);
	animation: pulso 1s infinite;
}

/* Contenedor de las definiciones */
.menuHover .definiciones {
	margin-top: 20px;
	text-align: center;
}

/* Ocultar los bloques de contenido por defecto */
.menuHover .center-block {
	display: none;
	background: #f2f2f2;
	border-radius: 10px;
	border: 2px solid #ccc;
	text-align: center;
}

.menuHover .center-block p {
	padding: 20px;
}

/* Mostrar el primer contenido por defecto */
.menuHover .center-block:first-child {
	display: block;
}

/* Título de cada sección */
.menuHover .titulo_derecha {
	font-weight: 600;
	color: #033F87;
	background-color: #FFB41D;
	font-size: 32px;
	padding: 10px 20px;
	border-radius: 5px 5px 0 0;
	margin-bottom: 0;
}

/* Texto dentro de las definiciones */
.menuHover .area_subtitulo p {
	font-size: 18px;
	color: #333;
	padding: 15px;
	line-height: 1.5;
}

/* Responsive: Ajustes para pantallas pequeñas */
@media (max-width: 768px) {
	.menuHover .titulo_slide {
		font-size: 20px;
		width: 40px;
	}

	.menuHover .titulo_derecha {
		font-size: 24px;
	}

	.menuHover .area_subtitulo p {
		font-size: 16px;
	}
}