/* Tema oscuro de las páginas de portada y empresas de la web pública (/web, /web/empresas, /web/empresas/ingeteyco).
   Complementa theme.css; solo actúa con html[data-theme="dark"]. Cabecera y pie ya son oscuros y no se tocan. */
/* header.css define --mog-gunmetal/--mog-paper como alias de --mog-text/--mog-bg: en oscuro se fijan a su valor original */
html[data-theme="dark"]{--mog-gunmetal:#2C2D27;--mog-paper:#FAF8F3;--mog-black:#1C1D19}
html[data-theme="dark"] .cooperation-image{background:#2C2D27}
/* portada (styles.css): bandas que usaban --mog-bg como texto sobre fondo oscuro */
html[data-theme="dark"] .dark,html[data-theme="dark"] body>footer{color:#EDEAE3}
html[data-theme="dark"] .contact{background:#2C2D27;color:#EDEAE3}
html[data-theme="dark"] .contact .light,html[data-theme="dark"] .light{background:#C2A888;color:#1C1D19}
html[data-theme="dark"] .access{color:#1C1D19}
html[data-theme="dark"] .skip:focus{background:#2C2D27;color:#EDEAE3}
html[data-theme="dark"] .cards article{background:#22231E}
html[data-theme="dark"] #empresas .cards article.emp-eco{border-top-color:#A5D6A7}
html[data-theme="dark"] #empresas .cards article.emp-ing{border-top-color:#9DD7E5}
html[data-theme="dark"] #empresas .cards article.emp-inv{border-top-color:#C2A888}
/* empresas (adapter + site-frame) */
html[data-theme="dark"] body{color:#EDEAE3}
html[data-theme="dark"] .ds-section{background:#1C1D19;color:#EDEAE3}
html[data-theme="dark"] .ds-band{background:#22231E;color:#EDEAE3}
html[data-theme="dark"] .ds-eyebrow{color:#C2A888}
html[data-theme="dark"] .ds-card,html[data-theme="dark"] .ds-company,html[data-theme="dark"] .ds-diagram-mobile li{background:#2C2D27;border-color:#3A3B34;color:#EDEAE3}
html[data-theme="dark"] .ds-card p,html[data-theme="dark"] .ds-company p,html[data-theme="dark"] .ds-note{color:#CFCABF}
html[data-theme="dark"] .ds-company h3,html[data-theme="dark"] .ds-stat b{color:#EDEAE3}
html[data-theme="dark"] .ds-company .tag{color:#C2A888}
html[data-theme="dark"] .ds-company.eco .tag{color:#A5D6A7}
html[data-theme="dark"] .ds-company.ing .tag{color:#9DD7E5}
html[data-theme="dark"] .ds-company a.more{border-color:#C2A888;color:#EDEAE3}
html[data-theme="dark"] .ds-company a.more:hover{background:#C2A888;color:#1C1D19}
html[data-theme="dark"] .ds-stat{border-color:#3A3B34}
html[data-theme="dark"] .ds-stat span,html[data-theme="dark"] .ds-figure figcaption,html[data-theme="dark"] .ds-collaboration figcaption{color:#B9B5AC}
html[data-theme="dark"] .ds-figure img,html[data-theme="dark"] .ds-collaboration{border-color:#3A3B34}
html[data-theme="dark"] .ds-section [style*="color:var(--mog-accent)"]{color:#C2A888!important}
/* Páginas con paleta propia: theme.js marca html[data-familia] por ruta (eco = Eco-Logics y proyecto RM; ing = Ingeteyco).
   En ellas --mog-surface se usa como color de texto sobre fondos de marca: se fija a blanco y se oscurecen sus fondos claros. */
html[data-theme="dark"][data-familia]{--mog-surface:#FFFFFF}
html[data-theme="dark"][data-familia] body{background:var(--paper,var(--canvas));color:var(--ink)}
html[data-theme="dark"][data-familia] .hero,html[data-theme="dark"][data-familia] .band,html[data-theme="dark"][data-familia] .statement{color:#FFFFFF}
html[data-theme="dark"][data-familia="ing"]{--paper:#111A20;--ink:#EDEAE3;--line:#2B3A44;--muted:#B6C2C8;--canvas:#111A20}
html[data-theme="dark"][data-familia="ing"] .card,html[data-theme="dark"][data-familia="ing"] .case-nav{background:#17232B;border-color:#2B3A44}
html[data-theme="dark"][data-familia="ing"] .card:before{background:#9DD7E5}
html[data-theme="dark"][data-familia="ing"] .eyebrow[style]{color:#9DD7E5!important}
html[data-theme="dark"][data-familia="ing"] .case-footer{background:#0A1D2A;color:#D5DFE3}
html[data-theme="dark"][data-familia="eco"]{--paper:#0B1510;--ink:#E6F0E9;--line:#2A3A30;--muted:#B5C7BB;--canvas:#0B1510}
html[data-theme="dark"][data-familia="eco"] .card,html[data-theme="dark"][data-familia="eco"] .cta-box,html[data-theme="dark"][data-familia="eco"] .r54-v,
html[data-theme="dark"][data-familia="eco"] .r54-v img,html[data-theme="dark"][data-familia="eco"] .hero-image picture,html[data-theme="dark"][data-familia="eco"] .hero-image img{background:#12261A;border-color:#2A3A30}
html[data-theme="dark"][data-familia="eco"] .r54-v figcaption{background:#12261A;color:#E6F0E9}
html[data-theme="dark"][data-familia="eco"] .quality{background:linear-gradient(120deg,#12261A,#0F2016);border-color:#2A3A30}
html[data-theme="dark"][data-familia="eco"] section.cta,html[data-theme="dark"][data-familia="eco"] .cta-section{background:#0B1510}
html[data-theme="dark"][data-familia="eco"] .band:not(.hero){background:#12261A}
html[data-theme="dark"][data-familia="eco"] .nav{background:rgba(11,21,16,.94);border-color:#2A3A30}
html[data-theme="dark"][data-familia="eco"] .brand,html[data-theme="dark"][data-familia="eco"] .brand b{color:#A5D6A7}
html[data-theme="dark"][data-familia="eco"] .lead:not(.hero .lead){color:#B5C7BB}
html[data-theme="dark"][data-familia="eco"] .eyebrow[style],html[data-theme="dark"][data-familia="eco"] .quality .eyebrow{color:#A5D6A7!important}
html[data-theme="dark"][data-familia="eco"] .card:before{background:#A5D6A7}
html[data-theme="dark"] .skip-link{background:#2C2D27;color:#EDEAE3}
html[data-theme="dark"][data-familia="eco"] #r54-galeria h2{color:var(--ink)}
html[data-theme="dark"][data-familia="ing"] .case-flow p{color:var(--muted)}
html[data-theme="dark"][data-familia="ing"] .public-button,html[data-theme="dark"][data-familia="ing"] .ds-cta{color:#111A20}
html[data-theme="dark"][data-familia="eco"] .public-button,html[data-theme="dark"] body:has(.r53-foto) .public-button{color:#0B1510}
html[data-theme="dark"] body:has(#r54-galeria) .note,html[data-theme="dark"] #r54-galeria .eyebrow,html[data-theme="dark"][data-familia="eco"] .kicker[style]{color:#A5D6A7!important}
/* Solo donde .button conserva el fondo verde Eco; las paginas con el adaptador c4-r4 lo pintan con --mog-accent (bronce) y mantienen texto oscuro */
html[data-theme="dark"][data-familia="eco"]:not(:has(style#c4-r4)) .button:not(.ds-cta){color:#FFFFFF}
html[data-theme="dark"]:has(style#c4-r4) .button:not(.ds-cta){color:#1B1A17}
/* El SVG va por <img> y no hereda el tema: en oscuro se invierte conservando el tono */
html[data-theme="dark"] img.ds-diagram[src*="automation-loop"]{filter:invert(.9) hue-rotate(180deg)}
html[data-theme="dark"] .ds-cta:not(.ghost){background:#C2A888;color:#1B1A17}
html[data-theme="dark"] .ds-cta:not(.ghost):hover,html[data-theme="dark"] .ds-cta:not(.ghost):focus-visible{background:#D9C6AA;color:#1B1A17}
html[data-theme="dark"] .work-flow li{background:#2A2925;border-color:#3A3833;box-shadow:none}
html[data-theme="dark"] .ds-card a[style*="#7A6347"]{color:#C9A97E!important}
html[data-theme="dark"] .work-flow li p{color:#C9C4B8}
html[data-theme="dark"] .ds-cta.ghost:hover,html[data-theme="dark"] .ds-cta.ghost:focus-visible{background:#C2A888;color:#1B1A17}