/* ===============================
   Estilos generales
   =============================== */
body {
    font-family: "Inter", "Fira Sans", "Helvetica", "Arial", sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fdfdfd;
    padding: 0 1rem;
    width: 100%;
}

/* Encabezados */
h1 {
    color: #000000;
    border-bottom: 2px solid #000000;
    padding-bottom: 0.3em;
}
h2 {
    color: #4c1d95;
    border-bottom: 1px solid #4c1d95;
    padding-bottom: 0.2em;
}


/* Párrafos y listas */
p, li {
    font-size: 1rem;
    margin-bottom: 0.8em;
}
ul, ol {
    padding-left: 1.5em;
}

/* Bloques de código */
div.highlight, pre {
    background-color: #f3f4f6;
    color: #111111;
    border-radius: 3px;

    overflow-x: auto;
    font-family: "Fira Code", monospace;
    font-size: 0.95rem;
}

/* Comandos de bash */
.highlight .c { color: #75715e; } /* comentarios */
.highlight .k { color: #4c1d95; } /* keywords */
.highlight .n { color: #f8f8f2; } /* nombres */
.highlight .s { color: #e6db74; } /* strings */
.highlight .p { color: #f92672; } /* punctuación */
.highlight .o { color: #f8f8f2; } /* operadores */

/* Tablas */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.50rem; /* Bordes redondeados */
  overflow: hidden;
}
th, td {
    border: 1px solid #ccc;
    padding: 0.5em 0.8em;
    text-align: left;
}
th {
    background-color: #4c1d95;
    color: white;
}
tr:nth-child(even) {
    background-color: #f4f4f4;
}

/* Notas y advertencias */
.admonition {
    border-left: 4px solid #e76f51;
    padding: 0.5em 1em;
    background-color: #fff5f0;
    margin: 1em 0;
}

/* Links */
a {
    color: #2a9d8f;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Botón de copiar bloques de código */
.copybutton {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    background-color: #264653;
    color: #fdfdfd;
    border: none;
    border-radius: 4px;
    padding: 0.2em 0.5em;
    font-size: 0.8rem;
    cursor: pointer;
    opacity: 0.8;
}
.copybutton:hover {
    opacity: 1;
}