/* Default (light) theme colors */
 :root {
    --body-color: #404040;
    --content-wrap-background-color: #efefef;
    --content-background-color: #fcfcfc;
    --logo-opacity: 1.0;
    --navbar-background-title-color: #337fbd;
    --navbar-background-color: #202327;
    --navbar-current-level-2-background-color: #eeeeee;
    --navbar-background-color-hover: #2880c6;
    --navbar-background-color-active: #2575b5;
    --navbar-current-background-color: #fcfcfc;
    --navbar-current-background-color-hover: #2880c6;
    --navbar-current-background-color-active: #2575b5;
    --navbar-level-1-color: #ffffff;
    --navbar-level-2-color: #202327;
    --navbar-level-3-color: #202327;
    --navbar-level-current-color: #202327;
    --navbar-heading-color: #337fbd;

    --link-color: #2980b9;
    --link-color-hover: #3091d1;
    --link-color-active: #105078;
    --link-color-visited: #9b59b6;
    --external-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjk4MGI5Ij48cGF0aCBkPSJtNy41IDcuMXYzLjRoLTZ2LTZoMy40Ii8+PHBhdGggZD0ibTUuNzY1IDFoNS4yMzV2NS4zOWwtMS41NzMgMS41NDctMS4zMS0xLjMxLTIuNzI0IDIuNzIzLTIuNjktMi42ODggMi44MS0yLjgwOC0xLjMxMy0xLjMxeiIvPjwvZz48L3N2Zz4K");
    --classref-badge-text-color: hsl(0, 0%, 45%);

    --hr-color: #e1e4e5;
    --table-row-odd-background-color: #f3f6f6;
    --code-background-color: #fff;
    --code-border-color: #e1e4e5;
    --code-literal-color: #d04c60;
    --input-background-color: #fcfcfc;
    --input-focus-border-color: #5f8cff;

    --search-input-background-color: #e6eef3; /* derived from --input-background-color */
    --search-match-color: #2c6b96; /* derived from --link-color */
    --search-match-background-color: #e3f2fd; /* derived from --link-color */
    --search-active-color: #efefef;
    --search-credits-background-color: #333f67; /* derived from --navbar-background-color */
    --search-credits-color: #b3b3b3; /* derived from --footer-color */
    --search-credits-link-color: #4392c5; /* derived from --link-color */

    --highlight-background-color: #f5ffe1;
    --highlight-background-emph-color: #fdf6e3;  /* #f3f8e7 */ 
    --highlight-default-color: #404040;
    --highlight-comment-color: #408090;
    --highlight-keyword-color: #007020;
    --highlight-keyword2-color: #902000;
    --highlight-number-color: #208050;
    --highlight-decorator-color: #4070a0;
    --highlight-type-color: #007020;
    --highlight-type2-color: #0e84b5;
    --highlight-function-color: #06287e;
    --highlight-operator-color: #666666;
    --highlight-string-color: #4070a0;

    --admonition-note-background-color: #e7f2fa;
    --admonition-note-color: #404040;
    --admonition-note-title-background-color: #6ab0de;
    --admonition-note-title-color: #fff;
    --admonition-attention-background-color: #ffedcc;
    --admonition-attention-color: #404040;
    --admonition-attention-title-background-color: #f0b37e;
    --admonition-attention-title-color: #fff;
    --admonition-danger-background-color: #fcf3f2;
    --admonition-danger-color: #404040;
    --admonition-danger-title-background-color: #e9a499;
    --admonition-danger-title-color: #fff;
    --admonition-tip-background-color: #dbfaf4;
    --admonition-tip-color: #404040;
    --admonition-tip-title-background-color: #1abc9c;
    --admonition-tip-title-color: #fff;

    --kbd-background-color: #fafbfc;
    --kbd-outline-color: #d1d5da;
    --kbd-shadow-color: #b0b7bf;
    --kbd-text-color: #444d56;

    --btn-neutral-background-color: #f3f6f6;
    --btn-neutral-hover-background-color: #e5ebeb;
    --footer-color: #808080;
}


.wy-nav-content {
    max-width: 1200px !important;
}

.rst-content code, 
.rst-content tt, 
.rst-content div[class^="highlight"] {
    background-color: var(--highlight-background-emph-color);
}

.scrollable-pre {
    overflow-x: auto;  /* Permite desplazamiento horizontal si el contenido es más ancho que el contenedor */
    width: 100%;       /* Opcional: asegura que el `pre` use todo el ancho disponible */
    max-height: 200px; /* Ajusta a la altura deseada */
    overflow-y: auto;  /* Permite desplazamiento vertical si el contenido es más alto que el max-height */
}

/*Esta es mi definicion para los recuadros de codigo solarizados*/
.cuadro_solarizado {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: var(--highlight-background-emph-color); /* #fdf6e3; */
    overflow-x: auto;  /* Permite desplazamiento horizontal si el contenido es más ancho que el contenedor */
    width: 100%;       /* Asegura que el `pre` use todo el ancho disponible */
    max-height: 200px; /* Ajusta a la altura deseada */
    overflow-y: auto;  /* Permite desplazamiento vertical si el contenido es más alto que el max-height */
}
.cuadro_solarizado code {
    border: none;  /* Elimina el borde del elemento <code> */
}

/*para colorear texto en los .rst */
.green {
    color: rgb(5, 207, 5);
}

.red {
    color: red;
}

.bold {
    font-weight: bold;
}

/* Esto es para que la primera columna de las tablas se quede pegada */

/* Asegúrate de que la tabla se pueda desplazar horizontalmente */
div.table-wrapper {
    overflow-x: auto;
}

/* Estilos para la columna pegajosa */
table.docutils thead th:first-child, table.docutils tbody td:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: white;  /* Asegúrate de que la columna pegajosa se destaque sobre el desplazamiento */
    z-index: 1;
}