.oz-blog-card--compact .oz-blog-card__link{display:flex;gap:12px;align-items:flex-start}.oz-blog-card--compact .oz-blog-card__media{flex:0 0 40%}.oz-blog-card__readmore,.ozs-blog__readmore{display:inline-block;margin-top:auto;padding:8px 16px;border:1px solid var(--oz-accent,#111);border-radius:4px;color:var(--oz-accent,#111);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.4px;transition:background .2s,color .2s}.oz-blog-card__readmore:hover,.ozs-blog__readmore:hover{background:var(--oz-accent,#111);color:#fff}.oz-blog-card__link,.ozs-blog__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.oz-blog-card .oz-blog-card__body,.ozs-blog__body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}.oz-blog-card__title,.ozs-blog__title{font-size:16px;margin:0 0 6px;color:var(--oz-heading-color,inherit)}.oz-blog-card__excerpt,.ozs-blog__excerpt{font-size:13px;color:var(--oz-text-muted,#666);margin:0 0 12px;flex:1}.oz-blog-card__meta,.ozs-blog__meta{font-size:12px;color:var(--oz-text-muted,#999);margin-bottom:8px;display:flex;gap:10px}.ozs--layout-post_compact .oz-blog-card__link{display:flex;gap:12px;align-items:flex-start}.ozs--layout-post_compact .oz-blog-card__media{flex:0 0 40%}

/* =========================================================
 * Slider de blog — estilo Facainpack
 *
 * Mismo lenguaje que las tarjetas de producto: superficie blanca,
 * radio 14, borde suave y sombra que se acentúa en hover.
 * Las reglas base de arriba son genéricas (0,1,0); aquí se usa
 * .ozs--blog como prefijo (0,2,0) para ganarles sin !important.
 * ========================================================= */

.ozs--blog {
	--ozs-blog-surface: #ffffff;
	--ozs-blog-border: #e3e8ef;
	--ozs-blog-border-hover: #cfd8e3;
	--ozs-blog-radius: 14px;
	--ozs-blog-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 20px rgba(15, 23, 42, .05);
	--ozs-blog-shadow-hover: 0 4px 10px rgba(15, 23, 42, .08), 0 14px 32px rgba(15, 23, 42, .10);
	--ozs-blog-title: #0f172a;
	--ozs-blog-muted: #64748b;
	--ozs-blog-accent: #0f2f63;
	--ozs-blog-chip-bg: #e9f1fb;
	--ozs-blog-chip-text: #17457a;
}

/* Alturas iguales: las slides se estiran y la tarjeta llena su slide. */
.ozs--blog .ozs__track { align-items: stretch; }
.ozs--blog .ozs__slide { display: flex; }
.ozs--blog .ozs__slide > * { width: 100%; }

.ozs--blog .ozs-blog {
	display: flex;
	height: 100%;
	background: var(--ozs-blog-surface);
	border: 1px solid var(--ozs-blog-border);
	border-radius: var(--ozs-blog-radius);
	box-shadow: var(--ozs-blog-shadow);
	overflow: hidden;
	transition: border-color .24s ease, box-shadow .24s ease;
}

.ozs--blog .ozs-blog:hover,
.ozs--blog .ozs-blog:focus-within {
	border-color: var(--ozs-blog-border-hover);
	box-shadow: var(--ozs-blog-shadow-hover);
}

.ozs--blog .ozs-blog__link {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

/* ----- Imagen: proporción fija para que todas las tarjetas midan igual ----- */
.ozs--blog .ozs-blog__media {
	position: relative;
	flex: 0 0 auto;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #eef2f7;
	line-height: 0;
}

.ozs--blog .ozs-blog__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.ozs--blog .ozs-blog:hover .ozs-blog__media img {
	transform: scale(1.04);
}

/* ----- Cuerpo ----- */
.ozs--blog .ozs-blog__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	gap: 8px;
	padding: 16px 18px 18px;
}

/* Fecha / autor: chip discreto (sólo si los activás en el preset) */
.ozs--blog .ozs-blog__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--ozs-blog-chip-text);
}

.ozs--blog .ozs-blog__meta > span {
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--ozs-blog-chip-bg);
	line-height: 1.3;
}

.ozs--blog .ozs-blog__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0;
	color: var(--ozs-blog-title);
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
	text-wrap: balance;
	transition: color .2s ease;
}

.ozs--blog .ozs-blog:hover .ozs-blog__title {
	color: var(--ozs-blog-accent);
}

.ozs--blog .ozs-blog__excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 1 1 auto;
	margin: 0;
	color: var(--ozs-blog-muted);
	font-size: .86rem;
	line-height: 1.6;
}

/* ----- «Leer más» ----- */
.ozs--blog .ozs-blog__readmore {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	align-self: flex-start;
	margin-top: 4px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--ozs-blog-accent);
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	transition: gap .2s ease, color .2s ease;
}

.ozs--blog .ozs-blog__readmore::after {
	content: "";
	width: 15px;
	height: 15px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7' stroke='%230f2f63' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 15px 15px no-repeat;
}

.ozs--blog .ozs-blog:hover .ozs-blog__readmore,
.ozs--blog .ozs-blog__readmore:hover {
	background: transparent;
	color: var(--ozs-blog-accent);
	gap: 12px;
}

/* ----- Flechas: a los lados y sin el hueco superior que reserva el base ----- */
html body .ozs.ozs--blog:not(.ozs--has-header) {
	padding-top: 0 !important;
}

html body .ozs.ozs--blog:not(.ozs--has-header) > .ozs__nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: auto;
	transform: translateY(-50%);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 0;
	width: auto;
	margin: 0;
	padding: 0;
	pointer-events: none;
	z-index: 6;
}

html body .ozs.ozs--blog:not(.ozs--has-header) > .ozs__nav .ozs__nav-btn {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	margin: 0 6px !important;
	pointer-events: auto;
	width: 38px !important;
	height: 34px !important;
	border-radius: 4px !important;
	background: rgba(255, 255, 255, .92) !important;
	border: 1px solid rgba(15, 47, 99, .35) !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, .12) !important;
	transition: background-color .2s ease, border-color .2s ease !important;
}

html body .ozs.ozs--blog:not(.ozs--has-header) > .ozs__nav .ozs__nav-btn:hover,
html body .ozs.ozs--blog:not(.ozs--has-header) > .ozs__nav .ozs__nav-btn:focus-visible {
	background: #ffffff !important;
	border-color: #0f2f63 !important;
}

html body .ozs.ozs--blog:not(.ozs--has-header) > .ozs__nav .ozs__nav-btn::before {
	content: "" !important;
	width: 16px !important;
	height: 16px !important;
	border: 0 !important;
	transform: none !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 16px 16px !important;
}

html body .ozs.ozs--blog:not(.ozs--has-header) > .ozs__nav .ozs__nav-btn--prev::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18l-6-6 6-6' stroke='%230f2f63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html body .ozs.ozs--blog:not(.ozs--has-header) > .ozs__nav .ozs__nav-btn--next::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18l6-6-6-6' stroke='%230f2f63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* ----- Responsive ----- */
@media (max-width: 600px) {
	.ozs--blog .ozs-blog__body { padding: 14px 14px 16px; }
	.ozs--blog .ozs-blog__title { font-size: .98rem; }
}

@media (prefers-reduced-motion: reduce) {
	.ozs--blog .ozs-blog,
	.ozs--blog .ozs-blog__media img,
	.ozs--blog .ozs-blog__title,
	.ozs--blog .ozs-blog__readmore { transition: none; }
	.ozs--blog .ozs-blog:hover .ozs-blog__media img { transform: none; }
}