/**
 * Estilos para conteúdo HTML rico gerado pelo editor de descrição.
 * Aplica-se aos elementos com class="rich-content" que renderizam HTML
 * vindo de sanitizeRichText() / renderDescricao().
 */

.rich-content {
    color: #1a1a1a;
    line-height: 1.7;
    font-size: 1rem;
    word-break: break-word;
    white-space: normal;
}

.rich-content > *:first-child { margin-top: 0; }
.rich-content > *:last-child { margin-bottom: 0; }

.rich-content p {
    margin: 0 0 0.9em;
}

.rich-content h2 {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 1.4em 0 0.5em;
    color: #1a1a1a;
    line-height: 1.3;
}

.rich-content h3 {
    font-size: 1.12rem;
    font-weight: 700;
    margin: 1.1em 0 0.4em;
    color: #1a1a1a;
    line-height: 1.35;
}

.rich-content ul,
.rich-content ol {
    margin: 0 0 0.9em;
    padding-left: 1.5em;
}

.rich-content li {
    margin-bottom: 0.35em;
}

.rich-content ul li { list-style: disc; }
.rich-content ol li { list-style: decimal; }

.rich-content strong,
.rich-content b {
    font-weight: 700;
    color: #1a1a1a;
}

.rich-content em,
.rich-content i {
    font-style: italic;
}

.rich-content u {
    text-decoration: underline;
}

.rich-content a {
    color: #00B944;
    text-decoration: underline;
    word-break: break-all;
}

.rich-content a:hover {
    color: #009a38;
}

.rich-content blockquote {
    border-left: 3px solid #00B944;
    padding: 6px 14px;
    background: #f0fdf4;
    margin: 1em 0;
    color: #374151;
    font-style: italic;
}

.rich-content font[size="1"] { font-size: 0.75rem; }
.rich-content font[size="2"] { font-size: 0.85rem; }
.rich-content font[size="3"] { font-size: 1rem; }
.rich-content font[size="4"] { font-size: 1.15rem; }
.rich-content font[size="5"] { font-size: 1.3rem; }
.rich-content font[size="6"] { font-size: 1.5rem; }
.rich-content font[size="7"] { font-size: 1.8rem; }

/* Collapse state — descrição muito longa */
.description-text.rich-content.collapsed {
    max-height: 160px;
    overflow: hidden;
    position: relative;
    mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
}