.prose-text-css {
    font-size: 1rem;
    line-height: 1.7;
    color: #333;
  }
  
  /* Párrafos */
  .prose-text-css p {
    margin-bottom: 1.1rem;
  }
  
  .prose-text-css p:last-child {
    margin-bottom: 0;
  }
  
  /* Encabezados */
  .prose-text-css h1,
  .prose-text-css h2,
  .prose-text-css h3,
  .prose-text-css h4,
  .prose-text-css h5,
  .prose-text-css h6 {
    margin-top: 1.8rem;
    margin-bottom: 0.9rem;
    font-weight: 600;
    line-height: 1.3;
  }
  
  .prose-text-css h1:first-child,
  .prose-text-css h2:first-child,
  .prose-text-css h3:first-child {
    margin-top: 0;
  }
  
  .prose-text-css h1 { font-size: 1.9rem; }
  .prose-text-css h2 { font-size: 1.6rem; }
  .prose-text-css h3 { font-size: 1.35rem; }
  .prose-text-css h4 { font-size: 1.15rem; }
  
  /* Listas */
  .prose-text-css ul,
  .prose-text-css ol {
    margin-bottom: 1.1rem;
    padding-left: 1.75rem;
  }
  
  .prose-text-css li {
    margin-bottom: 0.4rem;
  }
  
  .prose-text-css li > ul,
  .prose-text-css li > ol {
    margin-top: 0.4rem;
    margin-bottom: 0;
  }
  
  /* Enlaces */
  .prose-text-css a {
    color: #0d6efd; /* color primario de bootstrap, cambia si usas otro */
    text-decoration: underline;
  }
  
  .prose-text-css a:hover {
    text-decoration: none;
  }
  
  /* Negrita / cursiva */
  .prose-text-css strong,
  .prose-text-css b {
    font-weight: 600;
  }
  
  /* Imágenes */
  .prose-text-css img {
    max-width: 100%;
    height: auto;
    margin: 1rem 0;
    border-radius: 4px;
  }
  
  /* Blockquotes */
  .prose-text-css blockquote {
    margin: 1.2rem 0;
    padding: 0.5rem 1.2rem;
    border-left: 4px solid #dee2e6;
    color: #555;
    font-style: italic;
  }
  
  /* Tablas */
  .prose-text-css table {
    width: 100%;
    margin-bottom: 1.2rem;
    border-collapse: collapse;
  }
  
  .prose-text-css table th,
  .prose-text-css table td {
    padding: 0.5rem 0.75rem;
    border: 1px solid #dee2e6;
  }
  
  .prose-text-css table th {
    background-color: #f8f9fa;
    font-weight: 600;
  }
  
  /* Separadores */
  .prose-text-css hr {
    margin: 1.5rem 0;
    border-color: #dee2e6;
  }
  
  /* Código */
  .prose-text-css code {
    background-color: #f1f1f1;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    font-size: 0.9em;
  }
  
  .prose-text-css pre {
    background-color: #f1f1f1;
    padding: 1rem;
    border-radius: 6px;
    overflow-x: auto;
    margin-bottom: 1.1rem;
  }