/**
 * Custom CSS para reducir el ancho del contenedor SOLO en la página principal
 */

/* Selector específico para la página de inicio usando la clase crono-hero-bg */
.crono-hero-bg ~ * .container,
.crono-hero-bg .container {
  max-width: 1100px !important; /* Puedes ajustar este valor según necesites */
  margin: 0 auto;
}

/* Específicamente para el contenido markdown en la página principal */
body:has(.crono-hero-bg) .theme-doc-markdown .markdown {
  max-width: 1100px !important;
  margin: 0 auto;
}

/* Para la página principal, aseguramos que el contenedor principal tenga ancho reducido */
body:has(.crono-hero-bg) .main-wrapper .container {
  max-width: 1100px !important;
}

/* Selector alternativo usando la ruta de la página principal */
[data-route="/"] .container,
[data-route="/index"] .container {
  max-width: 1100px !important;
}