/**
 * conteudo-rico.css
 *
 * Estilos do conteudo produzido no editor minimalista do admin quando
 * exibido no site publico. O preflight do Tailwind zera margens e
 * marcadores de listas/titulos; aqui restauramos apenas dentro do
 * wrapper .conteudo-rico.
 *
 * Uso: <div class="conteudo-rico"><?= conteudo_rico($valor) ?></div>
 */

.conteudo-rico > *:first-child {
    margin-top: 0;
}

.conteudo-rico > *:last-child {
    margin-bottom: 0;
}

.conteudo-rico p {
    margin: 0 0 0.75em 0;
}

.conteudo-rico h3 {
    margin: 1.1em 0 0.45em 0;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.3;
}

.conteudo-rico h4 {
    margin: 1em 0 0.4em 0;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.35;
}

.conteudo-rico ul {
    margin: 0 0 0.75em 0;
    padding-left: 1.4em;
    list-style: disc outside;
}

.conteudo-rico ol {
    margin: 0 0 0.75em 0;
    padding-left: 1.5em;
    list-style: decimal outside;
}

.conteudo-rico ul ul {
    list-style: circle outside;
}

.conteudo-rico ol ol {
    list-style: lower-alpha outside;
}

.conteudo-rico li {
    margin: 0.15em 0;
    display: list-item;
}

.conteudo-rico blockquote {
    margin: 0 0 0.75em 0;
    padding-left: 0.9em;
    border-left: 3px solid #e5e7eb;
    color: #4b5563;
}

.conteudo-rico a {
    color: #26348b;
    text-decoration: underline;
    word-break: break-word;
}

.conteudo-rico a:hover {
    text-decoration: none;
}

.conteudo-rico hr {
    margin: 1em 0;
    border: 0;
    border-top: 1px solid #e5e7eb;
}

.conteudo-rico strong,
.conteudo-rico b {
    font-weight: 700;
}

.conteudo-rico em,
.conteudo-rico i {
    font-style: italic;
}

.conteudo-rico u {
    text-decoration: underline;
}

.conteudo-rico s,
.conteudo-rico strike {
    text-decoration: line-through;
}
