/* =========================
   Bloques de código
   ========================= */

/* Contenedor principal del bloque */
.highlight {
  background: none;       /* quita el gris del contenedor */
  padding: 0;
  position: relative;     /* necesario para mostrar el lenguaje en la esquina */
}

/* Código dentro del bloque */
.highlight pre {
  background-color: transparent; /* quita el fondo negro */
  color: inherit;                /* toma el color de texto del sitio */
  padding: 1em 2em;
  border-radius: 8px;
  overflow-x: auto;
  font-family: monospace;
  font-size: 0.95em;
  line-height: 1.4;
  position: relative;
}


/* Código inline */
code {
  background-color: #f5f5f5; /* o 'transparent' si quieres nada */
  color: #1a1a1a;           /* texto oscuro legible */
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-family: monospace;
}


/* Opcional: scroll horizontal si una línea es muy larga */
.highlight pre code {
  display: block;
  overflow-x: auto;
}