/* ===== REMEDIA — página de caso individual =====
   Título · meta (sector/país) · H2 · párrafos · galería 1/2/3.
   ⚠️ PENDIENTE: espaciados y tipografía exactos contra Figma.
   ===================================== */

.sec--caso__back {
  margin-bottom: var(--sp-4);
  font-family: var(--f-ui);
  font-size: var(--fs-body-m);
}

.sec--caso__back a {
  color: var(--c-text-muted);
  text-decoration: none;
}

.sec--caso__back a:hover,
.sec--caso__back a:focus-visible {
  color: var(--c-accent);
}

.sec--caso__header {
  max-width: 720px;   /* ⚠️ CONFIRMAR: ancho editorial del bloque de texto */
  margin-bottom: var(--sp-5);
}

.sec--caso__logo {
  display: block;
  height: 34px;
  width: auto;
  margin-bottom: var(--sp-4);
  filter: brightness(0);
}

.sec--caso__header .eyebrow {
  margin-bottom: var(--sp-3);
}

.sec--caso__title {
  margin-bottom: var(--sp-4);
}

/* --- Datos técnicos (sector / país) -------------------------- */

.sec--caso__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-4) var(--sp-6);
  margin: 0;
}

.sec--caso__meta-item {
  margin: 0;
}

.sec--caso__meta dt {
  font-family: var(--f-ui);
  font-size: var(--fs-body-s);
  color: var(--c-text-muted);
  margin-bottom: var(--sp-1);
}

.sec--caso__meta dd {
  font-family: var(--f-ui);
  font-size: var(--fs-body-l);
  font-weight: var(--fw-medium);
  color: var(--c-text);
  margin: 0;
}

/* --- Subtítulo + cuerpo -------------------------------------- */

.sec--caso__subtitle {
  max-width: 720px;   /* ⚠️ CONFIRMAR */
  margin-bottom: var(--sp-4);
}

.sec--caso__body {
  max-width: 720px;   /* ⚠️ CONFIRMAR */
  font-family: var(--f-ui);
  font-size: var(--fs-body-xl);
  color: var(--c-text);
  margin-bottom: var(--sp-6);
}

.sec--caso__body p + p {
  margin-top: var(--sp-3);
}

/* --- Galería: renglones de 1 / 2 / 3 columnas ----------------- */

.sec--caso__galeria {
  margin-bottom: var(--sp-5);
}

.sec--caso__galeria-row + .sec--caso__galeria-row {
  margin-top: var(--sp-3);
}

.sec--caso__figure {
  margin: 0;
}

.sec--caso__figure img {
  display: block;
  width: 100%;
  height: auto;
}

.sec--caso__cta-wrap {
  margin-top: var(--sp-6);
}