.mh-ref,
.mh-ref-seguimiento {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: center;
  gap: clamp(20px, 4vw, 46px);
  margin: 24px 0;
  border: 1px solid #d9e2ed;
  border-radius: 22px;
  background: #fff;
  color: #11253e;
}
.mh-ref { padding: clamp(16px, 3vw, 36px); }
.mh-ref h1 {
  margin: 0 0 14px;
  font-size: clamp(2rem, 4.1vw, 3.2rem);
  line-height: 1.08;
  letter-spacing: -.03em;
  text-wrap: balance;
}
.mh-ref .mh-ref__importe {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  margin: 0;
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 800;
  line-height: 1;
}
.mh-ref__importe span { font-size: 1rem; font-weight: 650; }
.mh-ref .boton { white-space: normal; }
.mh-ref .mh-ref__ayuda,
.mh-ref .mh-ref__plazo { margin: 9px 0 0; font-size: .9rem; }
.mh-ref__plazo { color: #42556c; }
.mh-ref .mh-ref__foto {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 15px;
}
.mh-ref-seguimiento {
  grid-template-columns: minmax(0, 1fr) auto;
  padding: clamp(18px, 3vw, 32px);
  background: #f0f5fb;
}
.mh-ref-seguimiento h2,
.mh-ref-guia > h2 { margin: 0 0 10px; line-height: 1.25; }
.mh-ref-seguimiento p { margin: 0; }
.mh-ref-seguimiento .mh-ref-seguimiento__acciones {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}
.mh-ref-guia { margin: 30px 0; }
.mh-ref-guia .tarjeta h3 { font-size: 1.05rem; margin: 12px 0 6px; }
@media (max-width: 720px) {
  .mh-ref, .mh-ref-seguimiento { grid-template-columns: minmax(0, 1fr); }
  .mh-ref .mh-ref__foto { aspect-ratio: 16 / 10; }
}