/* FCE — tema oscuro (activar con ) */
[data-theme="dark"] {
color-scheme: dark;
--teal: #35c8bf;
--teal-dark: #22a39b;
--text: #e8eaed;
--text-2: #bdc1c6;
--text-3: #80868b;
--border: #3c4043;
--bg: #131314;
--bg-2: #1e1f20;
--bg-3: #292a2d;
--teal-light: rgba(32, 178, 170, 0.14);
--teal-mid: rgba(32, 178, 170, 0.38);
--surface: #1e1f20;
--navbar-bg: #1a1b1e;
--footer-bg: #0f1014;
--sh-sm: 0 1px 4px rgba(0, 0, 0, 0.35);
--sh-md: 0 4px 16px rgba(0, 0, 0, 0.42);
--sh-lg: 0 8px 32px rgba(0, 0, 0, 0.48);
--sh-xl: 0 20px 60px rgba(0, 0, 0, 0.55);
}
/* Secciones públicas con colores fijos en claro */
[data-theme="dark"] .section--gray {
background: var(--bg-2);
}
[data-theme="dark"] #app,
[data-theme="dark"] .hero,
[data-theme="dark"] .home-pillars,
[data-theme="dark"] .home-contact-showcase {
background: var(--bg);
}
html[data-theme="dark"] body,
html[data-theme="dark"] #app {
background: var(--bg) !important;
}
html[data-theme="dark"] .hero,
html[data-theme="dark"] .section.home-pillars,
html[data-theme="dark"] .home-pillars {
background: var(--bg) !important;
}
html[data-theme="dark"] .hero + .section.home-pillars,
html[data-theme="dark"] .hero + .home-pillars {
margin-top: -1px;
padding-top: calc(70px + 1px);
border-top: 0;
}
[data-theme="dark"] .home-nosotros,
[data-theme="dark"] .home-metrics__item,
[data-theme="dark"] .fce-pillars__container,
[data-theme="dark"] .fce-pillars__card,
[data-theme="dark"] .about-mvv-card,
[data-theme="dark"] .about-team-modern__card,
[data-theme="dark"] .about-actions__card {
background: var(--surface);
border-color: var(--border);
}
[data-theme="dark"] .about-actions__map-wrap {
border-color: rgba(255, 255, 255, .16);
box-shadow: none;
}
[data-theme="dark"] .home-nosotros__title,
[data-theme="dark"] .home-nosotros__lead,
[data-theme="dark"] .home-metrics__title,
[data-theme="dark"] .home-metrics__value,
[data-theme="dark"] .fce-pillars__title,
[data-theme="dark"] .fce-pillars__card-title {
color: var(--text);
}
[data-theme="dark"] .home-nosotros__pillars li,
[data-theme="dark"] .home-nosotros__quote blockquote,
[data-theme="dark"] .home-metrics__label,
[data-theme="dark"] .home-metrics__note,
[data-theme="dark"] .fce-pillars__subtitle,
[data-theme="dark"] .fce-pillars__card-text {
color: var(--text-2);
}
[data-theme="dark"] .home-nosotros .eyebrow,
[data-theme="dark"] .fce-pillars__card-kicker {
background: var(--bg-2);
color: var(--text-3);
border-color: var(--border);
}
[data-theme="dark"] .home-nosotros__quote {
background: linear-gradient(
165deg,
color-mix(in srgb, var(--surface) 94%, transparent) 0%,
var(--bg-2) 100%
);
border-color: var(--border);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), var(--sh-sm);
text-align: center;
}
[data-theme="dark"] .home-nosotros__rating span {
color: var(--text);
font-variant-numeric: tabular-nums;
}
[data-theme="dark"] .home-nosotros__quote blockquote {
color: var(--text);
}
[data-theme="dark"] .home-nosotros__quote figcaption strong {
color: var(--text);
}
[data-theme="dark"] .home-nosotros__quote figcaption span {
color: var(--text-3);
}
[data-theme="dark"] .home-metrics__item:hover,
[data-theme="dark"] .fce-pillars__card:hover,
[data-theme="dark"] .about-mvv-card:hover,
[data-theme="dark"] .about-team-modern__card:hover {
border-color: color-mix(in srgb, var(--teal) 42%, var(--border) 58%);
box-shadow: var(--sh-md);
}
[data-theme="dark"] .about-hero__summary {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
[data-theme="dark"] .page-nosotros {
background: var(--bg);
}
[data-theme="dark"] .about-hero__summary-wrap {
background: var(--bg-2);
border-top: 1px solid var(--border);
margin-top: 0;
position: static;
z-index: auto;
}
[data-theme="dark"] .about-hero__quote {
color: var(--text);
border-right-color: var(--border);
}
[data-theme="dark"] .about-hero__copy {
color: var(--text-2);
}
[data-theme="dark"] .about-team {
background: var(--bg);
border-top-color: var(--border);
}
[data-theme="dark"] .about-team__head .eyebrow {
background: var(--bg-2);
border-color: var(--border);
color: var(--text-3);
}
[data-theme="dark"] .about-team__head .sec-title,
[data-theme="dark"] .about-team__head .sec-lead {
color: var(--text);
}
[data-theme="dark"] .about-team__head .sec-lead {
color: var(--text-2);
}
[data-theme="dark"] .about-actions {
background: var(--bg-2);
border-top-color: var(--border);
}
[data-theme="dark"] .about-actions__card {
background: var(--surface);
border-color: var(--border);
}
[data-theme="dark"] .about-actions__card .about-section__title {
color: var(--text);
}
[data-theme="dark"] .about-actions__card .about-section__lead,
[data-theme="dark"] .about-actions__card .about-actions__location {
color: var(--text-2);
}
[data-theme="dark"] .about-actions__card--contact {
background:
radial-gradient(420px 200px at 0% 0%, rgba(53, 200, 191, .2), transparent 60%),
linear-gradient(165deg, #1b2832 0%, #13212b 100%);
border-color: color-mix(in srgb, var(--teal) 32%, var(--border) 68%);
}
[data-theme="dark"] .about-actions__card--contact .about-section__title {
color: #f4f7f9;
}
[data-theme="dark"] .about-actions__card--contact .about-section__lead,
[data-theme="dark"] .about-actions__card--contact .about-actions__location,
[data-theme="dark"] .about-actions__card--contact .about-actions__form-note {
color: #c6d0d8;
}
[data-theme="dark"] .about-actions__card--contact .about-actions__form .form-input {
background: #10171d;
border-color: rgba(255, 255, 255, .14);
color: #edf2f6;
}
[data-theme="dark"] .about-actions__card--contact .about-actions__form .form-input::placeholder {
color: #8ea0ad;
}
[data-theme="dark"] .about-actions__card--contact .about-actions__form .form-input:focus {
border-color: var(--teal);
}
[data-theme="dark"] .about-team-modern__card {
background: linear-gradient(165deg, #1f2a33 0%, #18222b 100%);
border-color: var(--border);
}
[data-theme="dark"] .about-team-modern__card h3 {
color: var(--text);
}
[data-theme="dark"] .about-team-modern__card > span {
color: var(--text-3);
}
[data-theme="dark"] .about-team-modern__card p {
color: var(--text-2);
}
[data-theme="dark"] .about-team-modern__social a {
color: #7cd9d4;
border-color: rgba(53, 200, 191, .35);
background: rgba(53, 200, 191, .14);
}
[data-theme="dark"] .about-mvv-card__body {
color: var(--text-2);
}
[data-theme="dark"] .about-mvv-card__title {
color: var(--text);
}
[data-theme="dark"] .about-mvv-card__arrow {
color: var(--teal);
}
[data-theme="dark"] .fce-pillars__action {
background: color-mix(in srgb, var(--teal-dark) 88%, #0a1210 12%);
color: #f4fffe;
box-shadow: var(--sh-sm);
}
[data-theme="dark"] .fce-pillars__action:hover {
background: var(--teal-dark);
}
[data-theme="dark"] .fce-pillars__card::before {
border-color: rgba(127, 200, 191, 0.42);
}
[data-theme="dark"] .alert--error {
background: #2a1518;
border-color: #5c2a32;
color: #fca5a5;
}
[data-theme="dark"] .alert--success {
background: #0d2826;
border-color: #1d4d48;
color: #7dd3c0;
}
[data-theme="dark"] .alert--info {
background: #152238;
border-color: #2a4a6e;
color: #93c5fd;
}
[data-theme="dark"] .theme-toggle {
color: var(--text-2);
}
[data-theme="dark"] .theme-toggle:hover {
color: var(--teal);
background: var(--bg-2);
}
[data-theme="dark"] .navbar.navbar--auth {
background: var(--teal) !important;
border-bottom-color: rgba(0, 0, 0, 0.28);
}
[data-theme="dark"] .footer__ribbon {
background: linear-gradient(180deg, #1a2426 0%, #152022 100%);
border-bottom-color: rgba(32, 178, 170, 0.22);
}
[data-theme="dark"] .footer__social-btn {
background: rgba(255, 255, 255, 0.08);
color: var(--text-2);
}
[data-theme="dark"] .footer__social-btn:hover {
background: var(--teal);
color: #fff;
}
[data-theme="dark"] .footer__social {
border-left-color: rgba(255, 255, 255, 0.12);
}
/* ── LMS / Admin / Dashboard: textos y badges en oscuro ───────── */
[data-theme="dark"] .badge--red {
background: #3a1a1e;
color: #fca5a5;
border-color: #6b2a30;
}
[data-theme="dark"] .dash-sub,
[data-theme="dark"] .course-hero__meta {
color: var(--text-2);
}
[data-theme="dark"] .admin-page-title + p {
color: var(--text-2) !important;
}
[data-theme="dark"] .admin-dash-card__l {
color: var(--text-2);
}
[data-theme="dark"] .admin-table th {
color: var(--text-2);
background: var(--bg-3);
}
[data-theme="dark"] .admin-table tr:hover td {
background: rgba(32, 178, 170, 0.08);
}
[data-theme="dark"] .perfil-email {
color: var(--text-2);
}
[data-theme="dark"] .lesson-sidebar__item.done-l {
color: var(--text-2);
}
/* Nosotros: "Propósito institucional" + "Nuestros pilares" (gradientes / #fff en styles.css) */
html[data-theme="dark"] .about-mvv,
html[data-theme="dark"] .fce-pillars {
background: var(--bg) !important;
}
html[data-theme="dark"] .fce-pillars__container {
background: var(--surface) !important;
border-color: var(--border) !important;
box-shadow: var(--sh-md) !important;
}
html[data-theme="dark"] .fce-pillars__card {
background: var(--surface) !important;
border-color: var(--border) !important;
}
html[data-theme="dark"] .fce-pillars__card:hover {
background: var(--bg-2) !important;
border-color: color-mix(in srgb, var(--teal) 45%, var(--border) 55%) !important;
}
html[data-theme="dark"] .fce-pillars__card-title {
color: var(--text) !important;
}
html[data-theme="dark"] .fce-pillars__card:hover .fce-pillars__card-text {
color: var(--text-2) !important;
}
html[data-theme="dark"] .about-mvv-card {
background: var(--surface) !important;
border-color: var(--border) !important;
}
html[data-theme="dark"] .about-mvv-card:hover {
background: var(--bg-2) !important;
}
html[data-theme="dark"] .fce-pillars__container::before {
opacity: 0.42;
}
/* Cursillo Solow — hero en tema oscuro */
html[data-theme="dark"] .sl-hero {
background: linear-gradient(165deg, color-mix(in srgb, var(--teal) 12%, var(--bg)) 0%, var(--surface) 72%);
}
html[data-theme="dark"] .sl-hero--career {
background: linear-gradient(180deg, var(--bg-2) 0%, var(--surface) 65%);
}
html[data-theme="dark"] .sl-hero--editorial {
background: linear-gradient(
125deg,
color-mix(in srgb, var(--teal) 14%, var(--bg)) 0%,
var(--surface) 52%,
var(--bg-2) 100%
);
}
html[data-theme="dark"] .sl-hero--editorial .sl-hero__figure--editorial {
box-shadow:
0 22px 50px rgba(0, 0, 0, 0.4),
0 0 0 1px rgba(255, 255, 255, 0.09);
}
html[data-theme="dark"] .sl-hero__figure--career-photo {
background: linear-gradient(180deg, var(--bg-2) 0%, var(--surface) 50%, var(--surface) 100%);
}
html[data-theme="dark"] .sl-hero__float {
background: color-mix(in srgb, var(--surface) 94%, transparent);
border-color: var(--border);
}
html[data-theme="dark"] .sl-hero__play {
background: var(--bg-2);
color: var(--teal);
}
html[data-theme="dark"] .sl-result-figure {
background: var(--bg-2);
}
html[data-theme="dark"] .sl-oferta--showcase .sl-oferta__card:not(.sl-oferta__card--deck) {
background: var(--surface);
}
html[data-theme="dark"] .sl-oferta--showcase .sl-oferta__deck {
background: var(--surface);
border-color: var(--border);
}
html[data-theme="dark"] .sl-catalog-cta {
background: linear-gradient(165deg, #0e5261 0%, #0a3540 55%, #072a32 100%);
border-top-color: rgba(249, 211, 90, 0.12);
border-bottom-color: rgba(0, 0, 0, 0.35);
}