/* Código en línea */
p code {
  background-color: #333333; /* Fondo oscuro */
  color: #3498db; /* Texto en un color destacado */
  padding: 2px 4px; /* Espaciado interno */
  border-radius: 4px; /* Bordes redondeados */
  font-size: 0.95em; /* Tamaño de fuente */
  font-family: "Fira Code", monospace; /* Fuente monoespaciada */
}

/* Código en títulos (h1, h2, h3, etc.) */
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
  background-color: #f5f5f5; /* Fondo oscuro */
  color: #3498db; /* Verde brillante */
  padding: 2px 4px; /* Espaciado interno */
  border-radius: 4px; /* Bordes redondeados */
  font-size: 0.95em; /* Tamaño de fuente */
  font-family: "Fira Code", monospace; /* Fuente monoespaciada */
}

/* Estilo para enlaces */
a {
  color: #3498db; /* Verde brillante */
  text-decoration: none; /* Sin subrayado */
}

/* Estilo para enlaces al pasar el cursor */
a:hover {
  color: #20c997; /* Celeste brillante al pasar el cursor */
  text-decoration: underline; /* Subrayado al pasar el cursor */
}
pre {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Sombra sutil */
}
/* Colores de sintaxis */
.hljs-keyword { color: #ff79c6; } /* Palabras clave */
.hljs-string { color: #f1fa8c; } /* Cadenas */
.hljs-comment { color: #6272a4; font-style: italic; } /* Comentarios */
.hljs-number { color: #bd93f9; } /* Números */
.hljs-function { color: #50fa7b; } /* Funciones */
code, pre {
  font-family: "Fira Code", "Courier New", monospace;
}

/* Estilo general para tablas */
table {
  border-collapse: collapse; /* Bordes colapsados */
  width: 100%; /* Ancho completo */
  margin: 20px 0; /* Espaciado superior e inferior */
  font-size: 1em; /* Tamaño de fuente */
  font-family: Arial, sans-serif; /* Fuente general */
  color: var(--quarto-fg); /* Color del texto según el tema */
  background-color: var(--quarto-bg); /* Fondo de la tabla según el tema */
  border: 1px solid var(--quarto-border-color); /* Bordes según el tema */
}

/* Bordes de las celdas */
table th, table td {
  border: 1px solid var(--quarto-border-color); /* Bordes según el tema */
  padding: 8px; /* Espaciado interno */
  text-align: left; /* Alineación del texto */
}

/* Encabezados de tabla */
table th {
  background-color: var(--quarto-table-header-bg); /* Fondo del encabezado según el tema */
  color: var(--quarto-table-header-fg); /* Color del texto del encabezado según el tema */
  font-weight: bold; /* Texto en negrita */
}

/* Código dentro de tablas */
table td code, table th code {
  background-color: var(--quarto-code-bg); /* Fondo del código según el tema */
  color: #3498db; /* Color del texto del código según el tema */
  padding: 2px 4px; /* Espaciado interno */
  border-radius: 4px; /* Bordes redondeados */
  font-size: 0.9em; /* Tamaño de fuente */
  font-family: "Fira Code", monospace; /* Fuente monoespaciada */
  border: 1px solid var(--quarto-border-color); /* Borde sutil */
}
/* Código en listas numeradas y con viñetas */
ol li code, ul li code {
  background-color: var(--quarto-code-bg); /* Fondo del código según el tema */
  color: #3498db; /* Color del texto del código según el tema */
  padding: 2px 4px; /* Espaciado interno */
  border-radius: 4px; /* Bordes redondeados */
  font-size: 0.95em; /* Tamaño de fuente */
  font-family: "Fira Code", monospace; /* Fuente monoespaciada */
  border: 1px solid var(--quarto-border-color); /* Borde sutil */
}