/* QHM v1.21 · Placeholder para eventos sin imagen + atribución de la fuente.
   Usa solo los tokens del Design System (con valores de respaldo por si una página no los define). */

/* ---------- Placeholder en tarjetas y en la ficha ---------- */
.qhm-card__media .qhm-ph,
.qhm-ev__media .qhm-ph{
  position:absolute;inset:0;z-index:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:16px;text-align:center;pointer-events:none;
  color:var(--qhm-terra-h,#A6421F);
  background-image:
    radial-gradient(circle at 80% 18%,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 45%),
    radial-gradient(circle at 15% 90%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 40%);
}
.qhm-ph__ico{
  display:block;flex:none;width:44px;height:44px;
  fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.9;
}
.qhm-ph__label{
  font-family:var(--qhm-fh,'Familjen Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif);
  font-size:12.5px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;
}
[data-tono="mar"] .qhm-ph{color:var(--qhm-deep,#0F3550)}
[data-tono="oliva"] .qhm-ph{color:var(--qhm-olive-t,#3F4E26)}
[data-tono="terra"] .qhm-ph{color:var(--qhm-terra-h,#A6421F)}
[data-tono="arena"] .qhm-ph{color:var(--qhm-terra-h,#A6421F)}

/* Ficha individual: el bloque de imagen conserva su proporción y toma el color de la categoría */
.qhm-page .qhm-ev__media.qhm-ev__media--ph{background:var(--qhm-t-mar,#D7E6EF)}
.qhm-page .qhm-ev__media.qhm-ev__media--ph[data-tono="arena"]{background:var(--qhm-t-arena,#EFE4D0)}
.qhm-page .qhm-ev__media.qhm-ev__media--ph[data-tono="oliva"]{background:var(--qhm-t-oliva,#E0E5CF)}
.qhm-page .qhm-ev__media.qhm-ev__media--ph[data-tono="terra"]{background:var(--qhm-t-terra,#F2DDD1)}
.qhm-ev__media--ph .qhm-ph__ico{width:64px;height:64px}
.qhm-ev__media--ph .qhm-ph__label{font-size:14px}

/* ---------- Atribución de la fuente en la ficha ---------- */
.qhm-page .qhm-src{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.qhm-page .qhm-src__name{margin:0;font-size:16px;line-height:1.4;color:var(--qhm-ink,#15242F)}
.qhm-page .qhm-src__name strong{font-weight:700}
.qhm-page .qhm-src__date{margin:0;font-size:14px;font-weight:500;line-height:1.4;color:var(--qhm-soft,#5E6872)}
.qhm-page .qhm-src__btn{margin-top:8px}

/* v1.22 · Licencia de la fuente (p. ej. CC BY-SA) */
.qhm-page .qhm-src__lic a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.qhm-page .qhm-src__lic a:hover{color:var(--qhm-blue,#1E6A97)}

/* v1.23 · Consejo QHM (texto propio del equipo) */
.qhm-page .qhm-tip .qhm-tip__body{border-left:3px solid var(--qhm-olive,#7C8B5C);padding:4px 0 4px 16px}

/* v1.24 · Enlaces internos discretos y aviso de evento pasado */
.qhm-page .qhm-inlink{color:inherit;text-decoration:underline;text-decoration-color:rgba(30,106,151,.35);text-underline-offset:2px}
.qhm-page .qhm-inlink:hover{color:var(--qhm-blue,#1E6A97);text-decoration-color:currentColor}
.qhm-page .qhm-ev__past{margin:0 0 20px;padding:12px 16px;border-radius:12px;background:var(--qhm-sand,#F4EDE0);color:var(--qhm-ink,#15242F);font-size:15px;font-weight:500;line-height:1.5}

/* v1.25 · Portada con datos reales: categorías sin fotos de ejemplo, hero sin foto y atribución del tiempo */
.qhm-home .qhm-cat__img .qhm-ph,
.qhm-home .qhm-hero__media .qhm-ph{
  position:absolute;inset:0;z-index:1;
  display:flex;align-items:center;justify-content:center;pointer-events:none;
  background-image:
    radial-gradient(circle at 80% 18%,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 45%),
    radial-gradient(circle at 15% 90%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 40%);
}
.qhm-home .qhm-cat__img .qhm-ph{color:var(--qhm-terra-h,#A6421F)}
.qhm-home .qhm-cat__img[data-tono="mar"] .qhm-ph{color:var(--qhm-deep,#0F3550)}
.qhm-home .qhm-cat__img[data-tono="oliva"] .qhm-ph{color:var(--qhm-olive-t,#3F4E26)}
.qhm-home .qhm-cat__img .qhm-ph__ico{width:48px;height:48px;transition:transform .3s}
.qhm-home .qhm-cat:hover .qhm-cat__img .qhm-ph__ico{transform:scale(1.08)}
.qhm-home .qhm-hero__media .qhm-ph{color:var(--qhm-blue,#1E6A97)}
.qhm-home .qhm-hero__media .qhm-ph__ico{width:112px;height:112px;opacity:.75}
.qhm-home .qhm-weather__src{grid-column:1/-1;margin:0;font-size:13px;line-height:1.4;color:var(--qhm-soft,#5E6872)}
.qhm-home .qhm-weather__src a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.qhm-home .qhm-weather__src a:hover{color:var(--qhm-blue,#1E6A97)}

/* v1.25 · Páginas de zona y de categorías */
.qhm-page .qhm-zone-munis small{font-size:13px;color:var(--qhm-soft,#5E6872);font-weight:500}
.qhm-page .qhm-cat-list li a span:first-child{display:flex;flex-direction:column;gap:3px}
.qhm-page .qhm-note{margin-top:16px;font-size:14px;color:var(--qhm-soft,#5E6872)}
.qhm-page .qhm-near a > span:last-child{white-space:nowrap}