/* Fondos negros solicitados por la empresa; acentos del manual de marca. */
html[data-theme="dark"] {
  color-scheme: dark;
  --paper: #080A0D;
  --pale: #10151B;
  --ink: #F5F7FA;
  --ink-deep: #080A0D;
  --teal: #0AD6DE;
  --teal-dark: #03DBCA;
  --muted: #B2BDCA;
  --line: #FFFFFF24;
  --surface: #131A22;
}
html[data-theme="dark"] body { background: var(--paper); color: var(--ink); }
html[data-theme="dark"] ::selection { background: var(--aqua); color: #080A0D; }
html[data-theme="dark"] .eyebrow, html[data-theme="dark"] .text-link { color: var(--cyan); }
html[data-theme="dark"] .text-link:hover { color: var(--aqua); }
html[data-theme="dark"] .topline { background: #080A0D; border-bottom: 1px solid #FFFFFF12; color: #C1CBD7; }
html[data-theme="dark"] .site-header { background: var(--navy); border-bottom: 1px solid #FFFFFF18; }
html[data-theme="dark"] .main-nav a, html[data-theme="dark"] .main-nav a:hover, html[data-theme="dark"] .main-nav a[aria-current] { color: white; }
html[data-theme="dark"] .main-nav a:hover, html[data-theme="dark"] .main-nav a[aria-current] { color: var(--aqua); }
html[data-theme="dark"] .consultation-link { color: white; border-color: #FFFFFF38; }
html[data-theme="dark"] .menu-toggle { color: white; background: #FFFFFF12; }
html[data-theme="dark"] .header-cta { box-shadow: 0 0 28px #0AD6DE0D; }
html[data-theme="dark"] .button-primary { color: #0A263E; }
html[data-theme="dark"] .button-primary:hover { color: #0A263E; }
html[data-theme="dark"] .button-outline { background: transparent; border-color: #FFFFFF4A; color: var(--ink); }
html[data-theme="dark"] .button-outline:hover { background: #FFFFFF0A; border-color: var(--cyan); color: var(--ink); }
html[data-theme="dark"] .button-light { background: #080A0D; color: white; border-color: #080A0D; }
html[data-theme="dark"] .button-light:hover { background: var(--navy); color: white; }
html[data-theme="dark"] .icon-button:hover { background: var(--cyan); border-color: var(--cyan); color: #0A263E; }
html[data-theme="dark"] .skip-link { background: var(--cyan); color: #080A0D; }

html[data-theme="dark"] .brand-hero { background: #080A0D; padding-top: 62px; border-bottom: 1px solid var(--line); }
html[data-theme="dark"] .brand-hero .hero-copy h1 { font-size: clamp(2.4rem,4.2vw,3.65rem); }
html[data-theme="dark"] .brand-hero .hero-copy > p { color: #C4CEDA; }
html[data-theme="dark"] .brand-hero .hero-copy > .eyebrow { background: #0AD6DE0A; border-color: #0AD6DE40; }
html[data-theme="dark"] .hero-watermark { display: none; }
html[data-theme="dark"] .hero-orbit { opacity: .4; }
html[data-theme="dark"] .brand-hero .hero-visual { height: 465px; border-radius: 22px; border-color: #FFFFFF24; }
html[data-theme="dark"] .brand-hero .hero-visual::after { inset: 42% 0 0; background: linear-gradient(transparent,#080A0DF5); }
html[data-theme="dark"] .brand-hero .visual-label { background: #080A0DCC; color: white; border: 1px solid #FFFFFF38; backdrop-filter: blur(12px); }
html[data-theme="dark"] .brand-hero .button-outline:hover { background: #FFFFFF0D; color: white; border-color: var(--cyan); }
html[data-theme="dark"] .hero-search { background: #121820; border-color: #FFFFFF30; }
html[data-theme="dark"] .hero-stats-card { color: white; background: #131A22; border: 1px solid #FFFFFF2E; box-shadow: 0 18px 48px #00000055; }
html[data-theme="dark"] .hero-stats-card div > span { color: var(--muted); }
html[data-theme="dark"] .stats-symbol { color: #0A263E; }
html[data-theme="dark"] .hero-stats-card > a { color: var(--aqua); }
html[data-theme="dark"] .hero-bottom { border-top-color: #FFFFFF24; }
html[data-theme="dark"] .expertise-strip { background: #0D1218; border-bottom-color: var(--line); }
html[data-theme="dark"] .expertise-strip a { color: #D6DFE9; }
html[data-theme="dark"] .expertise-strip .icon { color: var(--cyan); }
html[data-theme="dark"] .featured-section { background: var(--paper); }
html[data-theme="dark"] .course-card { background: var(--surface); border-color: #FFFFFF1C; box-shadow: none; }
html[data-theme="dark"] .course-card:hover { border-color: #0AD6DE99; box-shadow: 0 18px 45px #00000033; }
html[data-theme="dark"] .course-category { color: var(--aqua); }
html[data-theme="dark"] .course-more { color: #B8C5D3; }
html[data-theme="dark"] .image-arrow { background: #080A0DC7; color: white; border: 1px solid #FFFFFF40; }
html[data-theme="dark"] .course-card-bottom .icon-button { background: #0AD6DE15; color: var(--cyan); }
html[data-theme="dark"] .course-card-bottom .icon-button:hover, html[data-theme="dark"] .course-card-bottom .icon-button[data-added=true] { color: #0A263E; }
html[data-theme="dark"] .carousel-controls .icon-button { background: var(--surface); color: white; border-color: #FFFFFF38; }
html[data-theme="dark"] .carousel-controls .icon-button:hover { color: #0A263E; }
html[data-theme="dark"] .carousel-controls .carousel-pause { background: transparent; color: var(--cyan); border-color: transparent; }
html[data-theme="dark"] .carousel-controls .carousel-pause[aria-pressed=true] { color: white; }
html[data-theme="dark"] .carousel-controls .carousel-pause:disabled { opacity: .45; cursor: default; }
html[data-theme="dark"] .services-home { background: #10151B; border-block: 1px solid #FFFFFF14; }
html[data-theme="dark"] .muted-heading { color: #8E9EAF; }
html[data-theme="dark"] .service-rows > a { background: #151D27; border-color: #FFFFFF1F; }
html[data-theme="dark"] .service-rows > a:hover { background: #1A2633; }
html[data-theme="dark"] .service-rows > a > .icon { color: var(--cyan); }
html[data-theme="dark"] .service-number { color: var(--aqua); }
html[data-theme="dark"] .category-section { background: #080A0D; }
html[data-theme="dark"] .category-track { scrollbar-color: var(--cyan) #17212C; padding-bottom: 12px; }
html[data-theme="dark"] .category-overlay { background: linear-gradient(180deg,#080A0D08 30%,#080A0D66 63%,#080A0DF7 100%); }
html[data-theme="dark"] .category-overlay small { background: #080A0D80; }
html[data-theme="dark"] .category-overlay > span { background: #080A0D66; }
html[data-theme="dark"] .category-carousel .carousel-bottom { margin-top: 12px; }
html[data-theme="dark"] .business-section { background: var(--paper); }
html[data-theme="dark"] .business-grid { border: 1px solid #FFFFFF24; }
html[data-theme="dark"] .home-about { background: var(--paper); }
html[data-theme="dark"] .about-inline h2 em { color: var(--aqua); text-decoration-thickness: 3px; }
html[data-theme="dark"] .cta-inner h2 { color: #0A263E; }
html[data-theme="dark"] .cta-inner .eyebrow { color: #0A263E; }
html[data-theme="dark"] .site-footer { border-top: 1px solid #FFFFFF20; }

html[data-theme="dark"] .page-intro { background: linear-gradient(120deg,#080A0D,#101A24); border-bottom-color: var(--line); }
html[data-theme="dark"] .page-intro h1 span, html[data-theme="dark"] .enterprise-hero h1 span { color: var(--aqua); text-decoration-thickness: 2px; }
html[data-theme="dark"] .page-intro::after { border-color: #0AD6DE30; box-shadow: 0 0 0 38px #0AD6DE06; }
html[data-theme="dark"] .catalog-search { background: #151D27; border-color: #FFFFFF33; box-shadow: 0 14px 42px #00000033; }
html[data-theme="dark"] .catalog-search input { color: white; }
html[data-theme="dark"] .catalog-search input::placeholder { color: #A8B7C7; }
html[data-theme="dark"] .search-category select { color: white; }
html[data-theme="dark"] select option { background: #151D27; color: white; }
html[data-theme="dark"] .category-chip { color: #DAE3ED; border-color: #FFFFFF33; }
html[data-theme="dark"] .category-chip:hover { border-color: var(--cyan); }
html[data-theme="dark"] .category-chip.is-active { background: var(--cyan); color: #0A263E; border-color: var(--cyan); }
html[data-theme="dark"] .category-chip.is-active span { color: #0A263E; }
html[data-theme="dark"] .pagination button[aria-current=page] { color: #0A263E; }
html[data-theme="dark"] .catalog-help, html[data-theme="dark"] .empty-state { background: var(--pale); border-color: var(--line); }
html[data-theme="dark"] .course-hero { background: #10151B; border-bottom: 1px solid var(--line); }
html[data-theme="dark"] .course-tabs { background: #0D1218F5; backdrop-filter: blur(12px); }
html[data-theme="dark"] .course-tabs a { color: #CBD6E2; }
html[data-theme="dark"] .course-tabs a:hover { color: var(--aqua); }
html[data-theme="dark"] .course-info { background: #131A22; border-color: #FFFFFF2A; box-shadow: 0 20px 45px #00000022; }
html[data-theme="dark"] .module { background: #111820; }
html[data-theme="dark"] .module-number { color: var(--aqua); }
html[data-theme="dark"] .module[open] { background: #141E29; }
html[data-theme="dark"] .module summary:hover { background: #FFFFFF05; }
html[data-theme="dark"] .implementation-note { background: #0C1219; }
html[data-theme="dark"] .service-detail-image > span { background: #080A0DDB; color: white; border: 1px solid #FFFFFF33; }
html[data-theme="dark"] .values-grid > div { background: var(--surface); }
html[data-theme="dark"] .values-grid span, html[data-theme="dark"] .program-title > span, html[data-theme="dark"] .module summary small { color: var(--muted); }
html[data-theme="dark"] .big-stat strong { color: var(--aqua); }
html[data-theme="dark"] .enterprise-hero { background: #10151B; }
html[data-theme="dark"] .section-dark { background: var(--navy); }
html[data-theme="dark"] .contact-form { background: #131A22; border-color: #FFFFFF26; box-shadow: none; }
html[data-theme="dark"] .form-field input, html[data-theme="dark"] .form-field textarea, html[data-theme="dark"] .form-field select { background: #0C1219; color: white; border-color: #FFFFFF40; }
html[data-theme="dark"] .form-field input:focus, html[data-theme="dark"] .form-field textarea:focus, html[data-theme="dark"] .form-field select:focus { border-color: var(--cyan); }
html[data-theme="dark"] .form-field input::placeholder, html[data-theme="dark"] .form-field textarea::placeholder { color: #94A5B8; }
html[data-theme="dark"] .form-fallback, html[data-theme="dark"] .message-preview pre { background: #0C1219; }
html[data-theme="dark"] .selection-summary { background: #131A22; }
html[data-theme="dark"] .selection-item .icon-button:hover { color: var(--cyan); background: #0AD6DE18; }
html[data-theme="dark"] .toast { background: #151D27; color: white; box-shadow: 0 15px 40px #00000055; }
html[data-theme="dark"] button[data-added=true].button-outline { background: #0AD6DE16; color: var(--aqua); border-color: var(--cyan); }

@media (max-width: 1100px) {
  html[data-theme="dark"] .brand-hero .hero-copy h1 { font-size: 2.85rem; }
  html[data-theme="dark"] .brand-hero .hero-visual { height: 435px; }
}
@media (max-width: 960px) {
  html[data-theme="dark"] .main-nav { background: var(--navy); border-bottom-color: #FFFFFF30; }
  html[data-theme="dark"] .brand-hero .hero-copy h1 { font-size: 2.4rem; }
  html[data-theme="dark"] .brand-hero .hero-visual { height: 420px; }
}
@media (max-width: 720px) {
  html[data-theme="dark"] .brand-hero { padding-top: 40px; }
  html[data-theme="dark"] .brand-hero .hero-copy h1 { font-size: clamp(1.95rem,5.9vw,2.65rem); }
  html[data-theme="dark"] .brand-hero .hero-visual { height: 380px; border-radius: 22px; }
}
@media (max-width: 640px) {
  html[data-theme="dark"] .brand-hero .hero-visual { height: 335px; }
  html[data-theme="dark"] .category-carousel .carousel-bottom > span { max-width: 150px; }
  html[data-theme="dark"] .category-carousel .carousel-controls { gap: 6px; }
}