/*
 * El Diario — nota en PHP, variante TTP 2025.
 * Valores de la plantilla 782627 de Elementor (puntos de corte 1024 / 767 px).
 */

/* Contenedor (1d7a504f): 1140 px (ancho de contenedor del kit de Elementor); tablet 60/20 px; móvil 0/12 px. */
.ed-single-wrap {
	box-sizing: border-box;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
}

/* Categoría + tipo de contenido (4c6a559f). */
.ed-single-cats {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	padding-top: 40px;
}

.ed-single-cats .s-cats {
	margin: 0;
}

.ed-single-cats .p-categories {
	font-family: "PT Serif", serif;
	font-size: 14px;
}

.ed-single-type .p-categories {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
}

/* Título (4bd98f2b). h1.ed-single-title gana a h1.entry-title de Foxiz. */
.ed-single h1.ed-single-title {
	margin: 35px 0 0;
	font-size: 42px;
	font-weight: 600;
	line-height: 50px;
}

/* Opinión: título en azul. */
.ed-single-opinion h1.ed-single-title {
	color: #20408e;
}

/*
 * Sin imagen destacada (Opinión) o sin marca del Trust (TTP anterior): la
 * barra del autor y el contenido no deben montarse con lo de arriba.
 */
.ed-single-opinion .ed-single-main > .single-meta {
	margin-top: 0;
}

.ed-single-anterior .ed-single-main > .single-meta {
	margin-bottom: 20px;
}

/* Sumario: el extracto (3e9cf864). */
.ed-single-excerpt {
	margin: 20px 0 0;
}

/* Seguir / Añadir a Google (widget HTML e90c90a). */
.ed-google-follow-wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 100%;
	margin: 20px 0;
}

.ed-google-follow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 auto;
	gap: 7px;
	box-sizing: border-box;
	min-width: 0;
	height: 44px;
	padding: 0 10px;
	border: 2px solid transparent;
	border-radius: 6px;
	background:
		linear-gradient(#fff, #fff) padding-box,
		conic-gradient(from 45deg, #4285f4, #34a853, #fbbc05, #ea4335, #4285f4) border-box;
	color: #333 !important;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
}

.ed-google-follow:hover {
	background:
		linear-gradient(#f8f9fa, #f8f9fa) padding-box,
		conic-gradient(from 45deg, #4285f4, #34a853, #fbbc05, #ea4335, #4285f4) border-box;
}

.ed-google-follow:focus-visible {
	outline: 2px solid #07529c;
	outline-offset: 3px;
}

.ed-google-follow img {
	display: block;
	flex: 0 0 auto;
	box-sizing: content-box;
	width: 20px !important;
	height: 20px !important;
	max-width: none;
	margin: 0;
	padding: 0;
	object-fit: contain;
}

.ed-google-follow.ed-google-add {
	background: #07529c;
	border-color: #07529c;
	color: #fff !important;
}

.ed-google-follow.ed-google-add:hover {
	background: #063e76;
	border-color: #063e76;
}

.ed-google-follow.ed-google-add img {
	padding: 3px;
	background: #fff;
	border-radius: 50%;
}

/* Cuerpo (67106f4): columna principal 68 % + lateral. */
.ed-single-body {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.ed-single-main {
	flex: 0 0 68%;
	max-width: 68%;
	min-width: 0;
}

.ed-single-aside {
	flex: 1 1 auto;
	min-width: 0;
}

/* Lateral fijo al desplazar (2043accb: sticky, 130 px bajo el header). */
.ed-single-aside-inner {
	position: sticky;
	top: 130px;
	display: flex;
	flex-direction: column;
	gap: 20px; /* separación entre anuncios y sidebar, como los widgets de Elementor */
}

.admin-bar .ed-single-aside-inner {
	top: 162px;
}

/* Marca del Trust Project (ca361e6), debajo del autor. */
.ed-single-main > .single-meta {
	margin-top: 20px;
}

.ed-trust {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 10px;
	background: #ddd;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
}

.ed-trust-text {
	flex: 0 0 auto;
}

.ed-trust-logo {
	flex: 0 0 auto;
	margin-left: -5px;
	line-height: 0;
}

.ed-trust-logo img {
	display: block;
	width: 180px;
	height: auto;
}

.ed-trust-more {
	flex: 1 1 auto;
	text-align: end;
}

/* Como en la plantilla de Elementor: sin el bloque de newsletter de Foxiz bajo la nota. */
.ed-single .entry-newsletter {
	display: none;
}

[data-theme="dark"] .ed-trust {
	color: #fff;
}

/* "Te puede interesar" (3a7ee357, 3c6792b8, 6ef9c71c). */
.ed-related {
	box-sizing: border-box;
	min-height: 651px;
	padding: 60px 0;
	background: var(--flex-gray-7, #f5f5f5);
}

.ed-related-wrap {
	max-width: 1140px;
	margin: 0 auto;
}

.ed-related-title {
	padding-top: 60px;
	margin-bottom: 20px;
	line-height: 1;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 35px;
	font-weight: 800;
}

[data-theme="dark"] .ed-related-title {
	color: #fff;
}

.ed-related .entry-title {
	font-family: "PT Serif", serif;
	font-size: 18px;
}

/* ---------- Tablet (≤1024 px) ---------- */
@media (max-width: 1024px) {
	.ed-single-wrap {
		padding: 60px 20px 0;
	}

	.ed-single h1.ed-single-title {
		font-size: 24px;
	}

	.ed-single-body {
		flex-direction: column;
	}

	.ed-single-main {
		flex-basis: auto;
		max-width: 100%;
	}

	.ed-related {
		padding: 60px 20px;
	}

	.ed-related-title {
		padding-top: 0;
	}
}

/* ---------- Móvil (≤767 px) ---------- */
@media (max-width: 767px) {
	.ed-single-wrap {
		padding: 0 12px;
	}

	.ed-single-cats {
		padding-top: 10px;
	}

	.ed-single h1.ed-single-title {
		line-height: 32px;
	}

	.ed-single-excerpt {
		font-size: 16px;
		line-height: 22px;
	}

	.ed-trust {
		margin-top: -6px;
		margin-bottom: 11px;
		padding: 5px;
	}

	.ed-trust-text {
		width: 66.234px;
		font-size: 10px;
	}

	.ed-trust-logo {
		margin-left: 0;
	}

	.ed-trust-logo img {
		width: 128px;
	}

	.ed-trust-more {
		font-size: 10px;
	}

	.ed-related-title {
		font-size: 28px;
		text-align: center;
	}

	/* Ocultos en móvil, como en Elementor. */
	.ed-single-footmeta,
	.ed-single-aside,
	.ed-related {
		display: none;
	}

	.ed-google-follow {
		gap: 5px;
		padding: 0 7px;
		font-size: 13px;
	}

	.ed-google-follow img {
		width: 18px !important;
		height: 18px !important;
	}

	.ed-google-follow.ed-google-add img {
		padding: 2px;
	}
}

@media (max-width: 350px) {
	.ed-google-follow-wrap {
		gap: 6px;
	}

	.ed-google-follow {
		padding: 0 6px;
		font-size: 12px;
	}
}

/*
 * "- Publicidad -" centrado sobre los anuncios dentro del texto (Ad Inserter
 * + Google Ad Manager). Solo cuando el anuncio cargó (:has(iframe)); si Ad
 * Manager colapsa el espacio vacío, la etiqueta desaparece con él. Mismo
 * estilo que la etiqueta de los anuncios del sidebar (.ad-description).
 */
body.ed-single-php .entry-content [id^="div-gpt-ad-"]:has(iframe)::before {
	content: "- Publicidad -";
	display: block;
	margin-bottom: 10px;
	color: #666;
	font-family: "Encode Sans Condensed", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 13px;
	text-align: center;
}