/*
 * ModoHogar / sistema visual DOM-01 / producción
 * Hoja aislada: todos los selectores viven bajo body.sv-hogar.
 */
body.sv-hogar {
    --mh-bg: #061017;
    --mh-bg-raised: #0a1820;
    --mh-panel: #0d2029;
    --mh-panel-soft: #102832;
    --mh-ink: #eaf8fb;
    --mh-muted: #94aeb5;
    --mh-line: #29434c;
    --mh-line-hot: #4dd8e5;
    --mh-cyan: #65efff;
    --mh-lime: #d9ff62;
    --mh-amber: #ffb85c;
    --mh-error: #ff7f73;
    --mh-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace;
    --mh-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
    background-color: var(--mh-bg);
    background-image:
        linear-gradient(rgba(101, 239, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(101, 239, 255, .035) 1px, transparent 1px);
    background-size: 32px 32px;
    color: var(--mh-ink);
    font: 400 1rem/1.65 var(--mh-sans);
}

body.sv-hogar * {
    box-sizing: border-box;
}

body.sv-hogar a {
    color: inherit;
    text-underline-offset: .28em;
    text-decoration-thickness: 1px;
}

body.sv-hogar button,
body.sv-hogar input {
    font: inherit;
}

body.sv-hogar a:focus-visible,
body.sv-hogar button:focus-visible,
body.sv-hogar input:focus-visible {
    outline: 3px solid var(--mh-lime);
    outline-offset: 4px;
}

body.sv-hogar #herramienta,
body.sv-hogar #guias {
    scroll-margin-top: 7.5rem;
}

body.sv-hogar .mh-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.sv-hogar .mh-skip {
    position: fixed;
    z-index: 1000;
    top: .75rem;
    left: .75rem;
    transform: translateY(-180%);
    padding: .7rem 1rem;
    border: 2px solid var(--mh-lime);
    background: var(--mh-bg);
    color: var(--mh-ink);
    font: 700 .82rem/1.2 var(--mh-mono);
    text-decoration: none;
}

body.sv-hogar .mh-skip:focus {
    top: .75rem;
    transform: none;
}

body.sv-hogar .mh-commandbar {
    position: sticky;
    z-index: 100;
    top: 0;
    width: 100%;
    border-bottom: 1px solid var(--mh-line-hot);
    background: rgba(6, 16, 23, .96);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .26);
}

body.sv-hogar .mh-commandbar__inner {
    display: grid;
    grid-template-columns: minmax(17rem, 1.15fr) auto minmax(28rem, .95fr);
    align-items: stretch;
    width: min(100%, 94rem);
    min-height: 4.8rem;
    margin: 0 auto;
    border-inline: 1px solid var(--mh-line);
}

body.sv-hogar .mh-logo {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .85rem;
    padding: .75rem 1rem;
    text-decoration: none;
}

body.sv-hogar .mh-logo__badge {
    display: grid;
    flex: 0 0 2.55rem;
    place-items: center;
    aspect-ratio: 1;
    border: 1px solid var(--mh-cyan);
    background: var(--mh-cyan);
    color: var(--mh-bg);
    font: 900 .85rem/1 var(--mh-mono);
    letter-spacing: -.05em;
}

body.sv-hogar .mh-logo__name {
    overflow: hidden;
    color: var(--mh-ink);
    font: 780 1.08rem/1 var(--mh-sans);
    letter-spacing: -.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.sv-hogar .mh-logo__code {
    color: var(--mh-muted);
    font: 600 .75rem/1 var(--mh-mono);
}

body.sv-hogar .mh-status {
    display: grid;
    grid-template-columns: auto auto;
    align-content: center;
    gap: .15rem .6rem;
    padding: .7rem 1.35rem;
    border-inline: 1px solid var(--mh-line);
    font-family: var(--mh-mono);
}

body.sv-hogar .mh-status__label {
    align-self: center;
    color: var(--mh-muted);
    font-size: .75rem;
    letter-spacing: .12em;
}

body.sv-hogar .mh-status__value {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--mh-lime);
    font-size: .7rem;
    font-weight: 750;
    letter-spacing: .07em;
}

body.sv-hogar .mh-status__value i {
    width: .5rem;
    height: .5rem;
    border: 1px solid var(--mh-lime);
    background: var(--mh-lime);
    box-shadow: 0 0 0 .22rem rgba(217, 255, 98, .11);
}

body.sv-hogar .mh-nav {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 0;
    align-items: stretch;
}

body.sv-hogar .mh-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
    min-width: 0;
    padding: .85rem 1rem;
    border-left: 1px solid var(--mh-line);
    color: var(--mh-ink);
    font: 650 .75rem/1.2 var(--mh-mono);
    text-decoration: none;
    text-transform: uppercase;
}

body.sv-hogar .mh-nav a span {
    color: var(--mh-muted);
    font-size: .75rem;
}

body.sv-hogar .mh-nav a:hover {
    background: var(--mh-cyan);
    color: var(--mh-bg);
}

body.sv-hogar .mh-nav a:hover span {
    color: currentColor;
}

body.sv-hogar main.mh-main {
    width: 100%;
    max-width: none;
    margin: 0;
}

body.sv-hogar .mh-console {
    width: min(calc(100% - 3rem), 90rem);
    margin: 0 auto;
    border-inline: 1px solid var(--mh-line);
}

body.sv-hogar .mh-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(24rem, .85fr);
    gap: clamp(2rem, 6vw, 7rem);
    align-items: end;
    padding: clamp(2.6rem, 5vw, 5.5rem) clamp(1.25rem, 3.5vw, 3.6rem) clamp(2.2rem, 4vw, 3.8rem);
    border-bottom: 1px solid var(--mh-line);
}

body.sv-hogar .mh-kicker,
body.sv-hogar .mh-section-head p,
body.sv-hogar .mh-panel-head p,
body.sv-hogar .mh-output__head p,
body.sv-hogar .mh-protocol > div > p,
body.sv-hogar .mh-system-message > p:first-child {
    margin: 0 0 1rem;
    color: var(--mh-cyan);
    font: 750 .75rem/1.4 var(--mh-mono);
    letter-spacing: .11em;
    text-transform: uppercase;
}

body.sv-hogar .mh-kicker span {
    display: inline-block;
    margin-right: .75rem;
    padding: .28rem .42rem;
    background: var(--mh-cyan);
    color: var(--mh-bg);
}

body.sv-hogar .mh-intro h1 {
    max-width: 13ch;
    margin: 0;
    color: var(--mh-ink);
    font: 770 clamp(2.7rem, 5.8vw, 5.5rem)/.93 var(--mh-sans);
    letter-spacing: -.07em;
}

body.sv-hogar .mh-intro__text {
    max-width: 42rem;
    margin: 1.5rem 0 0;
    color: var(--mh-muted);
    font-size: clamp(1rem, 1.4vw, 1.16rem);
    line-height: 1.65;
}

body.sv-hogar .mh-equation-map {
    position: relative;
    padding: 1.25rem;
    border: 1px solid var(--mh-line);
    background: rgba(10, 24, 32, .72);
    box-shadow: .6rem .6rem 0 rgba(41, 67, 76, .22);
}

body.sv-hogar .mh-equation-map::before,
body.sv-hogar .mh-equation-map::after {
    position: absolute;
    width: .6rem;
    height: .6rem;
    border-color: var(--mh-cyan);
    content: "";
}

body.sv-hogar .mh-equation-map::before {
    top: -.1rem;
    left: -.1rem;
    border-top: 2px solid;
    border-left: 2px solid;
}

body.sv-hogar .mh-equation-map::after {
    right: -.1rem;
    bottom: -.1rem;
    border-right: 2px solid;
    border-bottom: 2px solid;
}

body.sv-hogar .mh-equation-map__label {
    display: block;
    margin-bottom: 1rem;
    color: var(--mh-muted);
    font: 650 .75rem/1.2 var(--mh-mono);
    letter-spacing: .1em;
}

body.sv-hogar .mh-equation-map__flow {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
    align-items: center;
    gap: .5rem;
}

body.sv-hogar .mh-equation-map__flow b {
    display: grid;
    place-items: center;
    min-width: 2.8rem;
    min-height: 2.8rem;
    border: 1px solid var(--mh-cyan);
    color: var(--mh-cyan);
    font: 800 .88rem/1 var(--mh-mono);
}

body.sv-hogar .mh-equation-map__flow b:last-child {
    border-color: var(--mh-lime);
    background: var(--mh-lime);
    color: var(--mh-bg);
}

body.sv-hogar .mh-equation-map__flow i {
    position: relative;
    color: var(--mh-muted);
    font: normal 600 .75rem/1.2 var(--mh-mono);
    text-align: center;
}

body.sv-hogar .mh-equation-map__flow i::after {
    display: block;
    height: 1px;
    margin-top: .35rem;
    background: var(--mh-line-hot);
    content: "";
}

body.sv-hogar .mh-equation-map > p {
    margin: 1.05rem 0 0;
    color: var(--mh-muted);
    font: 400 .78rem/1.55 var(--mh-mono);
}

body.sv-hogar .mh-workbench {
    display: grid;
    grid-template-columns: 4.6rem minmax(0, 1.35fr) minmax(20rem, .72fr);
    border-bottom: 1px solid var(--mh-line);
    background: var(--mh-bg-raised);
}

body.sv-hogar .mh-workbench__rail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
    padding: 1.35rem .7rem;
    border-right: 1px solid var(--mh-line);
    background: var(--mh-bg);
    font-family: var(--mh-mono);
}

body.sv-hogar .mh-workbench__rail span,
body.sv-hogar .mh-workbench__rail small {
    color: var(--mh-muted);
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    writing-mode: vertical-rl;
}

body.sv-hogar .mh-workbench__rail strong {
    color: var(--mh-cyan);
    font-size: 1.55rem;
    line-height: 1;
}

body.sv-hogar .mh-calculator {
    min-width: 0;
    padding: clamp(1.5rem, 3.4vw, 3.4rem);
    border-right: 1px solid var(--mh-line);
}

body.sv-hogar .mh-panel-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: start;
}

body.sv-hogar .mh-panel-head p {
    margin-bottom: .7rem;
}

body.sv-hogar .mh-panel-head h2 {
    max-width: 19ch;
    margin: 0;
    color: var(--mh-ink);
    font: 720 clamp(1.7rem, 3vw, 2.65rem)/1.08 var(--mh-sans);
    letter-spacing: -.045em;
}

body.sv-hogar .mh-panel-head__state {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .62rem;
    border: 1px solid var(--mh-lime);
    color: var(--mh-lime);
    font: 750 .75rem/1 var(--mh-mono);
    letter-spacing: .09em;
}

body.sv-hogar .mh-panel-head__state::before {
    width: .36rem;
    height: .36rem;
    background: currentColor;
    content: "";
}

body.sv-hogar .mh-panel-intro {
    max-width: 45rem;
    margin: 1rem 0 1.8rem;
    color: var(--mh-muted);
    font-size: .95rem;
}

body.sv-hogar .mh-energy-form,
body.sv-hogar .mh-energy-form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

body.sv-hogar .mh-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--mh-line);
    background: var(--mh-line);
}

body.sv-hogar .mh-control {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .35rem .65rem;
    min-width: 0;
    padding: 1rem;
    background: var(--mh-panel);
    color: var(--mh-ink);
    font: 600 .88rem/1.4 var(--mh-sans);
}

body.sv-hogar .mh-control__channel {
    align-self: center;
    color: var(--mh-cyan);
    font: 750 .75rem/1 var(--mh-mono);
    letter-spacing: .06em;
}

body.sv-hogar .mh-control__name {
    align-self: center;
    color: var(--mh-muted);
    font-size: .82rem;
}

body.sv-hogar .mh-input-wrap {
    position: relative;
    display: block;
    grid-column: 1 / -1;
}

body.sv-hogar .mh-input-wrap input {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 3.65rem;
    margin: .35rem 0 0;
    padding: .65rem 5.2rem .65rem .8rem;
    border: 0;
    border-bottom: 2px solid var(--mh-line);
    border-radius: 0;
    background: var(--mh-bg);
    color: var(--mh-ink);
    caret-color: var(--mh-lime);
    font: 760 clamp(1.2rem, 2vw, 1.7rem)/1 var(--mh-mono);
}

body.sv-hogar .mh-input-wrap input:hover {
    border-bottom-color: var(--mh-cyan);
}

body.sv-hogar .mh-input-wrap input:focus {
    border-bottom-color: var(--mh-lime);
}

body.sv-hogar .mh-input-wrap b {
    position: absolute;
    right: .8rem;
    bottom: 1.25rem;
    color: var(--mh-muted);
    font: 700 .75rem/1 var(--mh-mono);
    pointer-events: none;
}

body.sv-hogar .mh-run {
    display: flex;
    width: 100%;
    min-height: 3.65rem;
    margin: 1rem 0 0;
    padding: 0;
    align-items: stretch;
    justify-content: space-between;
    overflow: hidden;
    border: 1px solid var(--mh-lime);
    border-radius: 0;
    background: transparent;
    color: var(--mh-lime);
    font: 750 .76rem/1.2 var(--mh-mono);
    text-transform: uppercase;
    cursor: pointer;
}

body.sv-hogar .mh-run span,
body.sv-hogar .mh-run b {
    display: flex;
    align-items: center;
    padding: .8rem 1rem;
}

body.sv-hogar .mh-run b {
    background: var(--mh-lime);
    color: var(--mh-bg);
    font: inherit;
}

body.sv-hogar .mh-run:hover {
    background: var(--mh-lime);
    color: var(--mh-bg);
}

body.sv-hogar .mh-output {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: clamp(1.5rem, 3vw, 2.8rem);
    background:
        linear-gradient(135deg, rgba(101, 239, 255, .06), transparent 48%),
        var(--mh-panel-soft);
}

body.sv-hogar .mh-output__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid var(--mh-line);
}

body.sv-hogar .mh-output__head p {
    margin: 0;
}

body.sv-hogar .mh-output__head span {
    color: var(--mh-muted);
    font: 650 .75rem/1 var(--mh-mono);
}

body.sv-hogar .mh-output__result {
    display: flex;
    min-height: 8rem;
    margin: 0;
    padding: 1.35rem 0;
    align-items: center;
    overflow-wrap: anywhere;
    border-bottom: 1px solid var(--mh-line);
    color: var(--mh-lime);
    font: 740 clamp(1.65rem, 3.2vw, 2.75rem)/1.08 var(--mh-mono);
    letter-spacing: -.05em;
}

body.sv-hogar .mh-output__formula {
    padding: 1rem 0;
    border-bottom: 1px solid var(--mh-line);
}

body.sv-hogar .mh-output__formula p {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: .8rem;
    margin: .45rem 0;
    font-family: var(--mh-mono);
}

body.sv-hogar .mh-output__formula span {
    color: var(--mh-muted);
    font-size: .75rem;
    letter-spacing: .06em;
}

body.sv-hogar .mh-output__formula code {
    color: var(--mh-ink);
    font-size: .75rem;
    white-space: normal;
}

body.sv-hogar .mh-output__note {
    margin: 1rem 0 0;
    color: var(--mh-muted);
    font: 400 .78rem/1.55 var(--mh-mono);
}

body.sv-hogar .mh-output__note strong {
    color: var(--mh-amber);
    letter-spacing: .06em;
}

body.sv-hogar .mh-noscript {
    grid-column: 2 / -1;
    margin: 0;
    padding: 1rem;
    border-top: 1px solid var(--mh-error);
    color: var(--mh-error);
    font: 650 .8rem/1.5 var(--mh-mono);
}

body.sv-hogar .mh-logs {
    padding: clamp(3.6rem, 7vw, 7rem) clamp(1.25rem, 3.5vw, 3.6rem);
    border-bottom: 1px solid var(--mh-line);
}

body.sv-hogar .mh-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2rem;
    align-items: end;
    margin-bottom: 2rem;
}

body.sv-hogar .mh-section-head p {
    margin-bottom: .65rem;
}

body.sv-hogar .mh-section-head h2,
body.sv-hogar .mh-section-head h1 {
    max-width: 22ch;
    margin: 0;
    color: var(--mh-ink);
    font: 730 clamp(2rem, 4vw, 3.9rem)/1 var(--mh-sans);
    letter-spacing: -.055em;
}

body.sv-hogar .mh-section-head > span {
    padding: .4rem .55rem;
    border: 1px solid var(--mh-line);
    color: var(--mh-muted);
    font: 650 .75rem/1.2 var(--mh-mono);
    letter-spacing: .08em;
}

body.sv-hogar .mh-log-list {
    border-top: 1px solid var(--mh-line-hot);
}

body.sv-hogar .mh-log {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr) 8.4rem;
    gap: 1.35rem;
    align-items: center;
    padding: 1.55rem 0;
    border-bottom: 1px solid var(--mh-line);
}

body.sv-hogar .mh-log:hover {
    background: rgba(101, 239, 255, .035);
}

body.sv-hogar .mh-log__number {
    color: var(--mh-line-hot);
    font: 800 clamp(1.8rem, 3vw, 2.7rem)/1 var(--mh-mono);
    text-align: center;
}

body.sv-hogar .mh-log__body {
    min-width: 0;
}

body.sv-hogar .mh-log__meta {
    display: flex;
    gap: 1rem;
    margin: 0 0 .5rem;
    color: var(--mh-muted);
    font: 650 .75rem/1.3 var(--mh-mono);
    letter-spacing: .05em;
    text-transform: uppercase;
}

body.sv-hogar .mh-log__meta span {
    color: var(--mh-cyan);
}

body.sv-hogar .mh-log h3,
body.sv-hogar .mh-log h2 {
    max-width: 42ch;
    margin: 0;
    color: var(--mh-ink);
    font: 680 clamp(1.2rem, 2vw, 1.55rem)/1.2 var(--mh-sans);
    letter-spacing: -.025em;
}

body.sv-hogar .mh-log h3 a,
body.sv-hogar .mh-log h2 a {
    text-decoration: none;
}

body.sv-hogar .mh-log__body > p:last-child {
    max-width: 66ch;
    margin: .65rem 0 0;
    color: var(--mh-muted);
    font-size: .9rem;
    line-height: 1.55;
}

body.sv-hogar .mh-log__open {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.2rem;
    padding: .75rem .85rem;
    border: 1px solid var(--mh-line);
    color: var(--mh-cyan);
    font: 750 .75rem/1 var(--mh-mono);
    text-decoration: none;
}

body.sv-hogar .mh-log__open b {
    font-size: 1rem;
}

body.sv-hogar .mh-log__open:hover {
    border-color: var(--mh-cyan);
    background: var(--mh-cyan);
    color: var(--mh-bg);
}

body.sv-hogar .mh-empty {
    margin: 0;
    padding: 2rem 0;
    color: var(--mh-muted);
    font-family: var(--mh-mono);
}

body.sv-hogar .mh-protocol {
    display: grid;
    grid-template-columns: 5rem minmax(15rem, .8fr) minmax(20rem, 1.2fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: start;
    padding: clamp(2.5rem, 5vw, 4.8rem) clamp(1.25rem, 3.5vw, 3.6rem);
    border-top: .45rem solid var(--mh-lime);
    border-bottom: 1px solid var(--mh-line);
    background: var(--mh-panel-soft);
}

body.sv-hogar .mh-protocol__index {
    color: var(--mh-lime);
    font: 800 1.3rem/1 var(--mh-mono);
}

body.sv-hogar .mh-protocol > div > p {
    margin-bottom: .7rem;
    color: var(--mh-lime);
}

body.sv-hogar .mh-protocol h2 {
    margin: 0;
    color: var(--mh-ink);
    font: 720 clamp(1.8rem, 3.2vw, 2.9rem)/1.06 var(--mh-sans);
    letter-spacing: -.045em;
}

body.sv-hogar .mh-protocol__copy p {
    margin: 0 0 1.1rem;
    color: var(--mh-muted);
    font-size: 1rem;
}

body.sv-hogar .mh-protocol__copy a {
    display: inline-flex;
    gap: 1rem;
    align-items: center;
    padding-bottom: .25rem;
    border-bottom: 1px solid var(--mh-cyan);
    color: var(--mh-cyan);
    font: 700 .78rem/1.4 var(--mh-mono);
    text-decoration: none;
    text-transform: uppercase;
}

body.sv-hogar .mh-footer {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 2rem;
    align-items: center;
    width: min(calc(100% - 3rem), 90rem);
    margin: 0 auto;
    padding: 1.5rem;
    border-inline: 1px solid var(--mh-line);
    color: var(--mh-muted);
    font: 500 .75rem/1.5 var(--mh-mono);
}

body.sv-hogar .mh-footer__brand {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: var(--mh-ink);
}

body.sv-hogar .mh-footer__brand span {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: var(--mh-cyan);
    color: var(--mh-bg);
    font-weight: 900;
}

body.sv-hogar .mh-footer p {
    margin: 0;
}

body.sv-hogar .mh-footer strong {
    color: var(--mh-ink);
}

body.sv-hogar .mh-footer nav {
    display: flex;
    gap: 1rem;
}

body.sv-hogar .mh-footer a {
    color: var(--mh-cyan);
}

body.sv-hogar .mh-article,
body.sv-hogar .mh-archive,
body.sv-hogar .mh-system-message {
    width: min(calc(100% - 3rem), 80rem);
    margin: 0 auto;
    border-inline: 1px solid var(--mh-line);
}

body.sv-hogar .mh-article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 17rem;
    gap: clamp(2rem, 5vw, 5rem);
    padding: clamp(2.5rem, 6vw, 6rem) clamp(1.25rem, 4vw, 4rem);
}

body.sv-hogar .mh-article__main {
    min-width: 0;
}

body.sv-hogar .mh-back {
    display: inline-flex;
    gap: .7rem;
    align-items: center;
    margin-bottom: 2.6rem;
    color: var(--mh-cyan);
    font: 700 .75rem/1.4 var(--mh-mono);
    text-decoration: none;
    text-transform: uppercase;
}

body.sv-hogar .mh-article__header {
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--mh-line-hot);
}

body.sv-hogar .mh-article__header h1 {
    max-width: 22ch;
    margin: 1rem 0 1.5rem;
    color: var(--mh-ink);
    font: 740 clamp(2.35rem, 5vw, 4.7rem)/1 var(--mh-sans);
    letter-spacing: -.06em;
}

body.sv-hogar .mh-article__byline {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin: 0;
    color: var(--mh-muted);
    font: 600 .75rem/1.5 var(--mh-mono);
    text-transform: uppercase;
}

body.sv-hogar .mh-prose {
    max-width: 48rem;
    margin-top: 2.6rem;
    overflow-wrap: anywhere;
    color: #c9dadd;
    font-size: 1.06rem;
    line-height: 1.78;
}

body.sv-hogar .mh-prose > p:first-child {
    color: var(--mh-ink);
    font-size: 1.18rem;
}

body.sv-hogar .mh-prose h2 {
    margin: 3.2rem 0 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--mh-line);
    color: var(--mh-ink);
    font: 720 clamp(1.65rem, 3vw, 2.25rem)/1.2 var(--mh-sans);
    letter-spacing: -.035em;
}

body.sv-hogar .mh-prose h2::before {
    display: block;
    margin-bottom: .5rem;
    color: var(--mh-cyan);
    font: 700 .75rem/1 var(--mh-mono);
    letter-spacing: .09em;
    content: "SECCIÓN /";
}

body.sv-hogar .mh-prose h3 {
    margin: 2.4rem 0 .8rem;
    color: var(--mh-ink);
    font: 700 1.35rem/1.3 var(--mh-sans);
}

body.sv-hogar .mh-prose a {
    color: var(--mh-cyan);
}

body.sv-hogar .mh-prose li {
    margin: .6rem 0;
}

body.sv-hogar .mh-prose table {
    width: 100%;
    min-width: 38rem;
    border-collapse: collapse;
    color: var(--mh-ink);
    font-size: .89rem;
}

body.sv-hogar .mh-prose figure {
    max-width: 100%;
    margin: 2rem 0;
    overflow-x: auto;
    border: 1px solid var(--mh-line);
}

body.sv-hogar .mh-prose th,
body.sv-hogar .mh-prose td {
    padding: .8rem;
    border-bottom: 1px solid var(--mh-line);
    text-align: left;
    vertical-align: top;
}

body.sv-hogar .mh-prose th {
    background: var(--mh-panel-soft);
    color: var(--mh-cyan);
    font: 700 .7rem/1.4 var(--mh-mono);
    text-transform: uppercase;
}

body.sv-hogar .mh-article__rail {
    align-self: start;
    position: sticky;
    top: 7rem;
    border-top: 2px solid var(--mh-cyan);
}

body.sv-hogar .mh-article__rail p {
    display: grid;
    gap: .25rem;
    margin: 0;
    padding: .9rem 0;
    border-bottom: 1px solid var(--mh-line);
    font-family: var(--mh-mono);
}

body.sv-hogar .mh-article__rail span {
    color: var(--mh-muted);
    font-size: .75rem;
    letter-spacing: .08em;
}

body.sv-hogar .mh-article__rail b {
    color: var(--mh-ink);
    font-size: .75rem;
}

body.sv-hogar .mh-article__rail > a {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.2rem;
    padding: .9rem;
    border: 1px solid var(--mh-lime);
    color: var(--mh-lime);
    font: 700 .7rem/1.4 var(--mh-mono);
    text-decoration: none;
    text-transform: uppercase;
}

body.sv-hogar .mh-archive {
    padding: clamp(3rem, 6vw, 6rem) clamp(1.25rem, 4vw, 4rem);
}

body.sv-hogar .mh-archive .navigation.pagination {
    margin-top: 2rem;
    font-family: var(--mh-mono);
}

body.sv-hogar .mh-archive .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

body.sv-hogar .mh-archive .page-numbers {
    display: grid;
    min-width: 2.5rem;
    min-height: 2.5rem;
    place-items: center;
    padding: .4rem;
    border: 1px solid var(--mh-line);
    color: var(--mh-cyan);
    text-decoration: none;
}

body.sv-hogar .mh-archive .page-numbers.current {
    border-color: var(--mh-lime);
    background: var(--mh-lime);
    color: var(--mh-bg);
}

body.sv-hogar .mh-system-message {
    min-height: 66vh;
    padding: clamp(4rem, 10vw, 9rem) clamp(1.25rem, 5vw, 5rem);
}

body.sv-hogar .mh-system-message h1 {
    margin: 0;
    color: var(--mh-error);
    font: 760 clamp(2.8rem, 7vw, 6rem)/1 var(--mh-sans);
    letter-spacing: -.06em;
}

body.sv-hogar .mh-system-message > p:not(:first-child) {
    max-width: 40rem;
    color: var(--mh-muted);
    font-size: 1.05rem;
}

body.sv-hogar .mh-system-message a {
    display: inline-flex;
    gap: 1rem;
    margin-top: 1rem;
    color: var(--mh-cyan);
    font: 700 .75rem/1.4 var(--mh-mono);
    text-transform: uppercase;
}

@media (max-width: 72rem) {
    body.sv-hogar .mh-commandbar__inner {
        grid-template-columns: minmax(15rem, 1fr) minmax(25rem, 1.5fr);
    }

    body.sv-hogar .mh-status {
        display: none;
    }

    body.sv-hogar .mh-workbench {
        grid-template-columns: 3.6rem minmax(0, 1.2fr) minmax(18rem, .8fr);
    }

    body.sv-hogar .mh-log {
        grid-template-columns: 4rem minmax(0, 1fr) 7.5rem;
    }
}

@media (max-width: 60rem) {
    body.sv-hogar .mh-intro {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    body.sv-hogar .mh-intro h1 {
        max-width: 16ch;
    }

    body.sv-hogar .mh-equation-map {
        max-width: 43rem;
    }

    body.sv-hogar .mh-workbench {
        grid-template-columns: 3.4rem minmax(0, 1fr);
    }

    body.sv-hogar .mh-calculator {
        border-right: 0;
    }

    body.sv-hogar .mh-output {
        grid-column: 2;
        border-top: 1px solid var(--mh-line);
    }

    body.sv-hogar .mh-output__result {
        min-height: 5.5rem;
    }

    body.sv-hogar .mh-noscript {
        grid-column: 2;
    }

    body.sv-hogar .mh-protocol {
        grid-template-columns: 4rem 1fr;
    }

    body.sv-hogar .mh-protocol__copy {
        grid-column: 2;
    }

    body.sv-hogar .mh-article {
        grid-template-columns: minmax(0, 1fr);
    }

    body.sv-hogar .mh-article__rail {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1px;
        background: var(--mh-line);
    }

    body.sv-hogar .mh-article__rail p {
        padding: 1rem;
        border: 0;
        background: var(--mh-panel);
    }

    body.sv-hogar .mh-article__rail > a {
        grid-column: 1 / -1;
        margin: 0;
        background: var(--mh-bg);
    }
}

@media (max-width: 47rem) {
    body.sv-hogar .mh-commandbar {
        position: relative;
    }

    body.sv-hogar .mh-commandbar__inner {
        grid-template-columns: 1fr;
    }

    body.sv-hogar .mh-logo {
        min-height: 4.3rem;
    }

    body.sv-hogar .mh-nav {
        border-top: 1px solid var(--mh-line);
    }

    body.sv-hogar .mh-nav a:first-child {
        border-left: 0;
    }

    body.sv-hogar #herramienta,
    body.sv-hogar #guias {
        scroll-margin-top: 1rem;
    }

    body.sv-hogar .mh-console,
    body.sv-hogar .mh-footer,
    body.sv-hogar .mh-article,
    body.sv-hogar .mh-archive,
    body.sv-hogar .mh-system-message {
        width: calc(100% - 1.25rem);
    }

    body.sv-hogar .mh-intro {
        padding-inline: 1rem;
    }

    body.sv-hogar .mh-intro h1 {
        font-size: clamp(2.55rem, 13vw, 4.5rem);
    }

    body.sv-hogar .mh-workbench {
        display: block;
    }

    body.sv-hogar .mh-workbench__rail {
        display: none;
    }

    body.sv-hogar .mh-output,
    body.sv-hogar .mh-noscript {
        grid-column: auto;
    }

    body.sv-hogar .mh-logs {
        padding-inline: 1rem;
    }

    body.sv-hogar .mh-section-head {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    body.sv-hogar .mh-section-head > span {
        justify-self: start;
    }

    body.sv-hogar .mh-log {
        grid-template-columns: 3rem minmax(0, 1fr);
        gap: 1rem;
    }

    body.sv-hogar .mh-log__number {
        align-self: start;
        padding-top: .2rem;
        font-size: 1.5rem;
        text-align: left;
    }

    body.sv-hogar .mh-log__open {
        grid-column: 2;
        width: min(100%, 10rem);
    }

    body.sv-hogar .mh-protocol {
        grid-template-columns: 1fr;
        padding-inline: 1rem;
    }

    body.sv-hogar .mh-protocol__copy {
        grid-column: 1;
    }

    body.sv-hogar .mh-footer {
        grid-template-columns: 1fr;
        gap: .9rem;
        padding-inline: 1rem;
    }

    body.sv-hogar .mh-footer nav {
        justify-content: flex-start;
    }

    body.sv-hogar .mh-article,
    body.sv-hogar .mh-archive {
        padding-inline: 1rem;
    }
}

@media (max-width: 35rem) {
    body.sv-hogar .mh-logo__code {
        display: none;
    }

    body.sv-hogar .mh-nav a {
        justify-content: center;
        padding-inline: .5rem;
        font-size: .75rem;
    }

    body.sv-hogar .mh-nav a span {
        display: none;
    }

    body.sv-hogar .mh-equation-map__flow {
        grid-template-columns: auto 1fr auto;
    }

    body.sv-hogar .mh-equation-map__flow b:nth-of-type(3),
    body.sv-hogar .mh-equation-map__flow b:nth-of-type(4),
    body.sv-hogar .mh-equation-map__flow i:nth-of-type(2),
    body.sv-hogar .mh-equation-map__flow i:nth-of-type(3) {
        display: none;
    }

    body.sv-hogar .mh-fields {
        grid-template-columns: 1fr;
    }

    body.sv-hogar .mh-panel-head {
        grid-template-columns: 1fr;
        gap: .8rem;
    }

    body.sv-hogar .mh-panel-head__state {
        justify-self: start;
    }

    body.sv-hogar .mh-log__meta {
        flex-direction: column;
        gap: .25rem;
    }

    body.sv-hogar .mh-article__rail {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sv-hogar *,
    body.sv-hogar *::before,
    body.sv-hogar *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

@media print {
    body.sv-hogar {
        background: #fff;
        color: #111;
        font-size: 12pt;
    }

    body.sv-hogar .mh-commandbar,
    body.sv-hogar .mh-intro,
    body.sv-hogar .mh-logs,
    body.sv-hogar .mh-protocol,
    body.sv-hogar .mh-footer,
    body.sv-hogar .mh-workbench__rail,
    body.sv-hogar .mh-energy-form,
    body.sv-hogar .mh-article__rail,
    body.sv-hogar .mh-back {
        display: none !important;
    }

    body.sv-hogar .mh-console,
    body.sv-hogar .mh-article,
    body.sv-hogar .mh-workbench,
    body.sv-hogar .mh-output {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
        color: #111;
    }

    body.sv-hogar .mh-output__result,
    body.sv-hogar .mh-prose,
    body.sv-hogar .mh-prose h2,
    body.sv-hogar .mh-prose h3,
    body.sv-hogar .mh-article__header h1 {
        color: #111;
    }
}