/* Archivos del blog: blog, categorias, etiquetas, autor y fechas (mu-plugin qma-archivo.php, 23-oct-2026, variante B).
   La primera de cada pagina en grande y las demas en rejilla de tres. Solo colores del tema. */
.qma-archivo,.qma-archivo-filtro{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}
.qma-archivo{margin-top:28px;margin-bottom:8px}
.qma-archivo article{background:var(--ast-global-color-4);border:1px solid var(--ast-global-color-7);border-radius:10px;overflow:hidden;
  transition:border-color .15s}
.qma-archivo article:hover,.qma-archivo article:focus-within{border-color:color-mix(in srgb,var(--ast-global-color-1) 50%,var(--ast-global-color-7))}
.qma-archivo__media{display:block}
.qma-archivo__img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ast-global-color-7)}
.qma-archivo__img img{width:100%;height:100%;object-fit:cover;display:block}
.qma-archivo__img.es-vertical img{object-position:center 18%}
.qma-archivo__tx{padding:14px 16px 16px}
.qma-archivo__chip{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;
  background:var(--ast-global-color-7);color:var(--ast-global-color-1);border:1px solid color-mix(in srgb,var(--ast-global-color-1) 35%,transparent);text-decoration:none}
.qma-archivo__chip:hover,.qma-archivo__chip:focus-visible{background:var(--ast-global-color-1);color:var(--ast-global-color-5)}
.qma-archivo__titulo{font-size:17px;line-height:1.3;font-weight:600;margin:10px 0 6px}
.qma-archivo__titulo a{color:var(--ast-global-color-2);text-decoration:none}
.qma-archivo__titulo a:hover,.qma-archivo__titulo a:focus-visible{color:var(--ast-global-color-1)}
.qma-archivo__meta{font-size:13px;color:var(--ast-global-color-6);margin:0}
.qma-archivo__ex{font-size:15px;line-height:1.6;color:var(--ast-global-color-3);margin:0 0 10px}
.qma-archivo__mas{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:var(--ast-global-color-1);text-decoration:none}
/* La primera: imagen a la izquierda y texto a la derecha */
.qma-archivo__dest{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;margin-bottom:22px}
.qma-archivo__dest .qma-archivo__img{aspect-ratio:16/10;height:100%}
.qma-archivo__dest .qma-archivo__tx{padding:24px 28px}
.qma-archivo__dest .qma-archivo__titulo{font-size:26px;line-height:1.25}
/* Rejilla de tres */
.qma-archivo__rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
/* Filtro por categoria */
.qma-archivo-filtro{margin-top:22px}
.qma-archivo-filtro ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.qma-archivo-filtro a{display:inline-block;font-size:13px;line-height:1.3;padding:6px 12px;border-radius:999px;text-decoration:none;
  border:1px solid var(--ast-global-color-7);background:var(--ast-global-color-4);color:var(--ast-global-color-3)}
.qma-archivo-filtro a:hover,.qma-archivo-filtro a:focus-visible{border-color:var(--ast-global-color-1);color:var(--ast-global-color-2)}
.qma-archivo-filtro a[aria-current]{background:var(--ast-global-color-1);border-color:var(--ast-global-color-1);color:var(--ast-global-color-5);font-weight:600}
@media (max-width:921px){
  .qma-archivo,.qma-archivo-filtro{padding-left:16px;padding-right:16px}
  .qma-archivo__dest{grid-template-columns:1fr}
  .qma-archivo__dest .qma-archivo__img{aspect-ratio:16/9;height:auto}
  .qma-archivo__dest .qma-archivo__tx{padding:16px}
  .qma-archivo__dest .qma-archivo__titulo{font-size:21px}
  .qma-archivo__rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  /* En celular el filtro corre de lado en una sola fila */
  .qma-archivo-filtro ul{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
  .qma-archivo-filtro li{flex:none}
}
@media (max-width:600px){.qma-archivo__rejilla{grid-template-columns:1fr}}