/* Texto con formato controlado (2026-10-31): «Quién soy», la descripción de cada experiencia
   profesional y la de cada trabajo del portafolio (apps/access/texto_enriquecido.py).

   .fc-rt es el contenido: lo llevan el perfil público, el detalle de un trabajo y el área
   donde se escribe en el editor (js/texto-enriquecido.js), así que lo que se ve al escribir
   se dibuja con las mismas reglas que lo que ve el público. La letra, su familia y su color
   son los del sitio (y la tipografía del perfil Gold, que se hereda): aquí solo se dibujan
   las clases que el servidor deja pasar. Sin colores, fondos ni fuentes propias.

   Los tamaños son tres niveles relativos al texto de alrededor, nunca un número que la
   persona escriba: pequeño (88 %), normal (sin clase) y grande (118 %). */
.fc-rt{overflow-wrap:anywhere;word-break:normal;min-width:0;max-width:100%}
.fc-rt p{margin:0;padding:0}
/* Las viñetas y los números son del contenido: el reset de .pf (:where, sin peso) los quita
   en el resto del perfil, aquí vuelven. */
/* style.css quita el relleno de toda lista con !important (ol, ul {padding-left:0rem
   !important}): sin él la viñeta, que va por fuera, queda fuera de la caja y no se ve.
   Solo aquí, dentro del contenido con formato, se le devuelve con la misma fuerza. */
.fc-rt ul,.fc-rt ol{margin:.3em 0;padding:0 0 0 1.35em;padding-left:1.35em !important}
.fc-rt ul{list-style:disc outside}
.fc-rt ol{list-style:decimal outside}
.fc-rt li{margin:0;padding:0;list-style:inherit}
.fc-rt li::marker{color:currentColor}
.fc-rt strong{font-weight:700}
.fc-rt em{font-style:italic}
.fc-rt u{text-decoration:underline;text-underline-offset:.15em}
/* Alineación: solo donde la persona la pidió. Lo demás sigue la alineación del diseño. */
.fc-rt .fc-rt-centro{text-align:center}
.fc-rt .fc-rt-derecha{text-align:right}
/* Justificado con guiones: en una columna angosta (teléfono) evita los ríos de espacio. */
.fc-rt .fc-rt-justificado{text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.fc-rt .fc-rt-pequeno{font-size:.88em}
.fc-rt .fc-rt-grande{font-size:1.18em;line-height:1.35}
/* Una lista alineada al centro o a la derecha lleva las viñetas junto al texto. */
.fc-rt li:is(.fc-rt-centro,.fc-rt-derecha){list-style-position:inside}

/* ---------- Editor ---------- */
.fc-rte{display:block;width:100%;min-width:0;border:1px solid #ced4da;border-radius:.5rem;background:#fff;color:#212529}
.fc-rte:focus-within{border-color:#86b7fe;box-shadow:0 0 0 .2rem rgba(13,110,253,.18)}
.fc-rte.is-error{border-color:#dc3545}
.fc-rte__barra{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;border-bottom:1px solid #e3e8ef;background:#f7f9fc;border-radius:.5rem .5rem 0 0}
.fc-rte__grupo{display:inline-flex;align-items:center;gap:2px}
.fc-rte__grupo + .fc-rte__grupo{padding-left:6px;margin-left:2px;border-left:1px solid #dde3ec}
.fc-rte__boton{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;
  border:1px solid transparent;border-radius:6px;background:transparent;color:#33445c;font:inherit;font-size:16px;line-height:1;cursor:pointer}
.fc-rte__boton:hover{background:#e8eef7}
.fc-rte__boton:focus-visible{outline:2px solid #0b5ed7;outline-offset:1px}
/* Activo: fondo, borde y color a la vez; no depende solo del color. */
.fc-rte__boton[aria-pressed="true"]{background:#dbe7ff;border-color:#8fb0f0;color:#0b3d91}
.fc-rte__boton b,.fc-rte__boton i,.fc-rte__boton u{font-family:Georgia,"Times New Roman",serif;font-size:16px}
.fc-rte__tamano{height:32px;padding:0 26px 0 8px;border:1px solid #d3dae5;border-radius:6px;background-color:#fff;color:#33445c;font:inherit;font-size:13px}
.fc-rte__tamano:focus-visible{outline:2px solid #0b5ed7;outline-offset:1px}
.fc-rte__area{display:block;min-height:7.5em;max-height:24em;overflow-y:auto;padding:10px 12px;outline:none;
  font-size:15px;line-height:1.5;color:inherit;cursor:text;white-space:normal}
.fc-rte__area:empty::before,.fc-rte__area.is-vacia::before{content:attr(data-placeholder);color:#8a94a6;pointer-events:none}
.fc-rte__area.is-vacia{position:relative}
.fc-rte__area.is-vacia::before{position:absolute;inset:10px 12px auto}
.fc-rte__ayuda{margin:0;padding:4px 12px 8px;color:#6c7a90;font-size:12px}
/* En el modal de experiencia profesional cada campo lleva un ícono encima, a la izquierda
   (css/trayectoria.css); sobre el editor tapaba el botón de negrita. Con el editor, la barra
   ya dice qué es el campo. */
.trayectoria-campo__caja:has(> .fc-rte) > i{display:none}
@media (max-width:480px){
  .fc-rte__grupo + .fc-rte__grupo{padding-left:4px;margin-left:0}
  .fc-rte__boton{min-width:34px;height:34px}
}