/* Estilos de apoyo. Tailwind (CDN) hace el grueso del trabajo. */

/* Paleta de marca David Lasman */
:root {
  --brand-primary:    #2B4D70;  /* Azul LASMAN */
  --brand-dark:       #1C2B3A;  /* Navy oscuro  */
  --brand-accent:     #A73E1F;  /* Terracota    */
  --brand-cream:      #F8F4ED;  /* Fondo cálido */
  --brand-terra-soft: #FDF2EE;  /* Terracota suave */
}
.prose-li p { margin: 0; }
/* Render simple de markdown generado */
.md h1, .md h2, .md h3 { font-weight: 600; color: #0f172a; margin: 1rem 0 .5rem; }
.md h1 { font-size: 1.25rem; }
.md h2 { font-size: 1.1rem; }
.md h3 { font-size: 1rem; }
.md p  { margin: .5rem 0; line-height: 1.7; }
.md ul, .md ol { margin: .5rem 0 .5rem 1.25rem; }
.md ul { list-style: disc; }
.md ol { list-style: decimal; }
.md li { margin: .25rem 0; }
.md table { width: 100%; border-collapse: collapse; margin: .75rem 0; font-size: .85rem; }
.md th, .md td { border: 1px solid #e2e8f0; padding: .4rem .6rem; text-align: left; vertical-align: top; }
.md th { background: #f8fafc; font-weight: 600; }
.md code { background: #f1f5f9; padding: .1rem .3rem; border-radius: .25rem; font-size: .85em; }
.md strong { font-weight: 600; color: #0f172a; }
/* Kanban */
.kanban-col.drag-over { background: #f1f5f9; }
.kanban-card { cursor: grab; }
.kanban-card:active { cursor: grabbing; }
/* Spinner */
.spin { animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Tablet (iPad mini portrait ≤ 1023px): dashboard módulos en 2 columnas */
@media (max-width: 1023px) {
  .dash-modules-grid { grid-template-columns: repeat(2,1fr) !important; }
}