/* Custom CSS for MkDocs Material Theme */
/* Color para modo claro */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #589034;
}

/* Color para modo oscuro */
[data-md-color-scheme="slate"] {
    /* --md-primary-fg-color: #589034; */
    --md-primary-fg-color: #589034;
    --md-default-bg-color: #272E33;
    /* --md-default-bg-color--light:#FA2312; */
    /* --md-default-bg-color--lighter:#FA2312; */
    /* --md-default-bg-color--lightest:  #FA2312; */
    /* --md-primary-fg-color: #028b3f; */
}

/* Tamaño del logo en la navbar */
.md-header__button.md-logo img {
  height: 40px; /* Ajusta este valor como quieras */
  width: auto;
}

/* Aumentar el ancho del área principal de contenido */
.md-main__inner {
  max-width: 1700px;  /* Por defecto es 960px */
}

/* Estilo antiguo de admoniciones y detalles */
.md-typeset .admonition,
.md-typeset details {
  border-width: 0px;
  border-left-width: 10px;
}

/* Estilo personalizado para admoniciones y detalles (pied-piper)*/
:root {
  --md-admonition-icon--pied-piper: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M244 246c-3.2-2-6.3-2.9-10.1-2.9-6.6 0-12.6 3.2-19.3 3.7l1.7 4.9zm135.9 197.9c-19 0-64.1 9.5-79.9 19.8l6.9 45.1c35.7 6.1 70.1 3.6 106-9.8-4.8-10-23.5-55.1-33-55.1zM340.8 177c6.6 2.8 11.5 9.2 22.7 22.1 2-1.4 7.5-5.2 7.5-8.6 0-4.9-11.8-13.2-13.2-23 11.2-5.7 25.2-6 37.6-8.9 68.1-16.4 116.3-52.9 146.8-116.7C548.3 29.3 554 16.1 554.6 2l-2 2.6c-28.4 50-33 63.2-81.3 100-31.9 24.4-69.2 40.2-106.6 54.6l-6.3-.3v-21.8c-19.6 1.6-19.7-14.6-31.6-23-18.7 20.6-31.6 40.8-58.9 51.1-12.7 4.8-19.6 10-25.9 21.8 34.9-16.4 91.2-13.5 98.8-10zM555.5 0l-.6 1.1-.3.9.6-.6zm-59.2 382.1c-33.9-56.9-75.3-118.4-150-115.5l-.3-6c-1.1-13.5 32.8 3.2 35.1-31l-14.4 7.2c-19.8-45.7-8.6-54.3-65.5-54.3-14.7 0-26.7 1.7-41.4 4.6 2.9 18.6 2.2 36.7-10.9 50.3l19.5 5.5c-1.7 3.2-2.9 6.3-2.9 9.8 0 21 42.8 2.9 42.8 33.6 0 18.4-36.8 60.1-54.9 60.1-8 0-53.7-50-53.4-60.1l.3-4.6 52.3-11.5c13-2.6 12.3-22.7-2.9-22.7-3.7 0-43.1 9.2-49.4 10.6-2-5.2-7.5-14.1-13.8-14.1-3.2 0-6.3 3.2-9.5 4-9.2 2.6-31 2.9-21.5 20.1L15.9 298.5c-5.5 1.1-8.9 6.3-8.9 11.8 0 6 5.5 10.9 11.5 10.9 8 0 131.3-28.4 147.4-32.2 2.6 3.2 4.6 6.3 7.8 8.6 20.1 14.4 59.8 85.9 76.4 85.9 24.1 0 58-22.4 71.3-41.9 3.2-4.3 6.9-7.5 12.4-6.9.6 13.8-31.6 34.2-33 43.7-1.4 10.2-1 35.2-.3 41.1 26.7 8.1 52-3.6 77.9-2.9 4.3-21 10.6-41.9 9.8-63.5l-.3-9.5c-1.4-34.2-10.9-38.5-34.8-58.6-1.1-1.1-2.6-2.6-3.7-4 2.2-1.4 1.1-1 4.6-1.7 88.5 0 56.3 183.6 111.5 229.9 33.1-15 72.5-27.9 103.5-47.2-29-25.6-52.6-45.7-72.7-79.9zm-196.2 46.1v27.2l11.8-3.4-2.9-23.8zm-68.7-150.4l24.1 61.2 21-13.8-31.3-50.9zm84.4 154.9l2 12.4c9-1.5 58.4-6.6 58.4-14.1 0-1.4-.6-3.2-.9-4.6-26.8 0-36.9 3.8-59.5 6.3z"/></svg>')
}
.md-typeset .admonition.pied-piper,
.md-typeset details.pied-piper {
  border-color: rgb(43, 155, 70);
}
.md-typeset .pied-piper > .admonition-title,
.md-typeset .pied-piper > summary {
  background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .pied-piper > .admonition-title::before,
.md-typeset .pied-piper > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--pied-piper);
          mask-image: var(--md-admonition-icon--pied-piper);
}

/* Estilo personalizado para admoniciones y detalles (requirements)*/
:root {
  /* --md-admonition-icon--requirements: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 20H13V22H11V20M8.58 10.23C7.54 9.4 7 8.25 7 7C7 4.24 9.24 2 12 2C14.76 2 17 4.24 17 7C17 8.25 16.46 9.4 15.42 10.23L17.79 12.6C18.42 12.18 19.18 12 20 12V10H22V12C22 14.28 20.67 16.27 18.66 17.25L17 15.58V19H15V15.58L13 13.58V20H11V13.58L9 15.58V19H7V15.58L5.34 17.25C3.33 16.27 2 14.28 2 12V10H4V12C4.82 12 5.58 12.18 6.21 12.6L8.58 10.23M12 4C10.34 4 9 5.34 9 7S10.34 10 12 10 15 8.66 15 7 13.66 4 12 4Z" /></svg>'); */
--md-admonition-icon--requirements: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>cable-data</title><path d="M7.05 3.5C5.68 4.88 5.68 7.1 7.05 8.47L15.54 16.95C16.12 17.54 16.12 18.5 15.54 19.07C14.95 19.66 14 19.66 13.41 19.07L9.17 14.83L10.23 13.77L6.7 10.23L6.34 10.59L4.93 9.17C4.54 8.78 3.91 8.78 3.5 9.17L2.1 10.59C1.71 11 1.71 11.61 2.1 12L3.5 13.41L3.16 13.77L6.7 17.3L7.76 16.24L12 20.5C13.37 21.85 15.58 21.85 16.95 20.5C18.32 19.12 18.32 16.9 16.95 15.54L8.46 7.05C7.88 6.46 7.88 5.5 8.46 4.93C9.05 4.34 10 4.34 10.59 4.93L14.83 9.17L13.77 10.23L17.3 13.77L17.66 13.41L19.07 14.83C19.46 15.22 20.1 15.22 20.5 14.83L21.9 13.41C22.29 13 22.29 12.39 21.9 12L20.5 10.59L20.84 10.23L17.3 6.7L16.24 7.76L12 3.5C10.63 2.15 8.42 2.15 7.05 3.5M2.81 11.29L4.22 9.88L5.64 11.29L4.22 12.71M18.36 12.71L19.78 11.29L21.19 12.71L19.78 14.12Z" /></svg>');
}

.md-typeset .admonition.requirements,
.md-typeset details.requirements {
  border-color: rgb(43, 155, 70);
}

.md-typeset .requirements > .admonition-title,
.md-typeset .requirements > summary {
  background-color: rgba(43, 155, 70, 0.1);
}

.md-typeset .requirements > .admonition-title::before,
.md-typeset .requirements > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--requirements);
  mask-image: var(--md-admonition-icon--requirements);
}


/* Pels grids de la pagina inicial que estan sense fer*/
.card-disabled {
  opacity: 0.65;
  filter: grayscale(100%);
  pointer-events: none;
  cursor: not-allowed;
}

.card-disabled-text {
  color: rgb(100, 100, 100);
  font-style: italic;
}