/* =========================================================================
   Entrada individual del blog
   -------------------------------------------------------------------------
   Se carga SOLO en entradas (is_singular('post')), así que no puede afectar a
   la portada, al catálogo ni a ninguna otra página.

   Todos los colores salen de las variables del tema. Si algún día cambia la
   marca, cambia aquí solo. El naranja es --OZ-Color-3.
   ========================================================================= */

.single .site-main--single {
	--oz-b-naranja: var(--OZ-Color-3, #ea580c);
	--oz-b-negro: var(--OZ-Color-1, #000);
	--oz-b-texto: #3f3f46;
	--oz-b-suave: #71717a;
	--oz-b-borde: var(--OZ-Color-6, #e5e5e5);
	--oz-b-fondo: #fafafa;
	--oz-b-naranja-10: color-mix(in srgb, var(--oz-b-naranja) 8%, #fff);
	--oz-b-naranja-20: color-mix(in srgb, var(--oz-b-naranja) 22%, #fff);
	--oz-b-ancho: 1200px;
	--oz-b-radio: 10px;

	background: #fff;
	color: var(--oz-b-texto);
	font-family: var(--OZ-Font-Base);
}

/* Respaldo para navegadores sin color-mix */
@supports not (color: color-mix(in srgb, red 50%, blue)) {
	.single .site-main--single {
		--oz-b-naranja-10: #fff5ef;
		--oz-b-naranja-20: #fcd9c4;
	}
}

/* ------------------------------------------------- Ancho del envoltorio --- */
/* El envoltorio .site del tema esta limitado a --OZ-Container-PC (1440 px) y
   NO lleva margenes automaticos, asi que en pantallas mas anchas queda pegado
   a la izquierda y deja un hueco a la derecha. El propio tema ya lo suelta en
   las paginas de WooCommerce (body.woocommerce .site { max-width: none }).
   Aqui se hace lo mismo, pero SOLO en la entrada del blog: la cabecera y el
   pie ya son de ancho completo, y todos los bloques de esta plantilla llevan
   su propio contenedor centrado de 1200 px. */
body.single-post .site {
	max-width: none;
}

/* -------------------------------------------------------------- Migas --- */
.oz-crumbs {
	border-bottom: 1px solid var(--oz-b-borde);
	background: #fff;
}

.oz-crumbs__inner {
	max-width: var(--oz-b-ancho);
	margin: 0 auto;
	padding: 14px 20px;
	font-size: 13px;
	color: var(--oz-b-suave);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.oz-crumbs a {
	color: var(--oz-b-suave);
	text-decoration: none;
}

.oz-crumbs a:hover {
	color: var(--oz-b-naranja);
	text-decoration: underline;
}

.oz-crumbs__sep {
	color: #d4d4d8;
}

.oz-crumbs__current {
	color: var(--oz-b-negro);
	font-weight: 500;
	/* Que un título largo no rompa la línea en móvil */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

/* ---------------------------------------------------- Cabecera del post --- */
.oz-post__hero {
	background: var(--oz-b-fondo);
	border-bottom: 1px solid var(--oz-b-borde);
}

.oz-post__hero-inner {
	max-width: var(--oz-b-ancho);
	margin: 0 auto;
	padding: 36px 20px 40px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	align-items: center;
}

@media (min-width: 992px) {
	.oz-post__hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 40px;
		padding: 44px 20px 48px;
	}
}

.oz-post__badge {
	display: inline-block;
	background: var(--oz-b-naranja);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	padding: 5px 11px;
	border-radius: 4px;
	text-decoration: none;
	margin-bottom: 14px;
}

.oz-post__badge:hover {
	color: #fff;
	text-decoration: none;
	filter: brightness(0.92);
}

.oz-post__title {
	margin: 0 0 14px;
	color: var(--oz-b-negro);
	font-size: clamp(1.6rem, 3.6vw, 2.35rem);
	line-height: 1.22;
	font-weight: 800;
	letter-spacing: -0.015em;
	/* Sin esto, una palabra larga se sale de pantalla en móvil */
	overflow-wrap: break-word;
}

.oz-post__excerpt {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.65;
	color: var(--oz-b-suave);
	max-width: 46em;
}

.oz-post__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 22px;
	font-size: 13px;
	color: var(--oz-b-suave);
}

.oz-post__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.oz-post__meta-item svg {
	color: var(--oz-b-naranja);
	flex: 0 0 auto;
}

/* Sin proporcion fija a proposito: la imagen destacada es un banner
   disenado, y recortarlo se come el texto de los bordes. Manda la imagen.
   Las etiquetas width/height del <img> reservan el hueco, asi que no hay
   salto de maquetacion al cargar. */
.oz-post__hero-media {
	border-radius: var(--oz-b-radio);
	overflow: hidden;
	background: var(--oz-b-borde);
}

.oz-post__hero-media img,
.oz-post__hero-img {
	display: block;
	width: 100%;
	height: auto;
}

/* En móvil, primero el texto y después la imagen (como pide la referencia) */
@media (max-width: 991px) {
	.oz-post__hero-text { order: 1; }
	.oz-post__hero-media { order: 2; }
}

/* ------------------------------------------------------------ Columnas --- */
.oz-post__layout {
	max-width: var(--oz-b-ancho);
	margin: 0 auto;
	padding: 34px 20px 48px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
}

@media (min-width: 992px) {
	.oz-post__layout {
		grid-template-columns: minmax(0, 1fr) 290px;
		gap: 40px;
		align-items: start;
	}
}

.oz-post__main {
	min-width: 0;
}

/* --------------------------------------------------- Cuerpo del artículo --- */
.oz-post__content {
	font-size: 15.5px;
	line-height: 1.75;
	color: var(--oz-b-texto);
}

.oz-post__content > *:first-child { margin-top: 0; }

.oz-post__content p {
	margin: 0 0 1.05em;
}

.oz-post__content h2 {
	margin: 2.1em 0 0.75em;
	color: var(--oz-b-negro);
	font-size: clamp(1.25rem, 2.4vw, 1.55rem);
	line-height: 1.3;
	font-weight: 700;
	/* El desplazamiento del índice no debe dejar el título bajo la cabecera */
	scroll-margin-top: 96px;
}

/* La rayita naranja corta bajo cada H2 */
.oz-post__content h2::after {
	content: "";
	display: block;
	width: 54px;
	height: 3px;
	margin-top: 9px;
	background: var(--oz-b-naranja);
	border-radius: 2px;
}

.oz-post__content h2:focus { outline: none; }

.oz-post__content h3 {
	margin: 1.7em 0 0.5em;
	color: var(--oz-b-naranja);
	font-size: clamp(1.05rem, 1.9vw, 1.2rem);
	line-height: 1.35;
	font-weight: 700;
	scroll-margin-top: 96px;
}

.oz-post__content h4 {
	margin: 1.4em 0 0.4em;
	color: var(--oz-b-negro);
	font-size: 1.02rem;
	font-weight: 700;
}

.oz-post__content a {
	color: var(--oz-b-naranja);
	text-decoration: none;
	border-bottom: 1px solid var(--oz-b-naranja-20);
}

.oz-post__content a:hover {
	border-bottom-color: var(--oz-b-naranja);
}

.oz-post__content ul,
.oz-post__content ol {
	margin: 0 0 1.15em;
	padding-left: 1.35em;
}

.oz-post__content li {
	margin: 0.3em 0;
}

.oz-post__content ul li::marker,
.oz-post__content ol li::marker {
	color: var(--oz-b-naranja);
	font-weight: 700;
}

.oz-post__content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--oz-b-radio);
}

.oz-post__content blockquote {
	margin: 1.4em 0;
	padding: 4px 0 4px 18px;
	border-left: 3px solid var(--oz-b-naranja);
	color: var(--oz-b-suave);
	font-style: italic;
}

/* Las tablas anchas se desplazan solas, la página nunca */
.oz-post__content table {
	display: block;
	width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
}

.oz-post__tags {
	margin-top: 30px;
	padding-top: 18px;
	border-top: 1px solid var(--oz-b-borde);
	font-size: 13px;
	color: var(--oz-b-suave);
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	align-items: center;
}

.oz-post__tags-label { font-weight: 600; color: var(--oz-b-negro); }

.oz-post__tags a {
	background: var(--oz-b-fondo);
	border: 1px solid var(--oz-b-borde);
	border-radius: 999px;
	padding: 3px 11px;
	color: var(--oz-b-suave);
	text-decoration: none;
}

.oz-post__tags a:hover { border-color: var(--oz-b-naranja); color: var(--oz-b-naranja); }

/* ===================================================== Bloques especiales === */

/* --- "En este artículo aprenderás" --- */
.oz-learn {
	display: flex;
	gap: 14px;
	background: var(--oz-b-naranja-10);
	border: 1px solid var(--oz-b-naranja-20);
	border-radius: var(--oz-b-radio);
	padding: 18px 20px;
	margin: 0 0 30px;
}

.oz-learn__icon { color: var(--oz-b-naranja); flex: 0 0 auto; line-height: 0; padding-top: 2px; }
.oz-learn__body { min-width: 0; }

.oz-learn__title {
	margin: 0 0 8px;
	color: var(--oz-b-naranja);
	font-weight: 700;
	font-size: 15px;
}

.oz-learn__list ul { margin: 0; padding: 0; list-style: none; }
.oz-learn__list p { margin: 0 0 .4em; }

.oz-learn__list li {
	position: relative;
	padding-left: 24px;
	margin: 0.32em 0;
	font-size: 14.5px;
	color: var(--oz-b-texto);
}

.oz-learn__list li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 0.55em;
	width: 9px;
	height: 5px;
	border-left: 2px solid var(--oz-b-naranja);
	border-bottom: 2px solid var(--oz-b-naranja);
	transform: rotate(-45deg);
}

/* --- Tarjetas con icono --- */
.oz-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 16px;
	margin: 22px 0 30px;
}

.oz-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
	padding: 22px 16px;
	border: 1px solid var(--oz-b-borde);
	border-radius: var(--oz-b-radio);
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.oz-card__icon { color: var(--oz-b-negro); line-height: 0; }
.oz-card__title { font-weight: 700; color: var(--oz-b-negro); font-size: 14.5px; }
.oz-card__text { font-size: 13px; color: var(--oz-b-suave); line-height: 1.5; }

/* --- Recuadro de recomendación --- */
.oz-tip {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	background: var(--oz-b-naranja-10);
	border: 1px solid var(--oz-b-naranja-20);
	border-radius: var(--oz-b-radio);
	padding: 15px 18px;
	margin: 22px 0 28px;
}

.oz-tip__icon { color: var(--oz-b-naranja); flex: 0 0 auto; line-height: 0; padding-top: 1px; }
.oz-tip__text { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--oz-b-texto); }
.oz-tip__label { color: var(--oz-b-naranja); }

/* --- Lista numerada destacada --- */
.oz-steps {
	list-style: none;
	counter-reset: ozstep;
	margin: 22px 0 30px;
	padding: 8px 0;
	border: 1px solid var(--oz-b-borde);
	border-radius: var(--oz-b-radio);
	background: #fff;
}

.oz-steps__item {
	counter-increment: ozstep;
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 13px 20px;
	margin: 0;
}

.oz-steps__item + .oz-steps__item { border-top: 1px solid var(--oz-b-borde); }

.oz-steps__num {
	flex: 0 0 auto;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: var(--oz-b-naranja);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.oz-steps__num::before { content: counter(ozstep); }
.oz-steps__body { font-size: 14.5px; line-height: 1.6; min-width: 0; }
.oz-steps__title { color: var(--oz-b-negro); }

/* --- Pasos con icono, 3 columnas --- */
.oz-howto {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
	gap: 22px;
	margin: 22px 0 30px;
}

.oz-howto__item { display: flex; gap: 13px; align-items: flex-start; }
.oz-howto__icon { color: var(--oz-b-naranja); flex: 0 0 auto; line-height: 0; }
.oz-howto__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.oz-howto__title { color: var(--oz-b-negro); font-size: 14.5px; }
.oz-howto__text { font-size: 13px; color: var(--oz-b-suave); line-height: 1.55; }

/* --- Preguntas frecuentes --- */
.oz-faq { margin: 18px 0 30px; display: flex; flex-direction: column; gap: 9px; }

.oz-faq__item {
	border: 1px solid var(--oz-b-borde);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

.oz-faq__item[open] { border-color: var(--oz-b-naranja-20); }

.oz-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 14px 17px;
	font-size: 14.5px;
	font-weight: 600;
	color: var(--oz-b-negro);
	cursor: pointer;
	list-style: none;
}

.oz-faq__q::-webkit-details-marker { display: none; }

.oz-faq__q:focus-visible {
	outline: 2px solid var(--oz-b-naranja);
	outline-offset: -2px;
}

.oz-faq__item[open] .oz-faq__q { color: var(--oz-b-naranja); }

.oz-faq__chevron {
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--oz-b-naranja);
	border-bottom: 2px solid var(--oz-b-naranja);
	transform: rotate(-45deg);
	transition: transform .2s ease;
}

.oz-faq__item[open] .oz-faq__chevron { transform: rotate(45deg); }

.oz-faq__a {
	padding: 0 17px 15px;
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--oz-b-texto);
}

.oz-faq__a p:last-child { margin-bottom: 0; }

.oz-faq__heading {
	margin: 2.1em 0 .75em;
	color: var(--oz-b-negro);
	font-size: clamp(1.25rem, 2.4vw, 1.55rem);
	font-weight: 700;
	scroll-margin-top: 96px;
}

.oz-faq__heading::after {
	content: "";
	display: block;
	width: 54px;
	height: 3px;
	margin-top: 9px;
	background: var(--oz-b-naranja);
	border-radius: 2px;
}

/* --- Banner oscuro de cotización --- */
.oz-banner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	background: var(--oz-b-negro);
	border-radius: var(--oz-b-radio);
	padding: 24px 26px;
	margin: 30px 0;
}

@media (min-width: 700px) {
	.oz-banner { flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; }
}

.oz-banner__text { min-width: 0; }
.oz-banner__title { margin: 0; color: #fff; font-size: 1.2rem; font-weight: 700; line-height: 1.3; }
.oz-banner__sub { margin: 5px 0 0; color: #d4d4d8; font-size: 14px; }

.oz-banner__btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	background: var(--oz-b-naranja);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: .04em;
	padding: 12px 20px;
	border-radius: 6px;
	text-decoration: none;
	border: 0;
}

.oz-banner__btn:hover { filter: brightness(0.92); color: #fff; text-decoration: none; }

/* ======================================================== Barra lateral === */
.oz-post__aside {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (min-width: 992px) {
	.oz-post__aside {
		position: sticky;
		/* Se queda a la vista al hacer scroll, sin empujar el pie */
		top: 24px;
		max-height: calc(100vh - 48px);
		overflow-y: auto;
		scrollbar-width: thin;
	}
}

/* --- Índice --- */
.oz-toc {
	border: 1px solid var(--oz-b-borde);
	border-radius: var(--oz-b-radio);
	background: #fff;
	overflow: hidden;
}

.oz-toc__head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px;
	background: none;
	border: 0;
	border-bottom: 1px solid var(--oz-b-borde);
	font: inherit;
	text-align: left;
	cursor: default;
	color: var(--oz-b-negro);
}

.oz-toc__title { font-weight: 700; font-size: 14.5px; }

.oz-toc__chevron {
	display: none;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--oz-b-naranja);
	border-bottom: 2px solid var(--oz-b-naranja);
	transform: rotate(45deg);
	transition: transform .2s ease;
}

.oz-toc__list {
	list-style: none;
	counter-reset: oztoc;
	margin: 0;
	padding: 10px 16px 14px;
}

.oz-toc__item {
	counter-increment: oztoc;
	display: flex;
	gap: 8px;
	font-size: 13.5px;
	line-height: 1.45;
	padding: 5px 0;
}

.oz-toc__item::before {
	content: counter(oztoc) ".";
	color: var(--oz-b-naranja);
	font-weight: 700;
	flex: 0 0 auto;
}

.oz-toc__link {
	color: var(--oz-b-texto);
	text-decoration: none;
	border: 0;
}

.oz-toc__link:hover { color: var(--oz-b-naranja); }

.oz-toc__item.is-active .oz-toc__link { color: var(--oz-b-naranja); font-weight: 600; }

/* En móvil el índice se pliega */
@media (max-width: 991px) {
	.oz-toc__head { cursor: pointer; }
	.oz-toc__chevron { display: block; }
	.oz-toc.is-collapsed .oz-toc__list { display: none; }
	.oz-toc.is-collapsed .oz-toc__head { border-bottom: 0; }
	.oz-toc.is-collapsed .oz-toc__chevron { transform: rotate(-45deg); }
}

/* --- CTA de la barra lateral --- */
.oz-aside-cta {
	background: var(--oz-b-naranja);
	border-radius: var(--oz-b-radio);
	padding: 20px 18px;
	color: #fff;
}

.oz-aside-cta__icon { display: block; line-height: 0; margin-bottom: 10px; color: #fff; opacity: .9; }
.oz-aside-cta__title { margin: 0 0 7px; font-size: 16px; font-weight: 700; line-height: 1.3; }
.oz-aside-cta__text { margin: 0 0 15px; font-size: 13px; line-height: 1.55; color: rgba(255, 255, 255, .92); }

.oz-aside-cta__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #fff;
	color: var(--oz-b-negro);
	font-weight: 700;
	font-size: 12.5px;
	letter-spacing: .05em;
	padding: 11px 14px;
	border-radius: 6px;
	text-decoration: none;
}

.oz-aside-cta__btn:hover { color: var(--oz-b-naranja); text-decoration: none; }

/* --- También te puede interesar --- */
.oz-aside-more {
	border: 1px solid var(--oz-b-borde);
	border-radius: var(--oz-b-radio);
	background: #fff;
	overflow: hidden;
}

.oz-aside-more__title {
	margin: 0;
	padding: 14px 16px;
	border-bottom: 1px solid var(--oz-b-borde);
	font-size: 14.5px;
	font-weight: 700;
	color: var(--oz-b-negro);
}

.oz-aside-more__list { list-style: none; margin: 0; padding: 6px; }
.oz-aside-more__item { margin: 0; }

.oz-aside-more__link {
	display: flex;
	gap: 11px;
	padding: 10px;
	border-radius: 8px;
	text-decoration: none;
	border: 0;
}

.oz-aside-more__link:hover { background: var(--oz-b-fondo); text-decoration: none; }

.oz-aside-more__media {
	flex: 0 0 78px;
	width: 78px;
	height: 39px;
	border-radius: 6px;
	overflow: hidden;
	background: var(--oz-b-borde);
}

.oz-aside-more__media img,
.oz-aside-more__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oz-aside-more__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }

.oz-aside-more__cat {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--oz-b-naranja);
}

.oz-aside-more__name {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--oz-b-negro);
}

.oz-aside-more__date { font-size: 11.5px; color: var(--oz-b-suave); }

.oz-aside-widgets { display: flex; flex-direction: column; gap: 20px; }

/* ================================================ Artículos relacionados === */
.oz-related {
	max-width: var(--oz-b-ancho);
	margin: 0 auto;
	padding: 8px 20px 52px;
}

.oz-related__title {
	margin: 0 0 18px;
	font-size: clamp(1.2rem, 2.3vw, 1.45rem);
	font-weight: 700;
	color: var(--oz-b-negro);
}

.oz-related__title::after {
	content: "";
	display: block;
	width: 54px;
	height: 3px;
	margin-top: 9px;
	background: var(--oz-b-naranja);
	border-radius: 2px;
}

.oz-related__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

@media (min-width: 600px) { .oz-related__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .oz-related__grid { grid-template-columns: repeat(3, 1fr); } }

.oz-related-card {
	border: 1px solid var(--oz-b-borde);
	border-radius: var(--oz-b-radio);
	overflow: hidden;
	background: #fff;
	transition: box-shadow .2s ease, transform .2s ease;
}

.oz-related-card:hover {
	box-shadow: 0 6px 18px rgba(0, 0, 0, .07);
	transform: translateY(-2px);
}

.oz-related-card__link { display: block; text-decoration: none; border: 0; color: inherit; }

.oz-related-card__media {
	/* 2:1, la misma proporcion que los banners del blog: no recorta nada. */
	aspect-ratio: 2 / 1;
	overflow: hidden;
	background: var(--oz-b-borde);
}

.oz-related-card__media img,
.oz-related-card__img,
.oz-related-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oz-related-card__body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 7px; }

.oz-related-card__cat {
	align-self: flex-start;
	background: var(--oz-b-naranja-10);
	color: var(--oz-b-naranja);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: 3px 8px;
	border-radius: 4px;
}

.oz-related-card__title {
	margin: 0;
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--oz-b-negro);
}

.oz-related-card:hover .oz-related-card__title { color: var(--oz-b-naranja); }

.oz-related-card__date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11.5px;
	color: var(--oz-b-suave);
}

.oz-related-card__date-icon { flex: 0 0 auto; }

/* ============================================================= Ajustes === */

/* Nada de desplazamiento horizontal en móvil */
@media (max-width: 991px) {
	.oz-crumbs__inner,
	.oz-post__hero-inner,
	.oz-post__layout,
	.oz-related {
		padding-left: 18px;
		padding-right: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.oz-related-card,
	.oz-faq__chevron,
	.oz-toc__chevron {
		transition: none;
	}
	.oz-related-card:hover { transform: none; }
}