/* prettify.css — Tema claro de alto contraste (StackOverflow Light+)
   Inspirado en StackOverflow pero con mayor contraste y nitidez visual.
*/
@font-face {
  font-family: 'Google';
  font-style: normal;
  font-weight: normal;
  src: url('font/GoogleSansCode-Regular.ttf') format('truetype');
}
.prettyprint {
    font-family: 'Google', monospace;
    font-size: 15px;
    line-height: 22px;
    color: #1a1a1a;
    background-color: #f9f9f9;
    border: 1px solid #f0f2f4;
    padding: 12px 15px;
    overflow: auto;
    tab-size: 4;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 500px;
    letter-spacing: -.2px;
    overflow-y: auto;


}
/* Ancho del scroll */
.prettyprint::-webkit-scrollbar {
    width: 6px;
}
/* Fondo del canal */
.prettyprint::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Barra */
.prettyprint::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 6px;
    min-height: 20px;
}
/* Hover en la barra */
.prettyprint::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}


.prettyprint.inline {
  padding: 2px 6px;
  background: #f3f4f6;
  border-radius: 3px;
  border: 1px solid #d0d7de;
  display: inline-block;
}

.linenums, ol.linenums {
  list-style: none;
  margin: 0;
  padding: 0 0 0 40px;
  counter-reset: linenumber;
}
.linenums > li { position: relative; }
.linenums > li:before {
  counter-increment: linenumber;
  content: counter(linenumber);
  position: absolute;
  left: -40px;
  width: 34px;
  text-align: right;
  color: #999;
  font-size: 15px;
  line-height: 1.45;
  padding-right: 6px;
  user-select: none;
}

/* Tokens */
.pln { color: hsl(80,80.5%,26.5%); }
/* .pln { color: #813e72; } */
.com { color: hsl(210,8%,43.5%); font-style: normal; }
.str { color: #005cc5; }
.kwd, .atom, .built_in, .attribute { color: hsl(206,98.5%,29%); font-weight: normal; }
.typ { color: hsl(27,99%,36%); }
.lit { color: #b31d28; }
.pun { color: #000000; }
.tag { color: #22863a; }
.atn { color: #032f62; }
.atv { color: #e36209; }
.dec { color: #b31d28; }
.fn { color: #005cc5; }
.var { color: #24292e; }
.chr { color: #22863a; }

.prettyprint .highlight { background: #fff5b1; border-radius: 2px; padding: 0 2px; }

.prettyprint .op { color: #444; }

pre.prettyprint .tag, pre.prettyprint .tag .pln { color: hsl(27,99%,36%); }
pre.prettyprint .atn { color: hsl(206,98.5%,29%); }
pre.prettyprint .atv { color: hsl(80,80.5%,26.5%); }

.prettyprint .css .kwd { color: #d73a49; }
.prettyprint .css .str { color: #005cc5; }

.prettyprint .lang-js .str { color: #032f62; }
.prettyprint .lang-js .kwd { color: #d73a49; }
.prettyprint .lang-json .lit { color: #b31d28; font-weight: 600; }

.prettyprint .lang-sql .kwd { color: #d73a49; }
.prettyprint .lang-sql .lit { color: #b31d28; }

.prettyprint .com { font-size: 15px; }

.prettyprint .current-line { background: #f6f8fa; display: block; margin: -2px -12px; padding: 2px 12px; border-left: 3px solid #d0d7de; }

pre.prettyprint { 
  margin: 1em 0;
 }
pre.prettyprint code { background: transparent; padding: 0; border: none; }

.prettyprint:focus { outline: 3px solid rgba(3,102,214,0.2); }

.prettyprint.noborder { border: none; border-radius: 0; padding-left: 8px; padding-right: 8px; }
.prettyprint.compact { padding: 6px 8px; font-size: 15px; }

/* @media (max-width: 520px) {
  .prettyprint { font-size: 12px; padding: 10px; }
  .linenums > li:before { left: -36px; width: 30px; }
} */

/* End of prettify-light-contrast.css */