.zoom {
	transition: transform .5s;
}

.zoom:hover {
	transform: scale(1.02);
}

.whatsapp2 {
	width: 90px;
	height: 90px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

.whatsapp {
	width: 93px;
	height: 93px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

.menu-itom:hover {
	background-color: rgba(15, 15, 15, 0.39);
	color: rgba(15, 15, 15, 0.24);
	border-radius: 0;
}

.menu-ito:hover {
	background-color: rgba(15, 15, 15, 0.009);
	color: rgba(15, 15, 15, 0.24);
	border-radius: 0;
}

.zoomin {
	transition: transform .5s;
}

.zoomin:hover {
	transform: scale(1.2);
}

.enlaces a:hover {
	text-decoration: none;
}

.en a:hover, a:focus {
	background-size: 90% 2.5px;
}

.en :hover {
	color: #000016;
}

.ent a {
	background-image: linear-gradient(blue,black);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 1px;
	transition: background-size 0;
}

.ent a:hover, a:focus {
	background-size: 100% 2px;
}

.ent :hover {
	color: #00001d;
}

.zdescargavolver:hover {
	transform: scale(1.05);
	transition: transform .5s;
}

p.justificar {
	text-align: justify;
}

.enl :hover {
	color: #483D8B;
}

.ventajas:hover {
	background-color: rgba(200, 200, 200, 0.24);
	color: rgba(15, 15, 15, 0.009);
	border-radius: 0;
}

#actionbar {
	visibility: hidden;
}

.enlacesdecok a {
	color: #4B0082;
}

.detaills:hover {
	box-shadow: 5px 5px 15px #d9d9d9;
}

.contenido-escritorio {
	display: block;
}

.contenido-movil {
	display: none;
}

@media screen and (max-width: 850px) {
	.contenido-escritorio {
		display: none;
	}
	
	.contenido-movil {
		display: block;
	}
}

.contenedor {
	padding: 5px;
	overflow: hidden;
}

.justificar2 {
	text-align: center;
}

.menui-item {
	position: relative;
	display: inline-block;
	margin-right: 20px;
/* Espaciado entre elementos del menú, ajusta según  */
}

/* Subrayado animado */
.menui-item::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	width: 0;
/* Ancho inicial del subrayado */
	height: 2px;
/* Grosor del subrayado */
	background-color: #000016;
/* Color del subrayado */
	transition: width .3s ease;
/* Transición animada del ancho del subrayado */
	transform: translateX(-50%);
}

.menui-item:hover::after {
	width: 12px;
/* Ancho completo al pasar el ratón */
}

.menui-item img {
	width: 75px;
/* Ajusta el ancho de la imagen según sea necesario */
	height: 15px;
/* Ajusta la altura de la imagen según sea necesario */
}

.imgs img {
	opacity: .3;
	filter: alpha(opacity=40);
/* For IE8 and earlier */
}

/* Estilos para el botón del menú hamburguesa */
.menu-hamburguesa button {
	padding: 20px 25px;
/* Ajusta el relleno para definir el tamaño del botón */
	border: 0 solid #d3d3d3;
/* Establece el color y el grosor del borde */
	background-color: transparent;
/* Hace que el fondo sea transparente para que se vea el color de fondo de la página */
	color: #2F2F2F;
/* Establece el color del texto */
	font-size: 16px;
/* Tamaño de la fuente */
	border-radius: 5px;
/* Ajusta el radio del borde para hacerlo más redondeado */
	cursor: pointer;
/* Cambia el cursor cuando se pasa sobre el botón */
	outline: none;
/* Elimina el contorno predeterminado al enfocar */
}

/* Estilos adicionales cuando se pasa el cursor sobre el botón */
.menu-hamburguesa button:hover {
	background-color: #2F2F2F;
/* Cambia el color de fondo al pasar el cursor */
	color: #FFFFFF;
/* Cambia el color del texto al pasar el cursor */
}

/* Cambiar color del texto del enlace dentro del encabezado h3 a blanco */
.mi-encabezado-blanco h3 a {
	color: #ffffff;
/* Color blanco */
}

/* Cambiar color del texto del enlace dentro del encabezado h3 a blanco */
.mi-encabezado-blanco2 p a {
	color: #ffffff;
/* Color blanco */
}

.menusi {
	padding: 20px !important;
}

.blocki-link {
	display: block;
/* Hace clickeable todo el bloque */
	text-decoration: none;
/* Elimina el subrayado */
	position: relative;
/* Contexto para el texto */
}

.blocki-link:hover .imghover img {
	transform: scale(1.05);
/* Zoom leve al hacer hover */
}

.blocki-link:hover .imghover::before {
	opacity: 1;
/* Muestra el degradado completo al hacer hover */
}

.imghover {
	width: 100%;
/* Ajusta al tamaño deseado */
	height: auto;
	position: relative;
	overflow: hidden;
/* Asegura que el contenido no sobresalga */
	display: block;
/* Mantener el comportamiento del contenedor */
}

.imghover img {
	width: 100%;
	height: auto;
	object-fit: cover;
/* Ajusta la imagen al tamaño del contenedor */
	transition: transform .3s ease;
}

.imghover::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(circle, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.7) 100%);
	opacity: 0;
/* Invisible por defecto */
	transition: opacity .3s ease;
	z-index: 1;
/* Coloca el degradado sobre la imagen */
}

.imghover:hover img {
	transform: scale(1.05);
/* Zoom leve al hacer hover */
}

.imghover:hover::before {
	opacity: .7;
/* Activa el degradado */
}

/* Asegurando que el texto quede adelante sin centrarlo */
.imghover .cover-text {
	position: absolute;
/* Mantiene el texto al frente */
	z-index: 2;
/* Asegura que el texto esté por encima del degradado */
	color: white;
/* Contraste para legibilidad */
	pointer-events: none;
/* Asegura que el texto no interfiera con el clic del enlace */
	width: 100%;
/* Asegura que el texto ocupe el 100% del contenedor */
	padding: 10px;
	box-sizing: border-box;
/* Asegura que el padding no afecte el tamaño del contenedor */
	line-height: 1.5;
/* Mejora la legibilidad */
	word-wrap: break-word;
/* Asegura que el texto largo se ajuste al contenedor */
/* Se ha eliminado text-align: center */
}

.blocki-link {
	display: flex;
	flex: 1;
}

.imghover {
	flex: 1;
	height: 100%;
/* ocupa toda la altura disponible */
	display: flex;
	flex-direction: column;
}