/* =========================================================
   Modo oscuro de SuperFicct.
   Solo actúa con <html data-theme="dark">; el modo claro queda
   exactamente igual. Conserva el azul de la marca (#1a76d1).
   ========================================================= */

[data-theme="dark"] {
	--d-bg: #0e1726;
	--d-surface: #152033;
	--d-surface-2: #1b2940;
	--d-border: #26344d;
	--d-heading: #f1f5f9;
	--d-text: #d6deea;
	--d-soft: #a3b3c8;
	--d-brand: #1a76d1;
	--d-brand-light: #5aa9f2;
	color-scheme: dark;
}

/* ---------- Base ---------- */
[data-theme="dark"] body { background: var(--d-bg); color: var(--d-soft); }
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: var(--d-heading); }
[data-theme="dark"] p, [data-theme="dark"] li { color: var(--d-soft); }
[data-theme="dark"] strong, [data-theme="dark"] b { color: var(--d-text); }
[data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea {
	background: var(--d-surface-2); color: var(--d-text); border-color: var(--d-border);
}
[data-theme="dark"] table, [data-theme="dark"] td, [data-theme="dark"] th { border-color: var(--d-border); color: var(--d-text); }

/* Preloader */
[data-theme="dark"] .preloader .loader .loader-inner { border-color: #fff; border-right-color: transparent; }

/* ---------- Header ---------- */
[data-theme="dark"] .header,
[data-theme="dark"] .header .topbar,
[data-theme="dark"] .header .header-inner { background: var(--d-surface); }
[data-theme="dark"] .header .topbar { border-bottom-color: var(--d-border); }
[data-theme="dark"] .header .header-inner { border-bottom: 1px solid var(--d-border); }
[data-theme="dark"] .header.sticky .header-inner { box-shadow: 0 0 13px rgba(0, 0, 0, .6); }
[data-theme="dark"] .header .top-link li a { color: var(--d-soft); }
[data-theme="dark"] .header .top-link li a:hover { color: var(--d-brand-light); }
[data-theme="dark"] .header .logo h3, [data-theme="dark"] .header .logo strong { color: var(--d-heading); }
[data-theme="dark"] .header .nav li a { color: var(--d-text); }
[data-theme="dark"] .header .nav li:hover a,
[data-theme="dark"] .header .nav li.active a { color: var(--d-brand-light); }
[data-theme="dark"] .header .nav li .dropdown { background: var(--d-surface); box-shadow: 0 6px 18px rgba(0, 0, 0, .5); }
[data-theme="dark"] .header .nav li .dropdown li { border-bottom-color: var(--d-border); }
[data-theme="dark"] .header .nav li .dropdown li a { color: var(--d-soft); }
[data-theme="dark"] .header .nav li .dropdown li:hover a { color: var(--d-brand-light); }

/* Menú móvil */
[data-theme="dark"] .slicknav_nav,
[data-theme="dark"] .slicknav_nav li a,
[data-theme="dark"] .slicknav_nav li .dropdown li a,
[data-theme="dark"] .slicknav_nav .slicknav_arrow { color: var(--d-text); }
[data-theme="dark"] .slicknav_nav li:hover a,
[data-theme="dark"] .slicknav_nav li:hover .slicknav_arrow { color: var(--d-brand-light); }
[data-theme="dark"] .slicknav_menu .slicknav_icon-bar { background-color: var(--d-brand-light); }

/* ---------- Portada ---------- */
/* Slider: la imagen se oscurece para que el texto se lea */
[data-theme="dark"] .slider .single-slider { position: relative; }
[data-theme="dark"] .slider .single-slider:before {
	content: "";
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background: #0b1220;
	opacity: .72;
}
[data-theme="dark"] .slider .single-slider .container { position: relative; }
[data-theme="dark"] .slider .single-slider h1,
[data-theme="dark"] .slider .single-slider p { color: #fff; }
[data-theme="dark"] .slider .single-slider h1 span { color: var(--d-brand-light); }
[data-theme="dark"] .slider .single-slider .btn.primary { background: #fff; color: #1a1f2e; }

[data-theme="dark"] .schedule { background: transparent; border-bottom-color: var(--d-border); }
[data-theme="dark"] .schedule .single-schedule .inner { box-shadow: 0 10px 30px rgba(0, 0, 0, .45); }
[data-theme="dark"] .why-choose { background: var(--d-bg); }
[data-theme="dark"] .why-choose .choose-left h3 { color: var(--d-heading); }
[data-theme="dark"] .why-choose .choose-left .list li { color: var(--d-soft); }
[data-theme="dark"] .section-title h2 { color: var(--d-heading); }
[data-theme="dark"] .section-title p { color: var(--d-soft); }

/* ---------- Páginas internas ---------- */
[data-theme="dark"] .breadcrumbs.overlay:before { background: #0b1f3a; opacity: .9; }

/* Carreras */
[data-theme="dark"] .pf-details .body-text h3,
[data-theme="dark"] .pf-details .body-text .share h4 { color: var(--d-heading); }
[data-theme="dark"] .pf-details .body-text p,
[data-theme="dark"] .pf-details .body-text li { color: var(--d-soft); }
[data-theme="dark"] .pf-details .body-text .share ul li a { background: var(--d-surface-2); color: var(--d-text); }
[data-theme="dark"] .pf-details .body-text .share ul li a:hover { background: var(--d-brand); color: #fff; }

/* Auxiliares / desarrolladores (blog) */
[data-theme="dark"] .blog,
[data-theme="dark"] .news-single,
[data-theme="dark"] .news-single .single-main,
[data-theme="dark"] .main-sidebar,
[data-theme="dark"] .main-sidebar .single-widget { background: transparent; }
[data-theme="dark"] .blog .single-news,
[data-theme="dark"] .blog .single-news .news-content,
[data-theme="dark"] .news-single .single-main,
[data-theme="dark"] .main-sidebar .single-widget {
	background: var(--d-surface);
	box-shadow: 0 0 0 1px var(--d-border);
}
[data-theme="dark"] .blog .single-news .news-body h2,
[data-theme="dark"] .blog .single-news .news-body h2 a,
[data-theme="dark"] .main-sidebar .single-widget .title { color: var(--d-heading); }
[data-theme="dark"] .blog .single-news .news-body p,
[data-theme="dark"] .blog .single-news .news-body .text { color: var(--d-soft); }
/* Silueta negra de los auxiliares sin foto: se aclara para que se vea */
[data-theme="dark"] img[src$="perfil.png"] { filter: invert(1) brightness(.8); }

/* Desarrolladores */
[data-theme="dark"] .news-single .meta { border-color: var(--d-border); }
[data-theme="dark"] .news-single .meta span,
[data-theme="dark"] .news-single .meta span a { color: var(--d-soft); }
[data-theme="dark"] .main-sidebar .single-widget .title { background: transparent; color: var(--d-heading); }
[data-theme="dark"] .main-sidebar .side-tags .tag li a { background: var(--d-surface-2); color: var(--d-text); border: 1px solid var(--d-border); }
[data-theme="dark"] .main-sidebar .side-tags .tag li a:hover { background: var(--d-brand); border-color: var(--d-brand); color: #fff; }

/* Páginas de enlaces (trámites, flujogramas, requisitos, convocatoria, 404):
   usan estilos escritos en el HTML, por eso se sobrescriben con !important */
[data-theme="dark"] .links-page,
[data-theme="dark"] .links-page[style] { background: var(--d-bg) !important; }
[data-theme="dark"] .link-card,
[data-theme="dark"] .link-card[style] {
	background: var(--d-surface) !important;
	box-shadow: 0 0 0 1px var(--d-border), 0 6px 16px rgba(0, 0, 0, .35) !important;
}
[data-theme="dark"] [style*="color: #555"],
[data-theme="dark"] [style*="color: #666"] { color: var(--d-soft) !important; }
[data-theme="dark"] [style*="color: #333"] { color: var(--d-heading) !important; }
[data-theme="dark"] [style*="color: #007bff"] { color: var(--d-brand-light) !important; }
[data-theme="dark"] .link-card strong, [data-theme="dark"] .link-card b { color: var(--d-text); }

/* Mural */
[data-theme="dark"] .mural-title { color: var(--d-heading) !important; }
[data-theme="dark"] .mural-container .mural-card { background: var(--d-surface); box-shadow: 0 10px 20px rgba(0, 0, 0, .45); }
[data-theme="dark"] .mural-container .mural-card h2 { color: var(--d-heading); }
[data-theme="dark"] .mural-container .mural-card p { color: var(--d-soft); }

/* ---------- Footer ---------- */
[data-theme="dark"] .footer .footer-top { background: #0f2a4d; }
[data-theme="dark"] .footer .copyright { background: #0b213d; }
[data-theme="dark"] .footer .single-footer p,
[data-theme="dark"] .footer .single-footer li,
[data-theme="dark"] .footer .single-footer.f-link li a,
[data-theme="dark"] .footer .single-footer .time-sidual li { color: rgba(255, 255, 255, .82); }
[data-theme="dark"] .footer .single-footer h2 { color: #fff; }

/* ---------- Panel "Super" y botón subir ---------- */
[data-theme="dark"] .pro-features { background: var(--d-surface); box-shadow: -4px 0 12px rgba(0, 0, 0, .6); }
[data-theme="dark"] .pro-features li { color: var(--d-soft); }
[data-theme="dark"] .pro-features li.big-title, [data-theme="dark"] .pro-features li.title { color: var(--d-heading); }
[data-theme="dark"] #scrollUp:hover { background: #fff; color: var(--d-brand); }

/* ---------- Botón para cambiar el tema (claro y oscuro) ---------- */
.theme-toggle {
	width: 42px;
	height: 42px;
	margin-top: 16px;
	float: right;
	border-radius: 50%;
	border: 1px solid #e6e6e6;
	background: #fff;
	color: #2C2D3F;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .3s ease, color .3s ease, border-color .3s ease;
}
.theme-toggle:hover { background: #1A76D1; border-color: #1A76D1; color: #fff; }
.theme-toggle:focus-visible { outline: 2px solid #1A76D1; outline-offset: 2px; }
.theme-toggle svg { width: 19px; height: 19px; }
.theme-toggle .icon-sun { display: none; }
[data-theme="dark"] .theme-toggle { background: var(--d-surface-2); border-color: var(--d-border); color: #ffd36b; }
[data-theme="dark"] .theme-toggle:hover { background: var(--d-brand); border-color: var(--d-brand); color: #fff; }
[data-theme="dark"] .theme-toggle .icon-sun { display: block; }
[data-theme="dark"] .theme-toggle .icon-moon { display: none; }

/* En pantallas con menú hamburguesa, el botón va a la izquierda de la hamburguesa */
@media only screen and (max-width: 991px) {
	.header .header-inner .container { position: relative; }
	.header .header-actions { position: static; min-height: 0; }
	.theme-toggle { position: absolute; top: 14px; right: 58px; margin: 0; float: none; z-index: 5; }
}