/* Mejoras de diseno de Diario Zona Norte. Se carga desde inc/mejoras-diseno.php */

/* 1. Texto de las noticias mas oscuro (antes gris #718096, contraste 4.0:1; ahora ~16:1) */
.bs-blog-post.single .entry-content,
.bs-blog-post.single .entry-content p,
.bs-blog-post.single .entry-content li,
.bs-blog-post.single .entry-content blockquote {
	color: #222;
}

/* 4. Lupa del buscador mas visible y facil de tocar con el dedo (minimo 44 px) */
a.msearch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	font-size: 19px;
}

/* Aviso de "cargando": barra roja arriba que avanza al tocar un enlace */
#dzn-carga {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: #ed1515;
	box-shadow: 0 0 8px rgba(237, 21, 21, 0.6);
	opacity: 0;
	pointer-events: none;
	z-index: 2147483000;
}
#dzn-carga.dzn-carga--on {
	transition: width 12s cubic-bezier(0.1, 0.7, 0.2, 1), opacity 0.2s;
}
body.admin-bar #dzn-carga {
	top: 32px;
}
@media (max-width: 782px) {
	body.admin-bar #dzn-carga {
		top: 46px;
	}
}
@media (prefers-reduced-motion: reduce) {
	#dzn-carga.dzn-carga--on {
		transition: opacity 0.2s;
		width: 85%;
	}
}

/* Boton "Buscando..." de la busqueda: circulo girando a la izquierda del texto */
.search-form.is-buscando .search-submit {
	padding-left: 40px;
	cursor: progress;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' opacity='.3'/%3E%3Cpath d='M12 2a10 10 0 0 1 10 10'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='0.8s' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 14px center;
}

/* 2. La fecha larga no se parte en dos lineas en el celular */
.bs-blog-post.single .bs-blog-date {
	white-space: nowrap;
}

/* 8. Boton "Compartir por WhatsApp" */
.dzn-wa {
	margin: 0 0 22px;
}
.dzn-wa--abajo {
	margin: 28px 0 8px;
	padding-top: 18px;
	border-top: 1px solid #ddd;
}
.dzn-wa__texto {
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #222;
}
.dzn-wa__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 11px 20px;
	border-radius: 999px;
	background: #128c4a;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	transition: background 0.2s;
}
.dzn-wa__btn:hover,
.dzn-wa__btn:focus-visible {
	background: #0e6e3a;
	color: #fff;
}
.dzn-wa__btn svg {
	flex: none;
}

/* 7. Boton "volver arriba" */
.dzn-subir {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 9990;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #111;
	color: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.25s, transform 0.25s, visibility 0.25s, background 0.2s;
}
.dzn-subir--visible {
	opacity: 1;
	visibility: visible;
	transform: none;
}
.dzn-subir:hover,
.dzn-subir:focus-visible {
	background: #333;
}
@media (prefers-reduced-motion: reduce) {
	.dzn-subir {
		transition: none;
	}
}