/*
Modo oscuro — Copuchando
Se activa con la clase "dark-mode" en el <body>.
El botón de toggle la agrega/quita; por defecto arranca según la preferencia del dispositivo.
*/

body.dark-mode {
	background: #121212;
	color: #E0E0E0;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode .entry-title,
body.dark-mode .copu-latest .card h3,
body.dark-mode .copu-tendencia .hero-card h2,
body.dark-mode .copu-tendencia .side-list .mini h3,
body.dark-mode .copu-popular .pop-title {
	color: #F5F5F5;
}

body.dark-mode .site-main,
body.dark-mode .entry-content {
	color: #E0E0E0;
}

/* Fondo oscuro para el contenedor del artículo y páginas */
body.dark-mode .inside-article,
body.dark-mode #content,
body.dark-mode .site-content,
body.dark-mode .content-area {
	background: #121212;
	color: #E0E0E0;
}

body.dark-mode .inside-article {
	border: none;
}

/* Cards */
body.dark-mode .copu-latest .card,
body.dark-mode .copu-tendencia .hero-card {
	background: #1E1E1E;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

body.dark-mode .copu-latest .card h3 {
	color: #F5F5F5;
}

/* Hero card: texto con glow/borde púrpura leve */
body.dark-mode .copu-tendencia .hero-card h2 {
	text-shadow: 0 0 12px rgba(179, 136, 255, 0.55), 0 1px 3px rgba(0, 0, 0, 0.8);
}

body.dark-mode .copu-tendencia .hero-card h2 a {
	color: #FFFFFF;
}

body.dark-mode .copu-tendencia .hero-card .overlay {
	background: linear-gradient(to top, rgba(18, 18, 18, 0.95) 0%, rgba(18, 18, 18, 0.35) 60%, rgba(0, 0, 0, 0) 100%);
}

/* Títulos de sección y badges se mantienen con marca */
body.dark-mode .copu-popular .pop-title {
	color: #F5F5F5;
}

body.dark-mode .copu-popular .pop-title:hover {
	color: #E91E63;
}

body.dark-mode .copu-tendencia .side-list .mini h3 {
	color: #F5F5F5;
}

body.dark-mode .copu-tendencia .side-list .mini:hover h3 {
	color: #E91E63;
}

body.dark-mode .copu-tendencia .hero-card h2 a:hover,
body.dark-mode .copu-latest .card:hover h3 {
	color: #E91E63;
}

/* Fechas y metadatos */
body.dark-mode .copu-latest .card .date,
body.dark-mode .copu-popular .wpp-date,
body.dark-mode .entry-reading-time,
body.dark-mode .copu-breadcrumbs {
	color: #9E9E9E;
}

/* Enlaces internos relacionados */
body.dark-mode .copu-related-inline {
	background: #1E1E1E;
	border-left-color: #E91E63;
	color: #CFCFCF;
}

body.dark-mode .copu-related-inline a {
	color: #E91E63;
}

/* Author box */
body.dark-mode .copu-author-box {
	background: #1E1E1E;
	border-left-color: #E91E63;
}

body.dark-mode .copu-author-box .info .name {
	color: #F5F5F5;
}

body.dark-mode .copu-author-box .info p {
	color: #CFCFCF;
}

/* Sidebar tabs */
body.dark-mode .copu-tab {
	color: #9E9E9E;
}

body.dark-mode .copu-tab:hover {
	color: #F5F5F5;
}

body.dark-mode .copu-tab.is-active {
	color: #E91E63;
}

/* Botón ver más */
body.dark-mode .copu-load-more {
	background: #1E1E1E;
	color: #E91E63;
	border-color: #E91E63;
}

body.dark-mode .copu-load-more:hover {
	background: #E91E63;
	color: #FFFFFF;
}

/* Contenido de artículos */
body.dark-mode .entry-content,
body.dark-mode .entry-content p {
	color: #E0E0E0;
}

/* Footer en modo oscuro (se mantiene púrpura de marca) */

/* Formulario de contacto */
body.dark-mode .copu-form-row input,
body.dark-mode .copu-form-row textarea {
	background: #1E1E1E;
	border-color: #444444;
	color: #E0E0E0;
}

body.dark-mode .copu-form-row label {
	color: #F5F5F5;
}

/* Breadcrumbs */
body.dark-mode .copu-breadcrumbs nav a {
	color: #9E9E9E;
}

body.dark-mode .copu-breadcrumbs nav a:hover {
	color: #E91E63;
}

/* Páginas de categoría / archivos */
body.dark-mode .page-header,
body.dark-mode .archive .site-main,
body.dark-mode .category .site-main {
	background: #121212;
	color: #E0E0E0;
}

body.dark-mode .page-header h1,
body.dark-mode .page-header .page-title {
	color: #F5F5F5;
}

body.dark-mode .page-header {
	border-color: #333333;
}

/* Páginas estáticas (contacto, política, etc.) */
body.dark-mode .page .inside-article,
body.dark-mode .inside-article {
	background: #121212;
	color: #E0E0E0;
}

body.dark-mode .inside-article h2,
body.dark-mode .inside-article h3 {
	color: #F5F5F5;
}

/* Widgets del sidebar */
body.dark-mode .widget,
body.dark-mode .inside-right-sidebar {
	background: #121212;
	color: #E0E0E0;
}

/* Enlaces de texto general en contenido */
body.dark-mode .entry-content a {
	color: #E91E63;
}

/* Meta (autor, fecha) del artículo */
body.dark-mode .entry-meta,
body.dark-mode .entry-meta a {
	color: #9E9E9E;
}

body.dark-mode .entry-meta a:hover {
	color: #E91E63;
}

/* Footer meta (categoría) */
body.dark-mode footer.entry-meta a {
	color: #9E9E9E;
}

/* Navegación anterior/siguiente */
body.dark-mode .post-navigation a {
	color: #F5F5F5;
}

body.dark-mode .post-navigation a:hover {
	color: #E91E63;
}

/* Search form */
body.dark-mode .navigation-search {
	background: #1E1E1E;
}

body.dark-mode .navigation-search .search-field {
	background: #1E1E1E;
	border-color: #444444;
	color: #E0E0E0;
}

/* Sin resultados / 404 */
body.dark-mode .not-found,
body.dark-mode .no-results {
	color: #E0E0E0;
}

/* Enlace del título en categorías en modo oscuro (no rojo) */
body.dark-mode .entry-title a {
	color: #F5F5F5;
}

body.dark-mode .entry-title a:hover {
	color: #E91E63;
}

/* Placeholders de publicidad en modo oscuro */
body.dark-mode .copu-ad {
	background: #1E1E1E;
	border-color: #3A3A3A;
	color: #6B6B6B;
}

body.dark-mode .copu-ad-label {
	color: #5A5A5A;
}

body.dark-mode .copu-ad-text {
	color: #4A4A4A;
}