/* ==========================================================================
   Aromu · blog.css · blog, tarjetas de entrada, artículo (ancho de lectura 700 px), búsqueda.
   ========================================================================== */

.ar-blog-rejilla { display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .ar-blog-rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } }
@media (min-width: 1025px) { .ar-blog-rejilla { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Primera entrada destacada (solo en la primera página del blog) */
@media (min-width: 768px) {
	.ar-blog-rejilla--destacado > .ar-blogcard:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; }
	.ar-blog-rejilla--destacado > .ar-blogcard:first-child .ar-blogcard__img { aspect-ratio: 3 / 2; height: 100%; }
	.ar-blog-rejilla--destacado > .ar-blogcard:first-child .ar-blogcard__cuerpo { padding: 32px; }
	.ar-blog-rejilla--destacado > .ar-blogcard:first-child .ar-blogcard__titulo { font-size: 1.75rem; }
}

.ar-blogcard { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ar-borde); border-radius: var(--ar-radio); overflow: hidden; transition: box-shadow 0.2s; }
.ar-blogcard:hover, .ar-blogcard:focus-within { box-shadow: var(--ar-sombra); }
.ar-blogcard__img { aspect-ratio: 3 / 2; background: var(--ar-lila-bruma); overflow: hidden; }
.ar-blogcard__img img { width: 100%; height: 100%; object-fit: cover; }
.ar-blogcard__vacio { height: 100%; display: grid; place-items: center; color: var(--ar-color-acento); }
.ar-blogcard__vacio .ar-ic { width: 40px; height: 40px; }
.ar-blogcard__cuerpo { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.ar-blogcard__cat { margin: 0 0 6px; font-size: 0.8125rem; font-weight: 600; color: var(--ar-color-acento); }
.ar-blogcard__titulo { margin: 0 0 8px; font-size: 1.25rem; }
.ar-blogcard__titulo a { color: var(--ar-texto); text-decoration: none; }
.ar-blogcard__titulo a::after { content: ""; position: absolute; inset: 0; }
.ar-blogcard__titulo a:hover { color: var(--ar-color-primario); }
.ar-blogcard__titulo a:focus-visible { outline: none; }
.ar-blogcard__titulo a:focus-visible::after { outline: 3px solid var(--ar-color-acento); outline-offset: -3px; border-radius: var(--ar-radio); }
.ar-blogcard__resumen { margin: 0 0 12px; color: var(--ar-texto-suave); }
.ar-blogcard__meta { margin: auto 0 0; font-size: 0.8125rem; color: var(--ar-texto-suave); }

/* Artículo */
.ar-articulo__cab { padding-top: 32px; }
.ar-articulo__ruta { margin: 0 0 12px; font-size: 0.875rem; color: var(--ar-texto-suave); }
.ar-articulo__ruta a { color: var(--ar-color-acento); }
.ar-articulo__titulo { font-size: clamp(1.875rem, 1.4rem + 2vw, 3rem); margin-bottom: 12px; }
.ar-articulo__meta { margin: 0 0 24px; color: var(--ar-texto-suave); font-size: 0.9375rem; }
.ar-articulo__img { margin: 0 auto 32px; }
.ar-articulo__foto { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--ar-radio); }
.ar-lectura .entry-content > * { max-width: 100%; }
.ar-lectura__texto a { color: var(--ar-color-acento); }
.ar-lectura__texto ul, .ar-lectura__texto ol { margin: 0 0 1.2em; }
.ar-lectura__texto li { margin-bottom: 0.4em; }
.ar-cta-articulo { margin: 40px 0 0; padding: 28px 24px; background: var(--ar-bruma); border-radius: var(--ar-radio); }
.ar-cta-articulo h2 { font-size: 1.5rem; }
.ar-relacionados { padding-bottom: 0; }
.ar-articulo + .ar-relacionados { margin-top: var(--ar-seccion); border-top: 1px solid var(--ar-borde); }
.ar-main--articulo { padding-bottom: var(--ar-seccion); }