/* Paleta EGV Hosting aplicada al blog (tema Blocksy). Overrides via variables CSS del tema, no toca el core. */

:root {
	/* Blocksy reasigna casi todo el sitio a partir de estas 7 variables */
	--theme-palette-color-1: #6f6bf0 !important; /* acento primario (links, botones) */
	--theme-palette-color-2: #22d3ee !important; /* acento secundario (hover) */
	--theme-palette-color-3: #e7eaf3 !important; /* texto de cuerpo */
	--theme-palette-color-4: #f1f4fb !important; /* titulares */
	--theme-palette-color-5: #2a3348 !important; /* bordes */
	--theme-palette-color-6: #141a29 !important; /* fondos secundarios (footer, cabeceras de secciones) */
	--theme-palette-color-7: #0b0f19 !important; /* fondo general del sitio */
	/* palette-color-8 NO se toca: Blocksy la usa como color de texto (blanco)
	   dentro de los paneles ya oscuros (menu offcanvas, buscador), así que
	   remapearla rompería la legibilidad de esos paneles. */

	--theme-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

::selection {
	background: var(--theme-palette-color-1);
	color: #fff;
}

/* Elementos que usan palette-color-8 como FONDO (no como texto) y por tanto
   necesitan su propio override explícito */
[data-header*="type-1"] .ct-header [data-row*="middle"] {
	background-color: #0e1320 !important;
}

/* Submenú del menú de cabecera (ej. "Aprender"): Blocksy usa
   --dropdown-background-color, con fallback a palette-color-4 (aquí
   remapeada a un tono claro para titulares). El texto del submenú usa
   palette-color-8 (blanco, intocada) -> blanco sobre casi-blanco = ilegible.
   Se fija el fondo del desplegable a un tono oscuro explícito. */
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu {
	--dropdown-background-color: var(--theme-palette-color-6) !important;
}
.entry-card,
[data-prefix="blog"] .entry-card,
[data-prefix="categories"] .entry-card,
[data-prefix="author"] .entry-card,
[data-prefix="search"] .entry-card {
	background-color: var(--theme-palette-color-6) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

/* Red de seguridad por si algún componente no hereda las variables */
body {
	color: var(--theme-text-color) !important;
}
.entry-title,
.entry-title a,
.page-title {
	color: var(--theme-headings-color) !important;
}
.entry-excerpt,
.entry-excerpt p {
	color: var(--theme-text-color) !important;
}
.entry-meta a,
.entry-meta .ct-term-3,
.meta-date,
.meta-author a {
	color: var(--theme-palette-color-2) !important;
}
.ct-footer,
.ct-footer-copyright {
	color: var(--theme-text-color) !important;
}
.ct-footer a {
	color: var(--theme-palette-color-1) !important;
}
.ct-footer a:hover {
	color: var(--theme-palette-color-2) !important;
}