.ejemplos--capturas .ejemplo:has(.ejemplo__boton:focus-visible) img {
  filter: none;
}

@media (hover: hover) {
  .ejemplos--capturas .ejemplo:hover img {
    filter: none;
  }
}

.cabecero__contenedor--caso {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 27rem);
  grid-template-areas:
    "migas migas"
    "titulo titulo"
    "pie ficha";
  align-items: end;
  column-gap: 4rem;
}

.cabecero__contenedor--caso .cabecero__migas {
  grid-area: migas;
}

.cabecero__contenedor--caso .cabecero__titulo {
  grid-area: titulo;
}

.cabecero__contenedor--caso .cabecero__pie {
  grid-area: pie;
}

.ficha-caso {
  grid-area: ficha;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem 2rem;
  margin: 0;
}

.ficha-caso__dato--ancho {
  grid-column: 1 / -1;
}

.ficha-caso__etiqueta {
  margin-bottom: .375rem;
  color: var(--color-texto-secundario);
  font-size: var(--texto-interfaz);
}

.ficha-caso__valor {
  margin: 0;
  font-size: var(--texto-cuerpo);
  line-height: 1.4;
}

.ficha-caso__valor a {
  text-decoration: underline;
  text-underline-offset: .2em;
}

.cabecero__imagen {
  margin-top: 4rem;
}

@media (max-width: 991.98px) {
  .cabecero__contenedor--caso {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "migas"
      "titulo"
      "pie"
      "ficha";
  }

  .ficha-caso {
    margin-top: 2.5rem;
  }

  .cabecero__imagen {
    margin-top: 2.5rem;
  }
}