/* Cabecera crema de la Home (misma que la de la opción D) */
body.home-d { --hd-bg: #f2f0ea; --hd-ink: #16171b; --hd-lime: #c9f84a; }
body.home-d .wx-hd { background: var(--hd-bg); backdrop-filter: none; border-bottom: 2px solid var(--hd-ink); }
body.home-d .wx-hd .wx-brand { color: var(--hd-ink); font-family: "Space Mono", ui-monospace, monospace; font-size: 0.8125rem; letter-spacing: 0.08em; text-transform: uppercase; }
body.home-d .wx-hd .wx-brand img { background: transparent; padding: 0; }
body.home-d .wx-hd-links a:not(.wx-btn) { color: var(--hd-ink); }
body.home-d .wx-hd-links a:not(.wx-btn):hover { text-decoration: underline; text-underline-offset: 4px; color: var(--hd-ink); }
body.home-d .wx-hd .wx-btn { --_bg: transparent; --_fg: var(--hd-ink); --_bd: var(--hd-ink); border-width: 2px; }
body.home-d .wx-hd .wx-btn:hover { --_bg: var(--hd-ink); --_fg: var(--hd-bg); --_bd: var(--hd-ink); }
body.home-d .wx-hd :focus-visible { outline-color: var(--hd-ink); }
body.home-d .wx-hd-in { width: auto; max-width: 1600px; padding-inline: clamp(16px, 4vw, 56px); }

/* Home · hero con imagen (29-oct-2026): imagen a todo el ancho; H1, descripción y botones debajo como texto real */
body.home-d .hh, .hh { padding: 0 !important; }
.hh-img { margin: 0; background: #0e1011; line-height: 0; }
.hh-img img { display: block; width: 100%; max-width: 1600px; height: auto; margin-inline: auto; aspect-ratio: 1672 / 940; }
.hh-txt { display: grid; gap: 14px; justify-items: start; padding-block: clamp(24px, 4vw, 48px) clamp(28px, 4vw, 56px); }
.hh-txt .wx-h1 { margin: 0; max-width: 18ch; }
.hh-txt .wx-lead { max-width: 62ch; margin: 0; }
.hh-txt .wx-actions { margin-top: 6px; }
@media (max-width: 640px) {
  .hh-txt .wx-actions { flex-direction: column; align-self: stretch; }
  .hh-txt .wx-actions .wx-btn { width: 100%; justify-content: center; }
}
/* «Google» y «ChatGPT» legibles sobre crema: texto oscuro con marcador lima */
.hh .wx-h1 .wx-accent { color: #16171b; padding: 0 .12em; background: linear-gradient(to bottom, transparent 0, transparent .2em, #c9f84a .2em, #c9f84a 100%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }