/* Enfase inline e auxiliares genericos de texto. */
.highlight-text {
  font-weight: var(--font-weight-bold);
  color: var(--primary-purple-color);
}

.page-description {
  margin: 10px 0 25px;
  line-height: 24px;
}

/* Blocos de texto rico dentro de accordions e artigos. */
.explanatory-texts {
  padding: 0 20px 22px;
  line-height: 24px;
}

.explanatory-texts > div > *:first-child {
  margin-top: 0;
}

.explanatory-texts p,
.explanatory-texts ul,
.explanatory-texts ol {
  margin: 0 0 16px;
}

.explanatory-texts ul,
.explanatory-texts ol,
.numbered-list,
.objectives-list {
  padding-left: 22px;
}

.explanatory-texts li {
  margin-bottom: 12px;
}

/* Listas numeradas e de objetivos usadas em direitos e SUS. */
.numbered-list-li {
  list-style: decimal;
  margin: 12px 0;
}

.numbered-list-li::marker {
  font-weight: var(--font-weight-bold);
}

.objectives-list {
  line-height: 24px;
  margin: 15px 0;
}

.objectives-list li {
  list-style: disc;
  margin: 10px 0;
}

.subtitle {
  font-size: var(--font-size-section-subtitle);
}

/* Detalhes de contato/recurso dentro de cards de artigo. */
.resource-details ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 10px;
}

.resource-details .disc {
  list-style-type: disc;
}

.resource-details .disc li {
  margin-left: 15px;
}

/* Assets inline e links dentro de conteudo textual. */
.inline-icon {
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 4px;
}

.text-link {
  color: var(--text-color);
}

.quote-text {
  font-style: italic;
}

.support-heading {
  margin-top: 20px;
}

/* Pequenos utilitarios de espacamento para paginas de conteudo. */
.last-section {
  margin-bottom: 30px;
}

.reduced-bottom-margin {
  margin-bottom: 20px;
}

/* Link/CTA de PDF em blocos de texto. */
.pdf-link {
  margin-top: 16px;
}

/* Lista com marcador explicito. */
.bulleted-list-item {
  list-style: disc;
}

/* Bloco de unidades e enderecos. */
.units {
  font-size: var(--font-size-16);
}

.units a[href^="https://"] {
  color: var(--text-color);
  text-decoration: underline;
}

/* Padroes de lista da pagina Sobre dentro de texto explicativo. */
.explanatory-texts ul.bulleted-list {
  list-style: disc;
  list-style-position: inside;
  margin: 10px 0 40px;
  padding: 0 20px;
}

.explanatory-texts ul.bulleted-list > li {
  margin: 25px 0;
}

.explanatory-texts ul.plain-list {
  list-style: none;
  margin: 10px 0 40px;
  padding: 0 20px;
}

.explanatory-texts ul.topic-list > li {
  font-weight: var(--font-weight-bold);
}

.nested-counter-list {
  counter-reset: subitem;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.nested-counter-list li::before {
  content: "4." counter(subitem) ". ";
  counter-increment: subitem;
}

/* Lista numerada de formas de violencia. */
.violence-forms-list {
  list-style: decimal;
  padding-left: 20px;
}

.violence-forms-list > li {
  color: var(--text-color);
  font-weight: var(--font-weight-bold);
  margin-bottom: 18px;
}

.violence-forms-list h4 {
  font-size: var(--font-size-text);
  font-weight: var(--font-weight-bold);
  margin: 0 0 8px;
}

.violence-forms-list ul {
  list-style: disc;
  margin-bottom: 10px;
  padding-left: 18px;
}

.violence-forms-list ul li {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  margin: 6px 0;
}

.violence-forms-list > li > p {
  font-weight: var(--font-weight-regular);
  margin: 0;
}

/* Lista numerada de violencia sexual. */
.sexual-violence-list {
  line-height: 24px;
  list-style: decimal;
  margin-top: -15px;
  padding-left: 25px;
}

.sexual-violence-list li {
  line-height: 24px;
  margin: 15px 0 10px;
}

.sexual-violence-list li::marker {
  font-weight: var(--font-weight-bold);
}

@media (min-width: 768px) {
  .page-description,
  .explanatory-texts,
  .subtitle,
  .pdf-link,
  .units {
    font-size: var(--font-size-text);
  }

  .violence-forms-list ul li {
    font-size: var(--font-size-text);
  }
}