/* ============================================================
   rtdDoc.css — Render de documentos ricos (convocatoria, correo,
   confirmación) IDÉNTICO en el editor del panel y en la página
   pública. Ambos aplican la clase .rtd-doc al contenedor del
   contenido, así el HTML pegado (con sus estilos en línea:
   colores, tablas, tamaños) se ve exactamente igual en los dos.

   Regla de oro: aquí NO se imponen colores/paddings/anchos al
   contenido; solo se normaliza la base para que sea la misma en
   los dos lados. Lo que decide el aspecto son los estilos EN LÍNEA
   del HTML del organizador.
   ============================================================ */

.rtd-doc {
  box-sizing: border-box;
  text-align: left;
  line-height: 1.42;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: #1b1b22;
  font-size: 15px;
  /* Tipografía base común (web-safe) para que el texto SIN estilo propio se vea
     igual en el editor y en la pública. El HTML del organizador manda con sus
     fuentes en línea. */
  font-family: Arial, Helvetica, sans-serif;
}

/* Sin márgenes/paddings por defecto del navegador en los bloques:
   el espaciado lo define el contenido (tablas, <br>, estilos en línea),
   igual que en el editor. */
.rtd-doc p,
.rtd-doc ol,
.rtd-doc ul,
.rtd-doc pre,
.rtd-doc blockquote,
.rtd-doc h1,
.rtd-doc h2,
.rtd-doc h3,
.rtd-doc h4,
.rtd-doc h5,
.rtd-doc h6 {
  margin: 0;
  padding: 0;
}

.rtd-doc ol,
.rtd-doc ul {
  padding-left: 1.5em;
}

.rtd-doc img {
  max-width: 100%;
  height: auto;
}

/* Tablas: se usa table-layout: fixed porque las plantillas (p. ej. TiempoMeta)
   definen anchos de columna explícitos que deben respetarse tal cual. */
.rtd-doc table {
  border-collapse: collapse;
  table-layout: fixed;
}

/* IMPORTANTE: las plantillas usan cellpadding=0 y controlan el espaciado con
   márgenes internos. En la página pública se carga componentes.css con una
   regla global `tbody td { padding:12px 16px; border-bottom }` que NO existe en
   el editor del panel: eso le metía 32px de padding a la celda angosta del
   "acento" lateral (width:4px) y la hacía verse como una barra gruesa, además
   de descuadrar todo respecto al editor. Reseteamos el padding/borde de celda
   para que el HTML mande igual en ambos lados. El padding EN LÍNEA del HTML
   (style="padding:...") gana a esta regla, así que se respeta cuando exista. */
.rtd-doc td,
.rtd-doc th {
  padding: 0;
  border: 0;
}

.rtd-doc a {
  color: inherit;
}