.caso-pagina {
  padding-block: var(--s-6) var(--s-8);
}

.caso-pagina__cabecera {
  margin-top: var(--s-4);
  max-width: 48rem;
}

.caso-pagina__linea {
  margin-top: var(--s-2);
  font-size: 1.15rem;
  color: var(--texto-suave);
}

.caso-pagina__portada {
  margin-top: var(--s-6);
}

.caso-pagina__portada img {
  width: 100%;
  border-radius: var(--radio-md);
  border: 1px solid var(--linea);
}

.caso-pagina__cuerpo {
  max-width: 48rem;
}

.caso-pagina__bloque {
  margin-top: var(--s-8);
}

.caso-pagina__bloque h2 {
  margin-bottom: var(--s-2);
}

.caso-pagina__bloque ul {
  padding-left: 1.2rem;
}

.caso-pagina__bloque li::marker {
  color: var(--acento);
}

.caso-pagina__cita {
  margin: var(--s-3) 0 0;
  padding-left: var(--s-3);
  border-left: 3px solid var(--acento);
}

.caso-pagina__cita p {
  font-family: var(--font-titulo);
  font-size: var(--fs-md);
}

.caso-pagina__cita footer {
  margin-top: var(--s-1);
  color: var(--texto-suave);
  font-weight: 600;
}

.caso-pagina__aviso {
  margin-top: var(--s-2);
  font-size: 0.9rem;
  color: var(--texto-suave);
}

.galeria {
  display: grid;
  gap: var(--s-3);
  margin-top: var(--s-3);
}

.galeria img {
  width: 100%;
  border: 1px solid var(--linea);
  border-radius: var(--radio-sm);
}

@media (min-width: 700px) {
  .galeria {
    grid-template-columns: repeat(3, 1fr);
  }
}

.caso-pagina__cierre {
  margin-top: var(--s-8);
  padding: var(--s-4);
  background: var(--bg-inverso);
  color: var(--texto-inverso);
  border-radius: var(--radio-md);
}

.caso-pagina__cierre p {
  font-family: var(--font-titulo);
  font-size: var(--fs-md);
}

.caso-pagina__cierre .boton {
  margin-top: var(--s-3);
}

.caso-pagina__portada {
  margin: var(--s-6) 0 0;
}

.caso-pagina__cierre .caso-pagina__extra {
  margin-top: var(--s-2);
  font-family: var(--font-texto);
  font-size: 1rem;
}