/**
 * Contenido enriquecido cargado por usuarios (descripciones de proyectos y ONGs).
 *
 * Contrato de estilos en dos direcciones:
 *  1) Todas las reglas viven bajo .rich-content y definen EXPLÍCITAMENTE la
 *     tipografía de cada elemento permitido, para que el CSS global del sitio
 *     no las pise (ni el contenido del usuario rompa al sitio).
 *  2) Este mismo archivo es el content_css del editor TinyMCE, con
 *     body_class=rich-content: lo que se ve en el editor ES lo que se publica.
 *
 * Elementos permitidos por el sanitizador (Creacttive_Class_HtmlSanitizer):
 * p, br, strong, em, u, ul, ol, li, a, h3, h4, h5, blockquote.
 */

.rich-content {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    text-align: left;
}

.rich-content p {
    margin: 0 0 14px 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.6;
}

.rich-content h3,
.rich-content h4,
.rich-content h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #1a3a5c;
    background: none;
    border: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: normal;
}

.rich-content h3 { font-size: 19px; line-height: 1.35; margin: 22px 0 10px 0; }
.rich-content h4 { font-size: 16px; line-height: 1.35; margin: 18px 0 8px 0; }
.rich-content h5 { font-size: 14px; line-height: 1.35; margin: 16px 0 6px 0; }

.rich-content h3:first-child,
.rich-content h4:first-child,
.rich-content h5:first-child,
.rich-content p:first-child { margin-top: 0; }

.rich-content ul,
.rich-content ol {
    margin: 0 0 14px 0;
    padding: 0 0 0 26px;
    list-style-position: outside;
}
.rich-content ul { list-style-type: disc; }
.rich-content ol { list-style-type: decimal; }
.rich-content li {
    margin: 0 0 6px 0;
    padding: 0;
    background: none;
    font-size: 14px;
    line-height: 1.6;
}

.rich-content a {
    color: #1b73e8;
    text-decoration: underline;
    background: none;
}
.rich-content a:hover { color: #1a3a5c; }

.rich-content strong { font-weight: bold; }
.rich-content em { font-style: italic; }
.rich-content u { text-decoration: underline; }

.rich-content blockquote {
    margin: 0 0 14px 0;
    padding: 10px 16px;
    border-left: 4px solid #1a5f9e;
    background: #f5f8fa;
    font-style: italic;
}
.rich-content blockquote p:last-child { margin-bottom: 0; }

/* Defensivos: si algún contenido histórico conserva elementos no permitidos,
   que degraden de forma inofensiva. */
.rich-content img { max-width: 100%; height: auto; }
.rich-content table { max-width: 100%; border-collapse: collapse; }
.rich-content h1, .rich-content h2 { font-size: 19px; line-height: 1.35; margin: 22px 0 10px 0; color: #1a3a5c; }