/* Paginas por assunto (doencas.py): glaucoma, diabetes e retina, ceratocone, olhos das criancas.
   Arquivo separado do estilo.css para nao misturar com outras mudancas; so usa as variaveis de
   cor de la, entao o tema escuro e o alto contraste valem aqui tambem. */

.assunto__prosa{ max-width:46rem }
.assunto__prosa > .prosa__t:not(:first-child){ margin-top:var(--e-4) }

/* exames que ajudam: cartoes com o nome do exame como link */
.assunto__exames{ list-style:none; padding:0 }
.assunto__exames h3 a{ color:var(--azul); text-decoration:underline;
  text-decoration-thickness:2px; text-underline-offset:3px }
.assunto__exames h3 a:hover{ color:var(--laranja-texto) }
.assunto__todos{ margin-top:var(--e-3) }
.assunto__todos a{ color:var(--azul); font-weight:700 }

/* duvidas frequentes: <details>, abre com Enter ou espaco, sem JS */
.faq{ display:grid; gap:.6rem; max-width:52rem }
.faq__item{ background:var(--branco); border:1px solid var(--linha); border-radius:var(--r) }
.faq__item summary{ cursor:pointer; list-style:none; display:flex; align-items:center; gap:.8rem;
  min-height:2.75rem; padding:.85rem 1.1rem; font-weight:700; color:var(--tinta);
  font-size:var(--t-0); line-height:1.35 }
.faq__item summary::-webkit-details-marker{ display:none }
.faq__item summary::before{ content:"+"; flex:none; display:inline-grid; place-items:center;
  width:1.6rem; height:1.6rem; border-radius:50%; background:var(--azul); color:var(--branco);
  font-weight:700; line-height:1 }
.faq__item[open] summary::before{ content:"\2212" }
.faq__item summary:hover{ color:var(--azul) }
.faq__resp{ padding:0 1.1rem 1rem 3.5rem; color:var(--cinza) }
.faq__resp > * + *{ margin-top:var(--e-2) }
.faq__resp a{ color:var(--azul); text-decoration:underline; text-underline-offset:3px }
.faq__resp ul{ padding-left:1.2rem; list-style:disc }
@media (max-width:34rem){ .faq__resp{ padding-left:1.1rem } }
html[data-contraste="alto"] .faq__item{ background:#000; border:2px solid #fff }
html[data-contraste="alto"] .faq__item summary{ color:#fff }
html[data-contraste="alto"] .faq__item summary::before{ background:#FFD75E; color:#000 }

/* chamado final: telefone legivel sobre o fundo escuro */
.chamada .assunto__tel{ color:#fff; font-weight:700; text-decoration:underline;
  text-underline-offset:3px; white-space:nowrap }

/* exames.html: faixa curta "Por assunto" */
.assunto__links{ list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.6rem }
.assunto__links a{ display:inline-flex; align-items:center; min-height:2.75rem; padding:.5rem 1.1rem;
  border:2px solid var(--azul); border-radius:999px; color:var(--azul); font-weight:700;
  text-decoration:none }
.assunto__links a:hover{ background:var(--papel-3) }

/* pagina de exame: "Assunto: ..." discreto, acima de "Exames relacionados" */
.exame__assunto{ margin-top:var(--e-3); font-size:var(--t--1); color:var(--cinza) }
.exame__assunto a{ color:var(--azul); text-underline-offset:3px }