/* Infolot Ayuda — estilos de bloque */

:root {
	--ia-radio: 8px;
	--ia-azul: var(--wp--preset--color--primario);
	--ia-azul-oscuro: var(--wp--preset--color--primario-oscuro);
	--ia-azul-claro: var(--wp--preset--color--primario-claro);
	--ia-borde: var(--wp--preset--color--borde);
	--ia-fondo: var(--wp--preset--color--fondo);
	--ia-texto-suave: var(--wp--preset--color--texto-suave);
}

/* ---------- Avisos ---------- */
.is-style-aviso-nota,
.is-style-aviso-consejo,
.is-style-aviso-atencion,
.is-style-aviso-importante {
	--ia-aviso: var(--ia-azul-oscuro);
	--ia-aviso-fondo: var(--ia-azul-claro);
	--ia-aviso-etiqueta: "Nota";
	position: relative;
	border-left: 4px solid var(--ia-aviso);
	background: var(--ia-aviso-fondo);
	border-radius: 0 var(--ia-radio) var(--ia-radio) 0;
	padding: 1rem 1.25rem 1rem 1.25rem;
}
.is-style-aviso-nota::before,
.is-style-aviso-consejo::before,
.is-style-aviso-atencion::before,
.is-style-aviso-importante::before {
	content: var(--ia-aviso-etiqueta);
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--ia-aviso);
	margin-bottom: 0.35rem;
	font-family: var(--wp--preset--font-family--montserrat);
}
.is-style-aviso-consejo { --ia-aviso: var(--wp--preset--color--consejo); --ia-aviso-fondo: var(--wp--preset--color--consejo-claro); --ia-aviso-etiqueta: "Consejo"; }
.is-style-aviso-atencion { --ia-aviso: var(--wp--preset--color--atencion); --ia-aviso-fondo: var(--wp--preset--color--atencion-claro); --ia-aviso-etiqueta: "Atención"; }
.is-style-aviso-importante { --ia-aviso: var(--wp--preset--color--importante); --ia-aviso-fondo: var(--wp--preset--color--importante-claro); --ia-aviso-etiqueta: "Importante"; }
[class*="is-style-aviso-"] > :first-child { margin-top: 0; }
[class*="is-style-aviso-"] > :last-child { margin-bottom: 0; }

/* ---------- Tarjeta ---------- */
.is-style-tarjeta {
	border: 1px solid var(--ia-borde);
	border-radius: var(--ia-radio);
	padding: 1.25rem 1.5rem;
	background: var(--wp--preset--color--base);
}

/* ---------- Pasos numerados ---------- */
ol.is-style-pasos {
	list-style: none;
	counter-reset: paso;
	padding-left: 0;
}
ol.is-style-pasos > li {
	counter-increment: paso;
	position: relative;
	padding-left: 3rem;
	margin-bottom: 1.25rem;
	min-height: 2rem;
}
ol.is-style-pasos > li::before {
	content: counter(paso);
	position: absolute;
	left: 0;
	top: -0.1rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--ia-azul);
	color: #fff;
	font-weight: 700;
	font-family: var(--wp--preset--font-family--montserrat);
	display: grid;
	place-items: center;
	font-size: 0.95rem;
}
ol.is-style-pasos > li img { margin-top: 0.75rem; }

/* ---------- Lista de enlaces (Relacionado) ---------- */
ul.is-style-enlaces { list-style: none; padding-left: 0; }
ul.is-style-enlaces > li { border-bottom: 1px solid var(--ia-borde); }
ul.is-style-enlaces > li:last-child { border-bottom: 0; }
ul.is-style-enlaces > li > a {
	display: block;
	padding: 0.6rem 0 0.6rem 1.25rem;
	text-decoration: none;
	position: relative;
}
ul.is-style-enlaces > li > a::before {
	content: "›";
	position: absolute;
	left: 0.2rem;
	color: var(--ia-azul);
	font-weight: 700;
}
ul.is-style-enlaces > li > a:hover { text-decoration: underline; }

/* ---------- Capturas de pantalla ---------- */
.wp-block-image.is-style-captura img {
	border: 1px solid var(--ia-borde);
	border-radius: 6px;
	box-shadow: 0 2px 10px rgba(16, 40, 60, 0.08);
}
.wp-block-image.is-style-captura figcaption { text-align: left; }

/* ---------- Formatos de texto ---------- */
kbd {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.85em;
	background: var(--ia-fondo);
	border: 1px solid var(--ia-borde);
	border-bottom-width: 2px;
	border-radius: 4px;
	padding: 0.05em 0.4em;
	white-space: nowrap;
}
.ruta-menu {
	font-weight: 500;
	background: var(--ia-azul-claro);
	color: var(--wp--preset--color--texto);
	border-radius: 4px;
	padding: 0.05em 0.4em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* ---------- Migas de pan ---------- */
.infolot-migas ol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.5rem;
	font-size: var(--wp--preset--font-size--small);
	color: var(--ia-texto-suave);
}
.infolot-migas li + li::before { content: "›"; margin-right: 0.5rem; color: var(--ia-borde); }
.infolot-migas a { color: var(--ia-texto-suave); text-decoration: none; }
.infolot-migas a:hover { color: var(--ia-azul-oscuro); text-decoration: underline; }

/* ---------- Navegación de sección ---------- */
.infolot-seccion {
	font-size: var(--wp--preset--font-size--small);
	border-left: 1px solid var(--ia-borde);
	padding-left: 1rem;
}
.infolot-seccion__titulo { font-weight: 600; margin: 0 0 0.5rem; font-family: var(--wp--preset--font-family--montserrat); }
.infolot-seccion__titulo a { color: var(--wp--preset--color--texto); text-decoration: none; }
.infolot-seccion ul { list-style: none; margin: 0; padding: 0; }
.infolot-seccion ul ul { padding-left: 0.85rem; }
.infolot-seccion li a {
	display: block;
	padding: 0.3rem 0;
	color: var(--ia-texto-suave);
	text-decoration: none;
	line-height: 1.35;
}
.infolot-seccion li a:hover { color: var(--ia-azul-oscuro); }
.infolot-seccion .current_page_item > a {
	color: var(--ia-azul-oscuro);
	font-weight: 600;
}
@media (min-width: 782px) {
	.wp-block-columns > .infolot-lateral { order: -1; }
}
@media (min-width: 960px) {
	.infolot-lateral { position: sticky; top: 1.5rem; max-height: calc(100vh - 3rem); overflow-y: auto; }
}

/* ---------- Cabecera de nota de versión ---------- */
.infolot-version {
	display: inline-block;
	font-family: var(--wp--preset--font-family--montserrat);
	background: var(--ia-azul);
	color: #fff;
	font-weight: 700;
	border-radius: 999px;
	padding: 0.15rem 0.75rem;
	font-size: var(--wp--preset--font-size--small);
}
.infolot-actualizado {
	color: var(--ia-texto-suave);
	font-size: var(--wp--preset--font-size--small);
	border-top: 1px solid var(--ia-borde);
	padding-top: 0.75rem;
}

/* ---------- Preguntas frecuentes ---------- */
.wp-block-details {
	border: 1px solid var(--ia-borde);
	border-radius: var(--ia-radio);
	padding: 0.75rem 1rem;
}
.wp-block-details summary { font-weight: 600; cursor: pointer; }
.wp-block-details + .wp-block-details { margin-top: 0.5rem; }

/* ---------- Tablas ---------- */
.wp-block-table thead { border-bottom: 2px solid var(--ia-azul); }
.wp-block-table td, .wp-block-table th { border-color: var(--ia-borde); padding: 0.55rem 0.75rem; }