/* Study Resumos — harmonia visual v3 */
/* Mantém texto branco, mas intercala cores para não virar um bloco pesado */

.study-resumo-formatado,
.study-resumo-formatado p,
.study-resumo-formatado li,
.study-resumo-formatado div,
.study-resumo-formatado span {
  color: #ffffff !important;
}

.study-resumo-formatado {
  font-size: 16.5px !important;
  line-height: 1.78 !important;
}

/* Reduz excesso de fundos fortes herdados */
.study-resumo-formatado p,
.study-resumo-formatado li {
  color: #ffffff !important;
  background: rgba(15,23,42,.18) !important;
  border-left: 0 !important;
  border-radius: 12px !important;
}

/* Blocos alternados */
.study-resumo-formatado .srf-tone-orange {
  background: linear-gradient(135deg, rgba(249,115,22,.22), rgba(15,23,42,.34)) !important;
  border-left: 4px solid #fb923c !important;
}

.study-resumo-formatado .srf-tone-blue {
  background: linear-gradient(135deg, rgba(14,165,233,.20), rgba(15,23,42,.34)) !important;
  border-left: 4px solid #38bdf8 !important;
}

.study-resumo-formatado .srf-tone-green {
  background: linear-gradient(135deg, rgba(34,197,94,.18), rgba(15,23,42,.34)) !important;
  border-left: 4px solid #4ade80 !important;
}

.study-resumo-formatado .srf-tone-purple {
  background: linear-gradient(135deg, rgba(168,85,247,.20), rgba(15,23,42,.34)) !important;
  border-left: 4px solid #c084fc !important;
}

.study-resumo-formatado .srf-tone-red {
  background: linear-gradient(135deg, rgba(239,68,68,.18), rgba(15,23,42,.34)) !important;
  border-left: 4px solid #fb7185 !important;
}

/* Títulos intercalados */
.study-resumo-formatado .srf-h3 {
  color: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.18) !important;
  text-transform: uppercase;
}

.study-resumo-formatado .srf-h3.srf-tone-orange {
  background: linear-gradient(135deg, #f97316, #ea580c) !important;
  border: 1px solid rgba(251,146,60,.75) !important;
}

.study-resumo-formatado .srf-h3.srf-tone-blue {
  background: linear-gradient(135deg, #0284c7, #1d4ed8) !important;
  border: 1px solid rgba(56,189,248,.72) !important;
}

.study-resumo-formatado .srf-h3.srf-tone-green {
  background: linear-gradient(135deg, #16a34a, #166534) !important;
  border: 1px solid rgba(74,222,128,.70) !important;
}

.study-resumo-formatado .srf-h3.srf-tone-purple {
  background: linear-gradient(135deg, #7c3aed, #4c1d95) !important;
  border: 1px solid rgba(192,132,252,.72) !important;
}

.study-resumo-formatado .srf-h3.srf-tone-red {
  background: linear-gradient(135deg, #dc2626, #7f1d1d) !important;
  border: 1px solid rgba(248,113,113,.70) !important;
}

/* Primeira chamada fica laranja/azul, mas mais limpa */
.study-resumo-formatado .srf-topline {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(249,115,22,.26), rgba(37,99,235,.18)) !important;
  border-left: 5px solid #fb923c !important;
  border-radius: 16px !important;
  font-weight: 800 !important;
}

/* Callouts deixam de ser todos fortes iguais */
.study-resumo-formatado .srf-callout {
  color: #ffffff !important;
  border-radius: 16px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.16) !important;
}

.study-resumo-formatado .srf-callout.mem,
.study-resumo-formatado .srf-callout.info,
.study-resumo-formatado .srf-callout.ex,
.study-resumo-formatado .srf-callout.warn {
  background: rgba(15,23,42,.28) !important;
}

/* Destaques inline mais elegantes */
.study-resumo-formatado .srf-mark {
  display: inline !important;
  padding: 2px 7px !important;
  border-radius: 8px !important;
  font-weight: 950 !important;
  box-shadow: none !important;
}

.study-resumo-formatado .srf-mark-memo {
  background: rgba(251,146,60,.95) !important;
  color: #111827 !important;
}

.study-resumo-formatado .srf-mark-prova {
  background: rgba(74,222,128,.92) !important;
  color: #052e16 !important;
}

.study-resumo-formatado .srf-mark-banca {
  background: rgba(56,189,248,.92) !important;
  color: #082f49 !important;
}

.study-resumo-formatado .srf-mark-alerta {
  background: rgba(248,113,113,.92) !important;
  color: #450a0a !important;
}

.study-resumo-formatado .srf-mark-lei {
  background: rgba(192,132,252,.92) !important;
  color: #2e1065 !important;
}

/* Corrige blocos que antes ficavam coloridos demais em sequência */
.study-resumo-formatado p:has(.srf-mark-alerta),
.study-resumo-formatado li:has(.srf-mark-alerta),
.study-resumo-formatado p:has(.srf-mark-memo),
.study-resumo-formatado li:has(.srf-mark-memo),
.study-resumo-formatado p:has(.srf-mark-banca),
.study-resumo-formatado li:has(.srf-mark-banca),
.study-resumo-formatado p:has(.srf-mark-lei),
.study-resumo-formatado li:has(.srf-mark-lei),
.study-resumo-formatado p:has(.srf-mark-prova),
.study-resumo-formatado li:has(.srf-mark-prova) {
  padding: 10px 13px !important;
}

/* Listas mais limpas */
.study-resumo-formatado .srf-ul,
.study-resumo-formatado .srf-ol {
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

.study-resumo-formatado .srf-ul li,
.study-resumo-formatado .srf-ol li {
  margin: 8px 0 !important;
  padding: 9px 12px !important;
}

.study-resumo-formatado .srf-ul li::marker,
.study-resumo-formatado .srf-ol li::marker {
  color: #fb923c !important;
  font-weight: 900 !important;
}

/* Blocos especiais */
.study-resumo-formatado .srf-box {
  color: #ffffff !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  margin: 16px 0 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}

.study-resumo-formatado .srf-box-title {
  color: #ffffff !important;
  font-weight: 950 !important;
}

/* Divisória mais sutil */
.study-resumo-formatado .srf-divider {
  height: 1px !important;
  background: linear-gradient(90deg, rgba(251,146,60,.7), rgba(56,189,248,.45), transparent) !important;
  margin: 24px 0 !important;
}

/* Evita poluição visual nos strongs */
.study-resumo-formatado p strong {
  color: #ffffff !important;
  background: rgba(249,115,22,.70) !important;
  padding: 2px 7px !important;
  border-radius: 7px !important;
}

/* Mobile */
@media (max-width: 720px) {
  .study-resumo-formatado {
    font-size: 15.8px !important;
  }

  .study-resumo-formatado .srf-h3 {
    font-size: 16.5px !important;
  }
}