/* El grid principal sin máximo ancho */
.md-grid {
  max-width: initial !important;
}

/* O bien apuntando al inner content */
.md-main__inner.md-grid {
  max-width: initial !important;
}

/* Quitar márgenes/paddings laterales si los hay */
.md-content, .md-main__inner, .md-header, .md-footer {
  margin: 0 !important;
  padding: 0 !important;
}

/* ===========================================
   Mermaid — correcció mode fosc
   =========================================== */

[data-md-color-scheme="slate"] .mermaid svg {
  background: transparent !important;
}

[data-md-color-scheme="slate"] .mermaid svg text,
[data-md-color-scheme="slate"] .mermaid svg tspan {
  fill: #ffffff !important;
}
[data-md-color-scheme="slate"] .mermaid svg rect:not([fill="none"]),
[data-md-color-scheme="slate"] .mermaid svg circle:not([fill="none"]),
[data-md-color-scheme="slate"] .mermaid svg ellipse:not([fill="none"]),
[data-md-color-scheme="slate"] .mermaid svg polygon:not([fill="none"]) {
  fill: #2d1b69 !important;
  stroke: #7c3aed !important;
}

/* ===========================================
   Timeline Mermaid 10 — correcció específica
   =========================================== */

[data-md-color-scheme="slate"] g[class*="section"] path,
[data-md-color-scheme="slate"] g[class*="section"] rect,
[data-md-color-scheme="slate"] g[class*="section"] circle {
  fill: #1a1a3e !important;
  stroke: #7c3aed !important;
}

[data-md-color-scheme="slate"] g[class*="section"] text,
[data-md-color-scheme="slate"] g[class*="section"] tspan {
  fill: #e8e8ff !important;
}

[data-md-color-scheme="slate"] g[class*="section"] line {
  stroke: #7c3aed !important;
}

[data-md-color-scheme="slate"] .mermaid .lineWrapper line {
  stroke: #7c3aed !important;
}

[data-md-color-scheme="slate"] .mermaid .eventWrapper {
  filter: none !important;
}