/*
 * República al Día — Modo Claro/Oscuro v2.0
 * El botón NATIVO del tema (#aft-dark-light-mode-btn) en la barra de
 * navegación + las variantes oscuras de todos los componentes del portal.
 * v2: quitado el botón flotante nuevo a petición del dueño.
 */

/* ================= EL BOTÓN NATIVO DEL TEMA (autocontenido) ================= */

/* el boton junto a la lupa (mismo hueco del conmutador viejo, pedido del dueno) */
#aft-dark-light-mode-wrap {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	margin-left: 14px;
	flex-shrink: 0;
}

#aft-dark-light-mode-wrap a {
	display: block;
	height: 20px;
	width: 40px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.25);
	position: relative;
	transition: background 0.25s ease;
	font-size: 0;
	cursor: pointer;
}

#aft-dark-light-mode-wrap a span {
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	left: 2px;
	top: 50%;
	transform: translateY(-50%);
	transition: all ease-in-out 0.3s;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

#aft-dark-light-mode-wrap a.dark span {
	left: 24px;
}

/* icono de luna (modo oscuro) */
#aft-dark-light-mode-wrap a.dark span::after {
	background-repeat: no-repeat;
	background-size: 10px 10px;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 12px;
	line-height: 1;
	color: #111;
	transition: all ease-in-out 0.3s;
	opacity: 1;
	visibility: visible;
	height: 10px;
	width: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-moon' viewBox='0 0 16 16'%3E%3Cpath d='M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z'/%3E%3C/svg%3E");
}

/* icono de sol (modo claro) */
#aft-dark-light-mode-wrap a.default span::after {
	height: 12px;
	width: 12px;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	visibility: visible;
	color: #111;
	transition: all ease-in-out 0.3s;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M9.5 14.993c-2.477 0-4.493-2.015-4.493-4.493s2.015-4.493 4.493-4.493 4.493 2.015 4.493 4.493-2.015 4.493-4.493 4.493zM9.5 7.007c-1.926 0-3.493 1.567-3.493 3.493s1.567 3.493 3.493 3.493 3.493-1.567 3.493-3.493-1.567-3.493-3.493-3.493z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M9.5 5c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M9.5 20c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M3.5 11h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M18.5 11h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M4.5 6c-0.128 0-0.256-0.049-0.354-0.146l-2-2c-0.195-0.195-0.195-0.512 0-0.707s0.512-0.195 0.707 0l2 2c0.195 0.195 0.195 0.512 0 0.707-0.098 0.098-0.226 0.146-0.353 0.146z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M15.5 17c-0.128 0-0.256-0.049-0.354-0.146l-2-2c-0.195-0.195-0.195-0.512 0-0.707s0.512-0.195 0.707 0l2 2c0.195 0.195 0.195 0.512 0 0.707-0.098 0.098-0.226 0.146-0.353 0.146z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M3.5 15c-0.128 0-0.256-0.049-0.354-0.146-0.195-0.195-0.195-0.512 0-0.707l2-2c0.195-0.195 0.512-0.195 0.707 0s0.195 0.512 0 0.707l-2 2c-0.098 0.098-0.226 0.146-0.353 0.146z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M14.5 6c-0.128 0-0.256-0.049-0.354-0.146-0.195-0.195-0.195-0.512 0-0.707l2-2c0.195-0.195 0.512-0.195 0.707 0s0.195 0.512 0 0.707l-2 2c-0.098 0.098-0.226 0.146-0.353 0.146z'%3E%3C/path%3E%3C/svg%3E");
}

/* el boton en modo oscuro: pista mas tenue */
body.dark #aft-dark-light-mode-wrap a {
	background: rgba(255, 255, 255, 0.12);
}

/* movil */


/* ================= MODO OSCURO: COMPONENTES DEL PORTAL ================= */

/* --- Píldora del dólar (cabecera) --- */
body.dark .dum-dolar {
	background: #1e2130;
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow: 0 5px 14px rgba(0, 0, 0, 0.35);
}
body.dark .dum-dolar__usd { color: #e8eaf2; }
body.dark .dum-dolar__etiqueta { color: #9aa0b8; }
body.dark .dum-dolar__valor { color: #e8eaf2; }
body.dark .dum-dolar__fecha { color: #34d399; }
body.dark .dum-dolar__barra { background: rgba(255, 255, 255, 0.35); }

/* --- Ficha del dólar (Finanzas) --- */
body.dark .dum-dolar-ficha {
	background: linear-gradient(135deg, #1a2e22 0%, #1e2130 100%);
	border-color: rgba(40, 182, 44, 0.28);
}
body.dark .dum-dolar-ficha__titulo { color: #e8eaf2; }
body.dark .dum-dolar-ficha__fuente { color: #9aa0b8; }
body.dark .dum-dolar-ficha__etiqueta { color: #7c8299; }
body.dark .dum-dolar-ficha__valor { color: #e8eaf2; }
body.dark .dum-dolar-ficha__valor--fecha { color: #34d399; }
body.dark .dum-dolar-ficha__pie { color: #9aa0b8; border-top-color: rgba(40, 182, 44, 0.22); }

/* --- El Tiempo --- */
body.dark .dum-tiempo__ciudad {
	background: #262a3e;
	border-color: rgba(255, 255, 255, 0.08);
	color: #c5c9d8;
}
body.dark .dum-tiempo__ciudad--activa { background: linear-gradient(135deg, #28b62c 0%, #1f9a3f 100%); color: #fff; }
body.dark .dum-tiempo__hero {
	background: linear-gradient(160deg, rgba(60, 65, 100, 0.35) 0%, rgba(30, 33, 48, 0.6) 100%);
	border-color: rgba(255, 255, 255, 0.07);
}
body.dark .dum-tiempo__ciudad-grande { color: #9aa0b8; }
body.dark .dum-tiempo__temp-grande { color: #f0f1f7; }
body.dark .dum-tiempo__clima-texto { color: #c5c9d8; }
body.dark .dum-tiempo__sensacion { color: #9aa0b8; }
body.dark .dum-tiempo__lluvia-barra { background: rgba(255, 255, 255, 0.08); }
body.dark .dum-tiempo__lluvia-texto { color: #9aa0b8; }
body.dark .dum-tiempo__hora {
	background: #262a3e;
	border-color: rgba(255, 255, 255, 0.06);
}
body.dark .dum-tiempo__hora-tiempo { color: #7c8299; }
body.dark .dum-tiempo__hora-temp { color: #f0f1f7; }
body.dark .dum-tiempo__hora-lluvia { color: #9aa0b8; background: rgba(255, 255, 255, 0.05); }
body.dark .dum-tiempo__hora-lluvia--alta { color: #60a5fa; background: rgba(96, 165, 250, 0.12); }
body.dark .dum-tiempo__dias { background: #262a3e; border-color: rgba(255, 255, 255, 0.06); }
body.dark .dum-tiempo__dia { border-bottom-color: rgba(255, 255, 255, 0.04); }
body.dark .dum-tiempo__dia:hover { background: rgba(40, 182, 44, 0.05); }
body.dark .dum-tiempo__dia-nombre { color: #f0f1f7; }
body.dark .dum-tiempo__dia-max { color: #f0f1f7; }
body.dark .dum-tiempo__dia-min { color: #7c8299; }
body.dark .dum-tiempo__dia-lluvia { color: #60a5fa; }
body.dark .dum-tiempo__detalle {
	background: #262a3e;
	border-color: rgba(255, 255, 255, 0.06);
}
body.dark .dum-tiempo__detalle-nombre { color: #7c8299; }
body.dark .dum-tiempo__detalle-valor { color: #f0f1f7; }
body.dark .dum-tiempo__fuente { color: #7c8299; }
body.dark .dum-tiempo__titulo { color: #e8eaf2; }
body.dark .dum-tiempo__sol-item { background: #262a3e; border-color: rgba(255, 255, 255, 0.06); }
body.dark .dum-tiempo__sol-etiqueta { color: #7c8299; }
body.dark .dum-tiempo__sol-valor { color: #f0f1f7; }
body.dark .dum-tiempo__grafica { background: #262a3e; border-color: rgba(255, 255, 255, 0.06); }
body.dark .dum-tiempo__grafica-horas span { color: #7c8299; }
body.dark .dum-tiempo__alerta {
	background: linear-gradient(135deg, #3a2e14 0%, #4a3a18 100%);
	border-color: rgba(217, 119, 6, 0.35);
	border-left-color: #d97706;
}
body.dark .dum-tiempo__alerta-texto { color: #fcd34d; }
body.dark .dum-tiempo__alerta-flecha { color: #f59e0b; }

/* --- Lotería --- */
body.dark .dum-loteria--glass {
	background: rgba(30, 33, 48, 0.94);
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}
body.dark .dum-loteria__marquesina-titulo { color: #f0f1f7; }
body.dark .dum-loteria__marquesina-sub { color: #9aa0b8; }
body.dark .dum-loteria__buscador-label { color: #c5c9d8; }
body.dark .dum-loteria__buscador-input {
	background: #262a3e;
	border-color: rgba(255, 255, 255, 0.12);
	color: #f0f1f7;
}
body.dark .dum-loteria__buscador-input::placeholder { color: #7c8299; }
body.dark .dum-loteria__tarjeta {
	background: #262a3e;
	border-color: rgba(255, 255, 255, 0.06);
}
body.dark .dum-loteria__hoy { color: #34d399; }
body.dark .dum-loteria__hora { color: #9aa0b8; }
body.dark .dum-loteria__fecha { color: #7c8299; }
body.dark .dum-loteria__nombre { color: #f0f1f7; }
body.dark .dum-loteria__bola {
	background: #363b58;
	color: #f0f1f7;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}
body.dark .dum-loteria__etiqueta { color: #7c8299; }
body.dark .dum-loteria__fuente { color: #7c8299; }
body.dark .dum-loteria__fuente a { color: #34d399; }
body.dark .dum-loteria__dia {
	background: #262a3e;
	border-color: rgba(255, 255, 255, 0.10);
	color: #c5c9d8;
}
body.dark .dum-loteria__dia--activo {
	background: linear-gradient(135deg, #28b62c 0%, #1f9a3f 100%);
	color: #fff;
}

/* --- Banner de cookies --- */
body.dark .dum-cookies__card {
	background: #1e2130;
	border-color: rgba(255, 255, 255, 0.10);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
body.dark .dum-cookies__texto { color: #c5c9d8; }
body.dark .dum-cookies__enlace { color: #34d399; }

/* --- Pie de página --- */
body.dark .dum-pie { background: #16181f; }
body.dark .dum-pie__seccion a { color: #c5c9d8; }
body.dark .dum-pie__copy { color: #7c8299; }
body.dark .dum-pie__contacto { color: #34d399; }

/* --- Política de Privacidad --- */
body.dark .page-id-3 .entry-content,
body.dark .page-id-3 .entry-content p,
body.dark .page-id-3 .entry-content li { color: #c5c9d8; }
body.dark .page-id-3 .entry-content h2,
body.dark .page-id-3 .entry-content h3 { color: #f0f1f7; }
body.dark .page-id-3 .entry-content h2:first-child { border-bottom-color: rgba(40, 182, 44, 0.3); }
body.dark .page-id-3 .entry-content a { color: #34d399; }
body.dark .page-id-3 .entry-content hr { background: rgba(255, 255, 255, 0.08); }

/* --- Barra de SECCIONES (dum-catbar): Nacionales/Internacionales/etc. en NEGRO --- */
body.dark .dum-catbar a,
body.dark .dum-catbar__inner a {
    color: #000000;
}
body.dark .dum-catbar a:hover {
    color: #28b62c;
}