/* Sub-marca Sueño: registro nocturno solo en /sueno/ y sus hijas (D-026). */
.di-dark { background: var(--color-night); color: #efe9f7; }
.di-dark h1, .di-dark h2, .di-dark h3, .di-dark h4 { color: #fff; }
.di-dark .di-eyebrow { color: var(--color-accent); }
.di-dark .di-callout, .di-dark .di-inline-cta { background: rgb(255 255 255 / 0.06); }
.di-dark .di-review-badge, .di-dark .di-faq details, .di-dark .di-toc, .di-dark .di-path > li, .di-dark .di-symptom, .di-dark .di-symptoms { border-color: rgb(255 255 255 / 0.15); }
.di-dark .di-toc a, .di-dark .di-muted, .di-dark .di-sources, .di-dark .di-review-badge { color: rgb(255 255 255 / 0.6); }
.di-dark .di-review-badge strong, .di-dark .di-inline-cta b { color: #fff; }
.di-dark a { color: var(--color-accent); }
.di-dark .di-btn--light { color: var(--color-night); }
.di-dark .di-btn--whatsapp, .di-dark .di-btn--primary { color: #fff; }
.di-dark .di-crumbs a { color: inherit; }
body.di-dark .di-header.is-scrolled { background: rgb(27 22 48 / 0.9); color: #fff; }
body.di-dark .di-header.is-scrolled .di-brand__logo--color { display: none; }
body.di-dark .di-header.is-scrolled .di-brand__logo--white { display: block; }
body.di-dark .di-menu-panel { background: radial-gradient(120% 60% at 100% 0%, rgb(140 78 170 / 0.18), transparent 60%), var(--color-night); }
body.di-dark .di-menu-panel li a { color: #fff; border-color: rgb(255 255 255 / 0.12); }
body.di-dark .di-menu-panel li a::before { color: rgb(255 255 255 / 0.5); }
body.di-dark .di-menu-panel li a:focus-visible, body.di-dark .di-menu-panel li.current-menu-item > a, body.di-dark .di-menu-panel li a:focus-visible::before, body.di-dark .di-menu-panel li.current-menu-item > a::before { color: var(--color-accent); }
@media (hover: hover) { body.di-dark .di-menu-panel li a:hover, body.di-dark .di-menu-panel li a:hover::before { color: var(--color-accent); } }
body.di-dark .di-social--panel .di-social__btn { color: #fff; border-color: rgb(255 255 255 / 0.2); }
body.di-dark .di-symptom b { color: #fff; }
/* Barra móvil: superficie clara también en el registro nocturno; los rótulos no heredan el acento claro (QA 2026-10-09). */
body.di-dark .di-mobile-bar a { color: var(--color-text); }
body.di-dark .di-mobile-bar a:first-child { color: var(--color-secondary-strong); }
body.di-dark .di-symptom__n, body.di-dark .di-symptom small { color: rgb(255 255 255 / 0.6); }
.di-breath { position: absolute; top: 10%; right: 6%; width: min(42vw, 480px); aspect-ratio: 1; border-radius: 50%; border: 1px solid rgb(255 255 255 / 0.18); animation: di-breath 7s ease-in-out infinite; z-index: -1; }
.di-breath::before { content: ""; position: absolute; inset: 14%; border-radius: 50%; border: 1px solid rgb(255 255 255 / 0.22); }
.di-breath::after { content: ""; position: absolute; inset: 30%; border-radius: 50%; background: radial-gradient(circle, rgb(156 206 209 / 0.4), transparent 70%); }
@keyframes di-breath { 0%, 100% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.08); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .di-breath { animation: none; } }
/* Franja de migas bajo el hero (D-071) en el registro nocturno: tono noche, no la franja crema. */
.di-dark .di-crumbs-bar { background: var(--color-night-2); border-bottom-color: rgb(255 255 255 / 0.1); }
.di-dark .di-crumbs-bar .di-crumbs, .di-dark .di-crumbs-bar .di-crumbs a { color: rgb(255 255 255 / 0.62); }
.di-dark .di-crumbs-bar .di-crumbs a:hover, .di-dark .di-crumbs-bar .di-crumbs a:focus-visible, .di-dark .di-crumbs-bar .di-crumbs [aria-current="page"] { color: #fff; }
