/* 
 * Tema Retro Commodore 64 - Fiel a la captura real (VIC-II)
 * Adaptado especialmente para Andrés Sánchez Martín (Megasoft)
 * Colores y tipografía extraídos directamente de la imagen de referencia.
 */

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');

:root {
  /* Colores exactos de la captura de pantalla C64 del usuario */
  --c64-screen-blue: #353bf3;   /* El azul eléctrico/violáceo de fondo del área de BASIC */
  --c64-border-lavender: #9799f9; /* El lila/lavanda claro del borde exterior de la pantalla */
  --c64-text-lavender: #b5b7ff;   /* El color de las letras lavanda pálido del texto de carga */
  --c64-dark-blue: #1d2199;       /* Un azul más oscuro para contraste en cabeceras e inputs */
  --c64-deep-blue: #0f1159;       /* Fondo de inputs */
  
  /* Sobrescribir variables de Forgejo */
  --color-primary: var(--c64-border-lavender);
  --color-primary-hover: #ffffff;
  --color-primary-active: #ffffff;
  
  --color-body: var(--c64-screen-blue);
  --color-box-body: var(--c64-screen-blue);
  --color-box-header: var(--c64-dark-blue);
  --color-text: var(--c64-text-lavender);
  --color-text-light: var(--c64-border-lavender);
  --color-text-light-2: var(--c64-text-lavender);
  --color-text-light-3: var(--c64-text-lavender);
  --color-text-muted: var(--c64-text-lavender);
  --color-text-grey: var(--c64-text-lavender);
  --color-text-dark: #ffffff;
  
  --color-navbar: var(--c64-dark-blue);
  --color-footer: var(--c64-dark-blue);
  --color-card: var(--c64-screen-blue);
  
  --color-markup-code-block: var(--c64-deep-blue);
  --color-input-background: var(--c64-deep-blue);
  --color-input-text: #ffffff;
  --color-input-border: var(--c64-border-lavender);
  
  /* Bordes pixelados y fuentes */
  --border-radius: 0px !important;
}

/* Tipografía de lectura Monospace estándar y muy legible para el cuerpo */
body, input, select, textarea, button, .ui.button, .repo-description, .commit-list, .file-body {
  font-family: Consolas, Monaco, Menlo, "Courier New", monospace !important;
  font-size: 15px !important;
  letter-spacing: 0.2px;
}

/* Tipografía retro Press Start 2P para títulos, logos y nombres de repositorios en listas */
h1, h2, h3, h4, h5, .ui.header, .repository .repo-header, .navbar .brand, .ui.menu .item, .flex-item-title, .flex-item-title a {
  font-family: 'Press Start 2P', monospace !important;
  text-transform: uppercase;
  letter-spacing: -1px;
}

/* Ajustes de tamaño para la tipografía de 8 bits ancha */
h1 { font-size: 24px !important; line-height: 1.4 !important; }
h2 { font-size: 20px !important; }
h3 { font-size: 16px !important; }
.ui.menu .item { font-size: 12px !important; }

/* Nombre del repositorio en la lista de exploración */
.flex-item-title, .flex-item-title a {
  font-size: 11px !important;
  letter-spacing: 0px !important;
}

/* Indicador de cabecera completa C64 en la esquina superior izquierda */
.c64-corner-indicator {
  position: absolute;
  top: 20px;
  left: 20px;
  font-family: 'Press Start 2P', monospace !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
  color: var(--c64-border-lavender) !important;
  z-index: 9999;
  pointer-events: none;
  text-shadow: 2px 2px 0px #000000;
}

/* Animación del cursor parpadeante de Commodore 64 */
@keyframes c64-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

.c64-cursor {
  animation: c64-blink 1s infinite;
  margin-left: 4px;
  color: var(--c64-border-lavender) !important;
}

/* Efecto pantalla CRT sutil en el fondo */
body::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.04), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.04));
  z-index: 99999;
  opacity: 0.8;
  pointer-events: none;
  background-size: 100% 4px, 6px 100%;
}

/* Estilo de botones C64 8-Bit (sombras duras sin suavizado) */
.ui.button, .ui.buttons .button, button, input[type="button"], input[type="submit"] {
  border-radius: 0px !important;
  border: 2px solid var(--c64-border-lavender) !important;
  background-color: var(--c64-screen-blue) !important;
  color: #ffffff !important;
  box-shadow: 4px 4px 0px #000000 !important;
  text-transform: uppercase;
  font-family: 'Press Start 2P', monospace !important;
  font-size: 10px !important;
  transition: none !important;
}

.ui.button:hover, button:hover {
  background-color: var(--c64-border-lavender) !important;
  color: #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  transform: translate(2px, 2px);
}

.ui.button:active, button:active {
  box-shadow: 0px 0px 0px #000000 !important;
  transform: translate(4px, 4px);
}

/* Cajas de texto retro */
input[type="text"], input[type="password"], textarea, .ui.input>input {
  border-radius: 0px !important;
  border: 2px solid var(--c64-border-lavender) !important;
  background-color: var(--c64-deep-blue) !important;
  color: #ffffff !important;
  box-shadow: inset 2px 2px 0px #000000 !important;
}

/* Enlaces estilo Commodore (resaltados en blanco brillante como en la captura) */
a {
  color: #ffffff !important;
  text-decoration: underline !important;
}

a:hover {
  color: var(--c64-border-lavender) !important;
  text-decoration: none !important;
}

/* Cabecera de la barra de navegación con el lila claro de los bordes de pantalla */
.ui.menu {
  border-radius: 0px !important;
  border-bottom: 4px double var(--c64-border-lavender) !important;
}

/* Tablas y paneles estilo terminal */
.ui.table, .ui.segment, .ui.cards>.card {
  border-radius: 0px !important;
  border: 2px solid var(--c64-border-lavender) !important;
  background: var(--c64-screen-blue) !important;
  color: var(--c64-text-lavender) !important;
  box-shadow: 5px 5px 0px #000000 !important;
}

/* Cabeceras de paneles en azul oscuro */
.ui.table th, .ui.segment.box-header {
  background-color: var(--c64-dark-blue) !important;
  color: #ffffff !important;
}

/* Pie de página con guiño a Megasoft */
footer {
  border-top: 4px double var(--c64-border-lavender) !important;
  background-color: var(--c64-dark-blue) !important;
}

footer::after {
  content: " *** MEGASOFT - EST. 1988 - READY. ***";
  display: block;
  text-align: center;
  font-family: 'Press Start 2P', monospace;
  color: var(--c64-border-lavender);
  margin-top: 10px;
  font-size: 11px;
}

/* Scrollbars estilo terminal retro */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--c64-dark-blue);
}
::-webkit-scrollbar-thumb {
  background: var(--c64-screen-blue);
  border: 1px solid var(--c64-border-lavender);
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

/* Corrección de legibilidad para textos secundarios, grises y metadatos de tiempo */
.text.grey, .text-grey, time, relative-time, .time-since, .muted, .meta, .ui.meta, .text.light-2, .ui.text.grey, .activity-bar-metadata, .text.light {
  color: #ffffff !important; /* Forzamos blanco para contraste máximo sobre el azul de fondo */
}

/* Corrección de contraste específica para el listado de repositorios (Explore/Dashboard) */
.flex-item-body, .flex-item-body relative-time, .flex-item-trailing, .flex-item-trailing a, .flex-text-inline, .flex-text-inline a {
  color: #ffffff !important; /* Forzamos blanco para textos de descripción y fechas en las listas */
}

/* Regla para citas (blockquotes) en Markdown */
blockquote, .markup blockquote, .markdown blockquote {
  color: #ffffff !important;
  border-left: 4px solid var(--c64-border-lavender) !important;
  background-color: var(--c64-deep-blue) !important;
  padding: 10px 15px !important;
  margin: 15px 0 !important;
}

/* Ocultar el navbar superior de Forgejo por completo */
#navbar, nav {
  display: none !important;
}

/* Ajustar espaciado superior del contenido al no haber barra de navegación y haber la cabecera de carga C64 completa */
.page-content {
  padding-top: 130px !important;
}

/* Corrección de legibilidad para código en línea (backticks) en Markdown */
code, .markup code, .markdown code, .markup p code, .markup li code {
  background-color: var(--c64-deep-blue) !important;
  color: #ffffff !important;
  border: 1px solid var(--c64-border-lavender) !important;
  padding: 2px 6px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Corrección de contraste para bloques de código multilínea (pre / chroma) */
pre, .markup pre, .chroma {
  background-color: var(--c64-deep-blue) !important;
  color: #ffffff !important;
  border: 2px solid var(--c64-border-lavender) !important;
  border-radius: 0px !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

/* Asegurar que las clases de resaltado de sintaxis de Chroma sean legibles */
.chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs { color: #8eb3c7 !important; font-style: italic; } /* Comentarios */
.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .kt { color: #ff9cfc !important; font-weight: bold; } /* Palabras clave (Rosa/Lila) */
.chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .se, .chroma .si, .chroma .sx, .chroma .sr, .chroma .s1, .chroma .ss { color: #a5f3fc !important; } /* Cadenas/Strings (Cian claro) */
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo { color: #fde047 !important; } /* Números (Amarillo brillante) */
.chroma .o, .chroma .ow { color: #ff9cfc !important; } /* Operadores */
.chroma .nt { color: #ff9cfc !important; font-weight: bold; } /* Etiquetas HTML/XML */
.chroma .na { color: #b5b7ff !important; } /* Atributos */

/* Corrección de legibilidad para mensajes del sistema y alertas (.ui.message) */
.ui.message {
  background-color: var(--c64-deep-blue) !important;
  color: #ffffff !important;
  border: 2px solid var(--c64-border-lavender) !important;
  border-radius: 0px !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
.ui.message .header {
  color: #ffffff !important;
  font-family: 'Press Start 2P', monospace !important;
  font-size: 11px !important;
  margin-bottom: 8px !important;
}
.ui.info.message { border-color: #38bdf8 !important; }
.ui.success.message { border-color: #4ade80 !important; }
.ui.warning.message { border-color: #facc15 !important; }
.ui.error.message { border-color: #f87171 !important; }

/* Diffs de Git: asegurar fondos de contraste y textos legibles */
.diff-file-box .diff-body .addition,
.diff-file-box .diff-body .addition-code,
.diff-file-box .diff-body .added-code,
.addition,
.gdbar.addition {
  background-color: #0b3a1a !important; /* Verde oscuro fiel al tema */
  color: #ffffff !important;
}
.diff-file-box .diff-body .deletion,
.diff-file-box .diff-body .deletion-code,
.diff-file-box .diff-body .removed-code,
.deletion,
.gdbar.deletion {
  background-color: #4c1117 !important; /* Rojo oscuro fiel al tema */
  color: #ffffff !important;
}
.diff-file-box .diff-body .context,
.context {
  background-color: var(--c64-deep-blue) !important;
  color: var(--c64-text-lavender) !important;
}
.diff-file-box .diff-body .lines-num, .lines-num {
  background-color: var(--c64-dark-blue) !important;
  color: var(--c64-border-lavender) !important;
  border-right: 1px solid var(--c64-border-lavender) !important;
}

/* Badges y Etiquetas del sistema (.ui.label) */
.ui.label, .ui.labels .label {
  border-radius: 0px !important;
  border: 1px solid var(--c64-border-lavender) !important;
  color: #ffffff !important;
}
.ui.labels .label:hover, .ui.label:hover {
  background-color: var(--c64-border-lavender) !important;
  color: #000000 !important;
}

/* =========================================================================
   SELECTORES Y MENÚS DESPLEGABLES (DROPDOWNS EXHAUSTIVOS)
   ========================================================================= */

/* Forzar fondos oscuros en todos los dropdowns, menus desplegables y sus items */
.dropdown, 
.dropdown .menu, 
.ui.dropdown .menu, 
.overflow-menu .menu,
.overflow-menu-items .menu,
overflow-menu .menu,
.ui.menu .dropdown .menu {
  background-color: var(--c64-deep-blue) !important;
  background: var(--c64-deep-blue) !important;
  border: 2px solid var(--c64-border-lavender) !important;
  border-radius: 0px !important;
  box-shadow: 4px 4px 0px #000000 !important;
  color: #ffffff !important;
}

.dropdown .menu > .item,
.ui.dropdown .menu > .item,
overflow-menu .menu > .item,
.overflow-menu .menu > .item,
.ui.menu .dropdown .menu > .item {
  color: #ffffff !important;
  background-color: var(--c64-deep-blue) !important;
  background: var(--c64-deep-blue) !important;
  font-family: Consolas, Monaco, Menlo, "Courier New", monospace !important;
  font-size: 14px !important;
  border: none !important;
}

/* Resaltado de items activos o hover */
.dropdown .menu > .item:hover,
.ui.dropdown .menu > .item:hover,
overflow-menu .menu > .item:hover,
.overflow-menu .menu > .item:hover,
.dropdown .menu > .active.item,
.ui.dropdown .menu > .active.item,
.dropdown .menu > .selected.item,
.ui.dropdown .menu > .selected.item {
  background-color: var(--c64-border-lavender) !important;
  color: #000000 !important;
}

/* Enlaces dentro de cualquier menu desplegable */
.dropdown .menu a, 
.ui.dropdown .menu a, 
overflow-menu .menu a {
  color: #ffffff !important;
  background-color: var(--c64-deep-blue) !important;
  background: var(--c64-deep-blue) !important;
}

.dropdown .menu a:hover, 
.ui.dropdown .menu a:hover, 
overflow-menu .menu a:hover {
  color: #000000 !important;
  background-color: var(--c64-border-lavender) !important;
  background: var(--c64-border-lavender) !important;
}

/* Pestañas del menú principal del perfil y repositorios (tabular / pointing) */
.ui.tabular.menu .item, 
.ui.pointing.menu .item,
.ui.menu .item {
  color: #ffffff !important;
}

.ui.tabular.menu .active.item, 
.ui.pointing.menu .active.item,
.ui.menu .active.item {
  background-color: var(--c64-dark-blue) !important;
  color: #ffffff !important;
  border-bottom: 2px solid var(--c64-border-lavender) !important;
}

/* Evitar que el dropdown general cerrado tenga texto invisible si hereda fondos */
.ui.dropdown, .ui.dropdown .text {
  color: #ffffff !important;
}

/* Ocultar la sección de seguidores / siguiendo en el perfil de usuario único */
.username + .tw-mt-2 {
  display: none !important;
}

/* Reemplazo humorístico de la fecha de registro en el perfil de usuario (con salto de línea e indicador de calendario) */
.extra.content.tw-break-anywhere svg.octicon-calendar + span {
  display: inline-block;
  font-size: 0 !important;
}
.extra.content.tw-break-anywhere svg.octicon-calendar + span::after {
  content: "Se unió el 7 jul 2026...\a tras el baneo de GitHub porque\00a0sí";
  font-size: 11px !important;
  display: inline;
  white-space: pre-wrap;
}

/* Reordenar pestaña de Actions para que aparezca al lado de Código */
.overflow-menu-items {
  display: flex !important;
}
.overflow-menu-items a.item {
  order: 3 !important;
}
.overflow-menu-items a.item:first-child {
  order: 1 !important;
}
.overflow-menu-items a.item[href*="/actions"] {
  order: 2 !important;
  display: inline-flex !important;
}

/* =========================================================================
   OCULTAR PESTAÑA Y OPCIÓN DE FAVORITOS (EXPOSITOR LIMPIO)
   ========================================================================= */

a.item[href*="tab=stars"],
a.item[href*="tab=starred"],
a.item[href$="/stars"],
.ui.menu a.item[href*="tab=stars"],
.ui.dropdown .menu > a.item[href*="stars"] {
  display: none !important;
}

/* Correcciones de contraste y legibilidad para botones basicos y etiquetas */
.ui.basic.button, .ui.basic.buttons .button, .ui.basic.label, .ui.basic.labels .label {
  background-color: var(--c64-dark-blue) !important;
  color: #ffffff !important;
  border: 2px solid var(--c64-border-lavender) !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
.ui.basic.button:hover, .ui.basic.buttons .button:hover {
  background-color: var(--c64-border-lavender) !important;
  color: #000000 !important;
}

/* Corrección de colores para etiquetas de estados específicas de Issues/PRs */
.ui.green.label, .ui.green.labels .label {
  background-color: #0b3a1a !important; /* Verde oscuro para contraste */
  border-color: #4ade80 !important;
  color: #ffffff !important;
}
.ui.red.label, .ui.red.labels .label {
  background-color: #4c1117 !important; /* Rojo oscuro para contraste */
  border-color: #f87171 !important;
  color: #ffffff !important;
}
.ui.purple.label, .ui.purple.labels .label {
  background-color: #3b0764 !important; /* Púrpura oscuro para contraste */
  border-color: #c084fc !important;
  color: #ffffff !important;
}

/* Campos de entrada de formularios y botones de búsqueda */
.ui.action.input > .button, .ui.action.input > .buttons > .button {
  background-color: var(--c64-dark-blue) !important;
  color: #ffffff !important;
  border-color: var(--c64-border-lavender) !important;
}
.ui.action.input > input {
  border-right: none !important;
}

/* Modales y fondos oscuros de popups */
.ui.modal, .modal, .ui.modal .content, .modal .content {
  background-color: var(--c64-deep-blue) !important;
  background: var(--c64-deep-blue) !important;
  color: #ffffff !important;
  border: 2px solid var(--c64-border-lavender) !important;
}
.ui.modal .header, .modal .header {
  background-color: var(--c64-dark-blue) !important;
  color: #ffffff !important;
  border-bottom: 2px solid var(--c64-border-lavender) !important;
}
.ui.modal .actions, .modal .actions {
  background-color: var(--c64-dark-blue) !important;
  border-top: 2px solid var(--c64-border-lavender) !important;
}

/* =========================================================================
   ESTILOS DE BARRA LATERAL DE ACCIONES Y MENÚS VERTICALES
   ========================================================================= */

.ui.vertical.menu {
  background-color: var(--c64-dark-blue) !important;
  background: var(--c64-dark-blue) !important;
  border: 2px solid var(--c64-border-lavender) !important;
  border-radius: 0px !important;
}

.ui.vertical.menu .item {
  color: #ffffff !important;
  background-color: var(--c64-dark-blue) !important;
  background: var(--c64-dark-blue) !important;
}

.ui.vertical.menu .item:hover {
  background-color: var(--c64-border-lavender) !important;
  color: #000000 !important;
}

/* Elemento activo en menus verticales (barra de filtrado de acciones/actores/etc.) */
.ui.vertical.menu .active.item,
.ui.vertical.menu .item.active {
  background-color: var(--c64-deep-blue) !important;
  background: var(--c64-deep-blue) !important;
  color: #ffffff !important;
  border-left: 4px solid var(--c64-border-lavender) !important;
}

/* =========================================================================
   ESTILOS DE LISTAS DE EJECUCIÓN (FLEX-LIST / RUNS)
   ========================================================================= */

.flex-list, .flex-item, .flex-list-item, .flex-item-main {
  background-color: var(--c64-screen-blue) !important;
  color: var(--c64-text-lavender) !important;
}

.flex-list .flex-item:hover, .flex-list-item:hover {
  background-color: var(--c64-dark-blue) !important;
}

.flex-item-body, .flex-item-body b, .flex-item-body span, .flex-item-body relative-time {
  color: #ffffff !important;
}

/* =========================================================================
   COLORES PARA ICONOS Y TEXTOS DE ESTADOS DE ACTIONS (ÉXITO / FALLO)
   ========================================================================= */

/* Iconos de exito (check) en verde vibrante */
.text.green, .text.success, [class*="text-green-"], [class*="tw-text-green-"], svg.octicon-check-circle-fill, svg.octicon-check {
  color: #22c55e !important;
  fill: #22c55e !important;
}

/* Iconos de fallo (cruz) en rojo vibrante */
.text.red, .text.danger, [class*="text-red-"], [class*="tw-text-red-"], svg.octicon-x-circle-fill, svg.octicon-x, svg.octicon-blocked {
  color: #ef4444 !important;
  fill: #ef4444 !important;
}

/* Iconos de proceso/espera (play, circulo) en amarillo brillante */
.text.yellow, .text.warning, [class*="text-yellow-"], [class*="tw-text-yellow-"], svg.octicon-meter, svg.octicon-play, svg.octicon-dot-fill {
  color: #eab308 !important;
  fill: #eab308 !important;
}

/* =========================================================================
   ANULACIÓN MASIVA DE FONDOS GRISES Y TEXTOS OSCUROS DE TAILWIND (UX REMEDY)
   ========================================================================= */

/* 1. Forzar fondo oscuro en cualquier elemento que use fondos grises de Tailwind */
[class*="tw-bg-gray-"], 
[class*="tw-bg-neutral-"], 
[class*="tw-bg-slate-"],
[class*="tw-bg-stone-"],
[class*="tw-bg-zinc-"] {
  background-color: var(--c64-deep-blue) !important;
}

/* 2. Forzar texto claro (blanco) en elementos con colores grises de Tailwind */
[class*="tw-text-gray-"], 
[class*="tw-text-neutral-"], 
[class*="tw-text-slate-"],
[class*="tw-text-stone-"],
[class*="tw-text-zinc-"] {
  color: #ffffff !important;
}

/* 3. Forzar fondos oscuros en elementos especificos de las tablas y listas */
tr.striped:nth-child(even), .ui.table.striped tbody tr:nth-child(even) {
  background-color: var(--c64-dark-blue) !important;
}
.repo-file-path, .commit-header-author, .commit-summary {
  background-color: var(--c64-dark-blue) !important;
  color: #ffffff !important;
}

/* =========================================================================
   PAGINACIÓN (PAGINATION / PAGER) - UX REMEDY CONTRASTE
   ========================================================================= */
.ui.pagination.menu,
.ui.pagination.menu .item,
.ui.menu.pagination,
.ui.menu.pagination .item,
.pagination,
.pagination a,
.pagination span,
.pager,
.pager a,
.pager span,
.pager-list,
.pager-list a,
.pager-list span,
.pagination-list,
.pagination-list a,
.pagination-list span,
a.item[href*="page="],
span.item[class*="disabled"],
.ui.menu .item[href*="page="],
.ui.menu .active.item[href*="page="] {
  background-color: var(--c64-deep-blue) !important;
  background: var(--c64-deep-blue) !important;
  color: var(--c64-text-lavender) !important;
  border-color: var(--c64-border-lavender) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Hover de paginación */
.ui.pagination.menu .item:hover,
.ui.menu.pagination .item:hover,
.pagination a:hover,
.pager a:hover,
.pager-list a:hover,
.pagination-list a:hover,
a.item[href*="page="]:hover,
.ui.menu .item[href*="page="]:hover {
  background-color: var(--c64-border-lavender) !important;
  background: var(--c64-border-lavender) !important;
  color: #000000 !important;
  border-color: var(--c64-border-lavender) !important;
}

/* Elemento activo de paginación */
.ui.pagination.menu .active.item,
.ui.pagination.menu .item.active,
.ui.menu.pagination .active.item,
.ui.menu.pagination .item.active,
.pagination .active,
.pagination .current,
.pager .active,
.pager-list .active,
.pagination-list .active {
  background-color: var(--c64-dark-blue) !important;
  background: var(--c64-dark-blue) !important;
  color: #ffffff !important;
  border-color: var(--c64-border-lavender) !important;
}

/* Elemento deshabilitado de paginación */
.ui.pagination.menu .disabled.item,
.ui.pagination.menu .item.disabled,
.ui.menu.pagination .disabled.item,
.pagination .disabled,
.pager .disabled,
.pager-list .disabled,
.pagination-list .disabled {
  background-color: var(--c64-deep-blue) !important;
  background: var(--c64-deep-blue) !important;
  color: rgba(255, 255, 255, 0.25) !important;
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* =========================================================================
   TÍTULOS DENTRO DE MARKDOWN / README (MEJORAS DE CONTRASTE Y ESTILO RETRO)
   ========================================================================= */
.markup h1, .markup h2, .markup h3, .markup h4, .markup h5, .markup h6,
.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 {
  color: #ffffff !important;
  border-bottom: 2px dashed var(--c64-border-lavender) !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.5em !important;
  padding-bottom: 0.3em !important;
}
.markup p, .markdown p, .markup li, .markdown li {
  line-height: 1.6 !important;
  color: var(--c64-text-lavender) !important;
}