/* ============================================================
   Portal de Servicios Climáticos (DMC) — Publicaciones (listado)
   Reutiliza tokens.css + portada.css + catalogo.css (breadcrumb).
   Sin CSS inline.
   ============================================================ */

.dmc-pub-pg { padding-block: var(--sp-5) var(--sp-7); }

.dmc-pub-pg__head { margin-bottom: var(--sp-4); }
.dmc-pub-pg__titulo { font-size: clamp(1.6rem,3vw,2.1rem); font-weight:700; letter-spacing:-.02em; margin:0 0 var(--sp-2); }
.dmc-pub-pg__intro { color: var(--tinta-suave); margin:0; max-width:72ch; }

.dmc-pub-pg__tools { display:flex; flex-wrap:wrap; gap:var(--sp-3); align-items:center; margin: var(--sp-4) 0 var(--sp-3); }
.dmc-pub-pg__buscar { flex:1 1 280px; }
.dmc-pub-pg__cat { flex:0 1 260px; }
.dmc-pub-pg__resumen { margin:0 0 var(--sp-3); font-size:.88rem; color:var(--tinta-suave); }
.dmc-pub-pg__resumen .dmc-mono { color: var(--dmc-azul); font-weight:700; }

.dmc-pub-lista { list-style:none; margin:0; padding:0; display:grid; grid-template-columns: repeat(auto-fill, minmax(320px,1fr)); gap: var(--sp-4); }

.dmc-pub-card { display:flex; gap:var(--sp-3); align-items:flex-start; background:#fff; border:1px solid var(--linea); border-radius:var(--radio); padding: var(--sp-4); height:100%; }
.dmc-pub-card__ico { flex:0 0 auto; width:38px; height:38px; display:grid; place-items:center; border-radius:8px; background: var(--fondo-alt); color: var(--dmc-azul); }
.dmc-pub-card__ico svg { width:20px; height:20px; }
.dmc-pub-card__body { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:6px; }
.dmc-pub-card__tit { font-weight:700; font-size:1rem; line-height:1.25; margin:0; text-wrap:pretty; }
.dmc-pub-card__meta { display:flex; flex-wrap:wrap; gap:6px; }
.dmc-pub-badge { font-size:.72rem; background:var(--fondo-alt); border:1px solid var(--linea); border-radius:999px; padding:1px 9px; color:var(--tinta-suave); }
.dmc-pub-badge--cat { color: var(--dmc-azul); border-color: color-mix(in srgb, var(--dmc-azul) 30%, var(--linea)); }
.dmc-pub-card__periodo { font-size:.82rem; color:var(--tinta-suave); margin:0; }
.dmc-pub-card__link { margin-top:auto; align-self:flex-start; display:inline-flex; align-items:center; gap:6px; color:var(--dmc-azul); font-weight:600; font-size:.9rem; text-decoration:none; min-height: 32px; }
.dmc-pub-card__link:hover { text-decoration:underline; }

.dmc-pub-pg__vacio { padding: var(--sp-5); text-align:center; color:var(--tinta-suave); background:var(--fondo-alt); border:1px dashed var(--linea); border-radius:var(--radio); }
.dmc-pub-pg__nota { margin-top: var(--sp-5); font-size:.78rem; color:var(--tinta-suave); }

@media (max-width: 560px) { .dmc-pub-lista { grid-template-columns: 1fr; } }

@media print {
  .dmc-header,.dmc-footer,.dmc-pub-pg__tools,.dmc-navsearch,.dmc-navsesion,.dmc-toggler { display:none !important; }
}