/* =========================================================
   MICROSOFT 2026 — ALCANCE ANUAL
   Scope: body.single-post.tag-ig-microsoft-2026
   Archivo: assets/css/ig-blog-post-microsoft-2026.css
   Solo estilos; no crea estructura editorial.
   ========================================================= */

body.single-post.tag-ig-microsoft-2026 {
	--ig-ms-navy: #0f4c81;
	--ig-ms-accent: #0078d4;
	--ig-ms-orange: #f5960e;
	--ig-ms-text: #26313f;
	--ig-ms-muted: #667085;
	--ig-ms-surface: #f6f8fb;
	--ig-ms-border: #dce3eb;
	--ig-cta-orange: #f5960e;
	--ig-cta-green: #007d2c;
	background: #ffffff;
}

body.single-post.tag-ig-microsoft-2026 #main-content .container {
	max-width: 100%;
}

body.single-post.tag-ig-microsoft-2026 .et_pb_section.ig-ms-2026-hero,
body.single-post.tag-ig-microsoft-2026 .et_pb_section.ig-ms-2026-content,
body.single-post.tag-ig-microsoft-2026 .et_pb_section.ig-ms-2026-cta {
	padding-left: 24px;
	padding-right: 24px;
}

/* =========================================================
   MICROSOFT 2026 — CABECERA
   ========================================================= */
/* Separación header → cabecera: padding sección + fila Divi (antes 32px + 27px) */
body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_hero {
	padding-top: 20px;
	padding-bottom: 4px;
}

body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_hero .et_pb_row {
	padding-top: 0;
	padding-bottom: 4px;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-hero-media {
	margin: 0 0 24px;
	line-height: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-hero-media .et_pb_image_wrap,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-hero-media img {
	display: block;
	width: 100%;
	max-height: none;
	height: auto;
	aspect-ratio: 2560 / 683;
	border-radius: 12px;
	overflow: hidden;
	object-fit: cover;
	object-position: center;
	box-shadow: 0 8px 22px rgba(15, 76, 129, 0.10);
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-hero-media img {
	max-height: 240px;
}

/* =========================================================
   MICROSOFT 2026 — TÍTULO Y METADATOS
   Contrato: .ig-ms-2026-title (módulo Post Title Divi)
   ========================================================= */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-title {
	max-width: 820px;
	margin: 0 auto 12px;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-title .et_pb_title_featured_container {
	display: none !important;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-title .entry-title {
	margin: 0 0 14px;
	color: var(--ig-ms-navy);
	font-size: clamp(28px, 3.4vw, 44px);
	line-height: 1.14;
	letter-spacing: -0.02em;
	font-weight: 700;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-title .et_pb_title_meta_container,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-title .et_pb_title_meta_container a {
	color: var(--ig-ms-muted);
	font-size: 15px;
	line-height: 1.5;
	font-weight: 500;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-title .et_pb_title_meta_container a:hover,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-title .et_pb_title_meta_container a:focus {
	color: var(--ig-ms-accent);
}

/* =========================================================
   MICROSOFT 2026 — CONTENIDO EDITORIAL
   Contrato: .ig-ms-2026-entry (Post Content Divi + Gutenberg)
   ========================================================= */
/* Separación meta → primer párrafo: cierre hero + apertura contenido + fila Divi */
body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_content {
	padding-top: 16px;
	padding-bottom: 36px;
}

body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_content .et_pb_row {
	padding-top: 8px;
	padding-bottom: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry .et_pb_post_content {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content {
	color: var(--ig-ms-text);
	font-size: 18px;
	line-height: 1.75;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content > :first-child,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content > p:first-of-type {
	margin-top: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content h2:first-of-type {
	margin-top: 0.25rem;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content p {
	margin: 0 0 1.25em;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content h2 {
	margin: 1.5rem 0 0.75rem;
	color: var(--ig-ms-navy);
	font-size: clamp(22px, 2.05vw, 28px);
	line-height: 1.28;
	font-weight: 700;
	letter-spacing: -0.015em;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content a {
	color: var(--ig-ms-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content a:hover,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content a:focus {
	color: var(--ig-cta-green);
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content a:focus-visible {
	outline: 2px solid var(--ig-ms-accent);
	outline-offset: 2px;
}

/* =========================================================
   MICROSOFT 2026 — VIDEOS (contratos adaptables)
   Escenario A: ig-ms-2026-media-text + copy original contiguo
   Escenario B: ig-ms-video--vertical-only suelto (media stage, sin copy)
   Escenario C: ig-ms-video--horizontal (16:9 ancho completo)
   Escenario D: ig-ms-video--horizontal + ig-ms-video--vertical (dual responsive)
   ========================================================= */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed {
	margin: 1.75rem 0;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(11, 27, 58, 0.08);
	background: #000;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__media .wp-block-embed {
	margin: 0;
	box-shadow: 0 8px 22px rgba(23, 57, 138, 0.12);
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed__wrapper {
	position: relative;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed iframe {
	display: block;
	width: 100%;
	border: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	aspect-ratio: 16 / 9;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.wp-embed-aspect-16-9 iframe {
	height: 100%;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper {
	aspect-ratio: 9 / 16;
	max-height: none;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.wp-embed-aspect-9-16 iframe {
	height: 100%;
}

/* Escenario D — dual: horizontal visible en escritorio */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--horizontal {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--vertical:not(.ig-ms-video--vertical-only) {
	display: none;
}

/* Escenario B — vertical-only suelto: media stage editorial (sin copy inventado) */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--vertical-only {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 2rem auto;
	padding: 28px 24px;
	background: var(--ig-ms-surface);
	border: 1px solid var(--ig-ms-border);
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(11, 27, 58, 0.06);
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--vertical-only .wp-block-embed__wrapper {
	max-width: min(380px, 100%);
	margin: 0 auto;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--vertical-only iframe {
	border-radius: 12px;
}

/* =========================================================
   MICROSOFT 2026 — Escenario A: media-text (copy original contiguo)
   Solo cuando el contenido real incluye ig-ms-2026-media-text en Gutenberg.
   ========================================================= */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-columns.ig-ms-2026-media-text {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 36px;
	width: 100%;
	margin: 0.5rem 0 1.75rem;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__media {
	flex: 0 0 38%;
	max-width: 38%;
	min-width: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__copy {
	flex: 1 1 62%;
	max-width: 62%;
	min-width: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__copy > p:first-child {
	margin-top: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__media .wp-block-embed.ig-ms-video--vertical-only {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	border: none;
	border-radius: 14px;
	box-shadow: 0 8px 22px rgba(23, 57, 138, 0.12);
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__media .wp-block-embed.ig-ms-video--vertical-only .wp-block-embed__wrapper {
	max-width: 100%;
}

/* =========================================================
   MICROSOFT 2026 — BENEFICIOS
   Contrato Gutenberg: .ig-ms-2026-benefits
   ========================================================= */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content ul.ig-ms-2026-benefits,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content ul.wp-block-list.ig-ms-2026-benefits {
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 22px 24px;
	background: var(--ig-ms-surface);
	border: 1px solid var(--ig-ms-border);
	border-left: 4px solid var(--ig-ms-orange);
	border-radius: 16px;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content ul.ig-ms-2026-benefits li,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content ul.wp-block-list.ig-ms-2026-benefits li {
	position: relative;
	padding-left: 22px;
	margin: 0 0 12px;
	color: var(--ig-ms-text);
	font-size: 17px;
	line-height: 1.55;
	list-style: none;
	list-style-type: none;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content ul.ig-ms-2026-benefits li::marker,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content ul.wp-block-list.ig-ms-2026-benefits li::marker {
	content: none;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content ul.ig-ms-2026-benefits li::before,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content ul.wp-block-list.ig-ms-2026-benefits li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--ig-ms-accent);
	transform: translateY(-50%);
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content ul.ig-ms-2026-benefits li:last-child,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content ul.wp-block-list.ig-ms-2026-benefits li:last-child {
	margin-bottom: 0;
}

/* =========================================================
   MICROSOFT 2026 — CTA
   Contratos Divi: #ig_ms_2026_cta, .ig-ms-2026-cta-*
   ========================================================= */
body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_cta {
	padding-top: 16px;
	padding-bottom: 56px;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-copy {
	max-width: 720px;
	margin: 0 auto 20px;
	padding: 28px 32px;
	background: var(--ig-ms-surface);
	border: 1px solid var(--ig-ms-border);
	border-radius: 20px;
	text-align: center;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-copy h2 {
	margin: 0 0 10px;
	color: var(--ig-ms-navy);
	font-size: clamp(22px, 2.2vw, 30px);
	line-height: 1.2;
	font-weight: 800;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-copy p {
	margin: 0;
	color: var(--ig-ms-muted);
	font-size: 17px;
	line-height: 1.6;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button {
	text-align: center;
	margin: 0 auto;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button .et_pb_button,
body.single-post.tag-ig-microsoft-2026 a.et_pb_button.ig-ms-2026-cta-button,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 14px 32px;
	border-radius: 999px;
	border: none;
	background: var(--ig-cta-orange) !important;
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	transition: background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button .et_pb_button::after,
body.single-post.tag-ig-microsoft-2026 a.et_pb_button.ig-ms-2026-cta-button::after,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button a::after {
	display: none !important;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button .et_pb_button:hover,
body.single-post.tag-ig-microsoft-2026 a.et_pb_button.ig-ms-2026-cta-button:hover,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button a:hover {
	background: var(--ig-cta-green) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(0, 125, 44, 0.28);
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button .et_pb_button:focus-visible,
body.single-post.tag-ig-microsoft-2026 a.et_pb_button.ig-ms-2026-cta-button:focus-visible,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button a:focus-visible {
	outline: 2px solid var(--ig-ms-accent);
	outline-offset: 3px;
}

/* =========================================================
   MICROSOFT 2026 — RESPONSIVE
   ========================================================= */
@media (max-width: 980px) {
	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-hero-media img {
		max-height: 190px;
		height: 190px;
		border-radius: 14px;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-title .entry-title {
		font-size: 34px;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content {
		font-size: 17px;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--horizontal {
		display: none;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--vertical:not(.ig-ms-video--vertical-only) {
		display: block;
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--vertical-only {
		padding: 22px 18px;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--vertical-only .wp-block-embed__wrapper {
		max-width: min(360px, 100%);
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__media .wp-block-embed.ig-ms-video--vertical-only {
		padding: 0;
		max-width: 100%;
		margin: 0 auto;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-columns.ig-ms-2026-media-text {
		gap: 26px;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__media {
		flex: 0 0 42%;
		max-width: 42%;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__copy {
		flex: 1 1 58%;
		max-width: 58%;
	}
}

@media (max-width: 767px) {
	body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_hero,
	body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_content,
	body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_cta {
		padding-left: 18px;
		padding-right: 18px;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-hero-media img {
		max-height: none;
		height: auto;
		aspect-ratio: 1920 / 312;
		border-radius: 10px;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-title .entry-title {
		font-size: 28px;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content h2 {
		font-size: 22px;
		margin: 1.25rem 0 0.65rem;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--vertical:not(.ig-ms-video--vertical-only) {
		max-width: 100%;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--vertical-only {
		padding: 18px 14px;
		margin: 1.5rem auto;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-embed.ig-ms-video--vertical-only .wp-block-embed__wrapper {
		max-width: min(320px, 100%);
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__media .wp-block-embed.ig-ms-video--vertical-only {
		padding: 0;
		max-width: min(360px, 100%);
		margin: 0 auto;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .wp-block-columns.ig-ms-2026-media-text {
		flex-direction: column;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 1.25rem;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__media,
	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-entry.et_pb_post_content .ig-ms-2026-media-text__copy {
		flex: 0 0 100%;
		max-width: 100%;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-copy {
		padding: 22px 20px;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button .et_pb_button,
	body.single-post.tag-ig-microsoft-2026 a.et_pb_button.ig-ms-2026-cta-button,
	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button a {
		width: 100%;
		max-width: 360px;
	}
}

/* =========================================================
   MICROSOFT 2026 — NAVEGACIÓN Y ENTRADAS RELACIONADAS
   Módulos nativos Divi en Theme Builder (Post Navigation, Text, Blog).
   CSS solo estiliza contratos; no crea estructura ni consultas.
   Categoría editorial Fortinet gobierna navegación y relacionados.
   Navegación compacta sin títulos; efecto espejo/translúcido en enlaces.
   Neutralización de wrappers Salvattore; grid 3/2/1; una tarjeta ocupa la primera columna.
   ========================================================= */
body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_discovery {
	padding-top: 8px;
	padding-bottom: 48px;
	padding-left: 24px;
	padding-right: 24px;
	background: #ffffff;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-discovery .et_pb_row {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}

/* Navegación compacta — Anterior / Siguiente */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav-row {
	padding-top: 0;
	padding-bottom: 28px;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav.et_pb_posts_nav {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-previous,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-next {
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-previous a,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-next a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 140px;
	padding: 12px 18px;
	border: 1px solid rgba(11, 27, 58, 0.12);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.55);
	color: var(--ig-ms-navy);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: 0 8px 24px rgba(11, 27, 58, 0.06);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-previous a:hover,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-previous a:focus,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-next a:hover,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-next a:focus {
	border-color: rgba(23, 57, 138, 0.35);
	box-shadow: 0 10px 28px rgba(11, 27, 58, 0.10);
	background: rgba(255, 255, 255, 0.72);
	outline: 2px solid rgba(23, 57, 138, 0.35);
	outline-offset: 2px;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .meta-nav {
	display: none;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-previous a::before {
	content: "\2190";
	color: var(--ig-ms-accent);
	font-weight: 700;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-next a::after {
	content: "\2192";
	color: var(--ig-ms-accent);
	font-weight: 700;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-label {
	display: inline;
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	word-break: normal;
	overflow-wrap: normal;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-next {
	text-align: right;
	margin-left: auto;
}

/* Encabezado relacionados */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-heading-row {
	padding-top: 4px;
	padding-bottom: 16px;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-heading h2 {
	margin: 0;
	color: var(--ig-ms-navy);
	font-size: clamp(22px, 2.2vw, 30px);
	line-height: 1.2;
	font-weight: 800;
}

/* Tarjetas relacionadas — neutralizar Salvattore y grid 3/2/1 */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-row,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_ajax_pagination_container {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid {
	margin: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .et_pb_salvattore_content[data-columns] {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

/* 1 relacionado: una columna natural, sin estirar a ancho completo */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:has(article:only-of-type) {
	grid-template-columns: minmax(0, 1fr);
	max-width: min(420px, 100%);
}

/* 2 relacionados: dos columnas equilibradas */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:has(article:nth-of-type(2):last-of-type) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 100%;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .column,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .column.size-1of1,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .column.size-1of2,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .column.size-1of3 {
	float: none !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .et_pb_salvattore_content > article,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid article {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	position: static !important;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .et_pb_post {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0;
	border: 1px solid var(--ig-ms-border);
	border-radius: 16px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 6px 18px rgba(11, 27, 58, 0.06);
	word-wrap: normal;
	word-break: normal;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .et_pb_post:hover,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .et_pb_post:focus-within {
	border-color: var(--ig-ms-accent);
	box-shadow: 0 10px 24px rgba(11, 27, 58, 0.10);
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_image_container,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .entry-featured-image-url {
	display: block;
	width: 100%;
	margin: 0;
	line-height: 0;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .entry-featured-image-url img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .entry-title,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .entry-title a {
	margin: 0;
	padding: 16px 16px 8px;
	color: var(--ig-ms-navy);
	font-size: clamp(20px, 1.6vw, 22px);
	line-height: 1.3;
	font-weight: 700;
	word-break: normal;
	overflow-wrap: break-word;
	text-decoration: none;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .entry-title a:hover,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .entry-title a:focus {
	color: var(--ig-ms-accent);
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .post-meta,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .published {
	padding: 0 16px 16px;
	color: var(--ig-ms-muted);
	font-size: 14px;
	line-height: 1.4;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .post-content,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .post-content-inner,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .more-link,
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_extra_overlay {
	display: none !important;
}

@media (max-width: 980px) {
	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .et_pb_salvattore_content[data-columns] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_discovery {
		padding-left: 18px;
		padding-right: 18px;
		padding-bottom: 36px;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav.et_pb_posts_nav {
		flex-direction: column;
		align-items: stretch;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-previous,
	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-next {
		width: 100%;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-previous a,
	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-next a {
		width: 100%;
		min-width: 0;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav .nav-next {
		margin-left: 0;
		text-align: left;
	}

	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-posts .et_pb_blog_grid .et_pb_salvattore_content[data-columns] {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* =========================================================
   MICROSOFT 2026 — ACCESIBILIDAD
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button .et_pb_button,
	body.single-post.tag-ig-microsoft-2026 a.et_pb_button.ig-ms-2026-cta-button,
	body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-cta-button a {
		transition: none;
	}
}

/* =========================================================
   MICROSOFT 2026 — OCULTAMIENTO BLOQUES VACÍOS
   ========================================================= */
body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-post-nav-row:not(:has(a)) {
	display: none;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-row:not(:has(article)) {
	display: none;
}

body.single-post.tag-ig-microsoft-2026 .ig-ms-2026-related-heading-row:not(:has(+ .et_pb_row .ig-ms-2026-related-posts article)) {
	display: none;
}

body.single-post.tag-ig-microsoft-2026 #ig_ms_2026_discovery:not(:has(a, article)) {
	display: none;
	padding: 0;
	margin: 0;
}