/* Cambiar color de la barra lateral en triple-hyde */
.sidebar,
.hyde-sidebar {
  background-color: #6A9FB5 !important; /* azul */
  color: #ffffff !important;            /* texto blanco */
}

.sidebar a {
  color: #ffffff !important; /* amarillo */
}

.sidebar a:hover {
  color: #717ff8 !important; /* rojo */
}


/* Fondo de la página de posts */
body {
    background-color: #1e1e1e !important; /* casi negro */
  }
  .content {
    background-color: #2a2a2a !important; /* gris oscuro */
    color: #e0e0e0 !important;            /* texto claro */
  }




/* Sidebar Titulos de posts */
.sidebar, .hyde-sidebar {
    background-color: #679AAD !important;
    color: #272726ec !important;                   /* mensaje en la barra */
  }
  .sidebar a { color: #ffffff !important; }
  .sidebar a:hover { color: #050e97 !important; }   /* resalta el enlace */
  
  /* Títulos */
  h1.post-title a, .post-title a, .content h1 a, .content h1, .entry-title a {
    color: #c7a355!important;           /* título de los post antes del clip */
  }
  h1.post-title a:hover, .post-title a:hover, .content h1 a:hover, .entry-title a:hover {
    color: #ac225b !important;  
  }


/* =========================================
   Citas en bloque (>) - Override forzado
   ========================================= */
.content blockquote {
  background-color: #3a3a3a !important;  /* Fondo gris más oscuro */
  border-left: 5px solid #d4af37 !important;  /* Línea lateral dorada */
  color: #f8f8f8 !important;  /* Texto claro */
  padding: 1.2em 1.5em !important;
  border-radius: 10px;
  margin: 1.5em 0 !important;
  font-style: italic;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

/* Ajuste para citas anidadas dentro del contenido */
.content blockquote p {
  color: #f0f0f0 !important;
  margin: 0;
}


/* =========================================
   Corrección de color para código en línea (`backticks`)
   ========================================= */
.content code,
p code,
li code {
  color: #f1f1f1 !important;           /* texto claro neutro */
  background-color: #535151 !important; /* fondo oscuro sutil */
  border-radius: 4px;
  padding: 0.15em 0.35em;
  font-family: "Fira Code", monospace;
  font-size: 0.95em;
}



  /* ============================
   Tablas en tema oscuro (triple-hyde)
   ============================ */

/* Tablas dentro del contenido */
.content table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.5em 0;
  background-color: #2a2a2a !important; /* fuerza gris oscuro */
  color: #e0e0e0 !important;            /* texto claro */
  font-size: 0.95em;
}


/* Encabezados */
.content th {
  background-color: #333 !important;
  color: #ffffff !important; /* color del texto encabezado de tabla */
  font-weight: bold;
  padding: 10px 12px;
  border: 1px solid #555;
}

/* Celdas normales */
.content td {
  border: 1px solid #444444 !important;
  padding: 10px 12px;
  color: #000000ce !important;
}

/* Filas alternas */
.content tbody tr:nth-child(odd) {
  background-color: #e7d9dd !important;
}
.content tbody tr:nth-child(even) {
  background-color: #83b6d3 !important; /* fondo celda alterna */
}

/* Hover */
.content tbody tr:hover {
  background-color: #34d44a !important;
  color: #c9b824 !important;
}

.content table a {
  color: #051df5 !important;
  text-decoration: underline;
}
.content table a:hover {
  color: #f87171 !important;
}


/* clase para mantener uniformidad en las imágenes y sus captions */
figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 1.5em 0;
}

figure img {
  max-width: 80%;
  border-radius: 10px;
}

figure figcaption {
  font-size: 0.9em;
  color: #aaa;
  margin-top: 8px;
  font-style: italic;
}


/* elimine el borde de enfoque en el banner de curso: */
.section-banner a:focus,
.section-banner a:active {
  outline: none;
  border: none;
  text-decoration: none;
}