/* ICN Theme: botón de WhatsApp y tarjetas del blog. El botón usa el verde de la marca, texto blanco e ícono oficial. Vale en todas las variaciones de estilo. */
.wp-block-button__link[href^="https://wa.me/"] {
	display: inline-flex;
	align-items: center;
	gap: 0.55em;
	background-color: #25d366;
	color: #ffffff;
	border: 0;
}
.wp-block-button__link[href^="https://wa.me/"]:hover,
.wp-block-button__link[href^="https://wa.me/"]:focus-visible {
	background-color: #1fbf5b;
	color: #ffffff;
}
.wp-block-button__link[href^="https://wa.me/"]:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}
.icn-wa-icono {
	width: 1.3em;
	height: 1.3em;
	flex: none;
	fill: currentColor;
}

/* Blog: tarjetas de las guías (listado, categorías y relacionadas). Colores y sombra salen de la paleta; acá solo va la estructura. */
.icn-tarjeta {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}
.icn-tarjeta .wp-block-post-featured-image {
	margin: 0;
}
.icn-tarjeta-cuerpo {
	display: flex;
	flex: 1;
	flex-direction: column;
}
.icn-tarjeta-cuerpo > * {
	margin: 0;
}
.icn-tarjeta .wp-block-post-title a {
	text-decoration: none;
}
/* Toda la tarjeta lleva a la nota: el enlace del título se estira sobre ella. */
.icn-tarjeta .wp-block-post-title a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.icn-tarjeta:hover .wp-block-post-title a,
.icn-tarjeta .wp-block-post-title a:focus-visible {
	text-decoration: underline;
}
.icn-tarjeta .wp-block-post-excerpt__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	margin: 0;
}
.icn-tarjeta .wp-block-read-more {
	margin-top: auto;
	padding-top: 0.4rem;
}
.icn-tarjeta-categoria,
.icn-tarjeta .wp-block-read-more {
	position: relative;
	z-index: 1;
}
.icn-tarjeta-categoria {
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.icn-tarjeta-categoria a {
	text-decoration: none;
}
.icn-blog .wp-block-query-pagination a,
.icn-blog .wp-block-query-pagination .current {
	padding: 0.35rem 0.7rem;
}

/* Nota: cuerpo a 720 px con más aire entre secciones. */
.icn-nota-encabezado > * {
	margin-block: 0;
}
.icn-nota-encabezado .wp-block-group > p {
	margin: 0;
}
.icn-nota-cuerpo {
	margin-top: var(--wp--preset--spacing--50);
}
.icn-nota-cuerpo h2 {
	margin-top: 2.5rem;
}
.icn-nota-cuerpo h3 {
	margin-top: 1.75rem;
}
.icn-nota-cuerpo li + li {
	margin-top: 0.4rem;
}

/* ICN (icnlatam.com): encabezado y pie oscuros, menú con desplegable, botón secundario, tarjetas, etiquetas y cifras. */
.icn-marca {
	margin: 0;
	line-height: 0;
}
.icn-marca img {
	display: block;
	width: 96px;
	height: 32px;
}
.icn-encabezado .wp-block-navigation {
	font-size: 0.95rem;
}
.icn-encabezado .wp-block-navigation a,
.icn-encabezado .wp-block-navigation .wp-block-navigation-submenu__toggle {
	color: var(--wp--preset--color--on-surface);
	text-decoration: none;
}
.icn-encabezado .wp-block-navigation a:hover,
.icn-encabezado .wp-block-navigation a:focus-visible,
.icn-encabezado .wp-block-navigation .wp-block-navigation-submenu__toggle:hover {
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
}
.icn-encabezado .wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--surface-2);
	border: 1px solid #2e2a24;
	padding: 0.4rem 0;
}
.icn-encabezado .wp-block-navigation .wp-block-navigation__submenu-container a {
	padding: 0.45rem 1rem;
}
.icn-encabezado .wp-block-navigation__responsive-container-open,
.icn-encabezado .wp-block-navigation__responsive-container-close {
	color: var(--wp--preset--color--on-surface);
}
.icn-cta-encabezado .wp-block-button__link {
	padding: 0.55rem 1rem;
	font-size: 0.92rem;
}
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--contrast);
	border: 1px solid var(--wp--preset--color--accent);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
}
.wp-element-button:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
}
.icn-kicker {
	margin-bottom: 0.4rem;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-ink);
}
.icn-tarjetas > .wp-block-column.icn-tarjeta {
	padding: 1.4rem 1.4rem 1.5rem;
	border: 1px solid var(--wp--preset--color--border, transparent);
	border-radius: 8px;
	background: var(--wp--preset--color--card);
}
.icn-tarjetas .icn-tarjeta > * {
	margin-block: 0 0.7rem;
}
.icn-tarjetas .icn-tarjeta > :last-child {
	margin-bottom: 0;
}
.icn-tarjetas .icn-tarjeta h3 {
	font-size: 1.15rem;
}
.icn-datos .icn-dato {
	margin: 0;
	line-height: 1.3;
}
.icn-datos .icn-dato strong {
	display: block;
	font-family: var(--wp--preset--font-family--playfair, Georgia, "Times New Roman", serif);
	font-size: 2.2rem;
	color: var(--wp--preset--color--accent-ink);
}
.icn-secundario {
	color: var(--wp--preset--color--muted);
}
.icn-correo-visible {
	margin-top: 1rem;
	font-weight: 700;
}
.icn-pie .wp-block-columns {
	gap: 1.5rem;
}
.icn-pie p {
	font-size: 0.95rem;
	line-height: 1.8;
}
.icn-pie a {
	text-decoration: none;
}
.icn-pie a:hover,
.icn-pie a:focus-visible {
	text-decoration: underline;
}

/* Portada de página: el H1 lleva la palabra clave (Inter 500) y el concepto del cliente va textual como titular (Playfair 700). */
.icn-portada-seccion h1.icn-h1-etiqueta {
	margin-bottom: 0.25rem;
	font-family: var(--wp--preset--font-family--system);
	font-size: 1.15rem;
	font-weight: 500;
	line-height: 1.4;
	color: var(--wp--preset--color--accent);
}
.icn-titular {
	margin-top: 0;
	font-family: var(--wp--preset--font-family--playfair, Georgia, serif);
	font-size: clamp(1.9rem, 1.3rem + 2.6vw, 3rem);
	font-weight: 700;
	line-height: 1.15;
}
.icn-portada-seccion h1:not(.icn-h1-etiqueta) {
	font-size: clamp(1.9rem, 1.3rem + 2.6vw, 3rem);
	line-height: 1.15;
}

/* Encabezado en una fila (escritorio): logo, menú al centro y botones; nada se parte en dos líneas. */
.icn-encabezado-fila > .wp-block-navigation {
	flex: 1 1 auto;
	justify-content: center;
}
.icn-encabezado .wp-block-navigation .wp-block-navigation-item__content,
.icn-cta-encabezado .wp-block-button__link {
	white-space: nowrap;
}
.icn-encabezado-fila > .icn-marca,
.icn-encabezado-fila > .icn-cta-encabezado {
	flex: 0 0 auto;
}

/* Portada: la imagen ocupa el ancho de su columna (55/45). */
.icn-portada-seccion .wp-block-image,
.icn-portada-seccion .wp-block-image img {
	width: 100%;
	height: auto;
}

/* Móvil (menos de 782 px): «Encontrá un consultor» pasa del botón al menú; en la fila quedan logo, menú y «Ser parte de ICN». */
.icn-encabezado .wp-block-navigation-item.icn-solo-movil {
	display: none;
}
@media (max-width: 781px) {
	.icn-encabezado .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.icn-solo-movil {
		display: flex;
	}
	.icn-cta-encabezado .icn-solo-escritorio {
		display: none;
	}
	.icn-encabezado-fila {
		gap: 0.75rem;
	}
	.icn-cta-encabezado .wp-block-button__link {
		padding: 0.5rem 0.8rem;
	}
}