/* by osmy — sección El problema. Requiere tokens.css. */

body.os-site .os-problem {
  background: var(--os-paper);
  text-align: center;
}

body.os-site .os-problem__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.os-site .os-problem h2 {
  max-width: 22ch;
  margin: 0 0 var(--os-space-7);
}

body.os-site .os-problem .os-problem__loop {
  max-width: 50ch;
  margin: 0 0 var(--os-space-6);
  font-weight: var(--os-weight-medium);
}

body.os-site .os-problem__conclusion {
  max-width: 50ch;
  margin: 0;
  color: var(--os-color-accent);
  font-family: var(--os-font-display);
  font-size: var(--os-type-h4);
  font-style: italic;
  line-height: 1.4;
}

@media (max-width: 640px) {
  body.os-site .os-problem h2 { margin-bottom: var(--os-space-6); }
  body.os-site .os-problem :is(.os-problem__loop, .os-problem__conclusion) br { display: none; }
}