/* Inicio: superficies planas y tipografía compartida con las pantallas de entrada. */
.home { max-width: 1200px; margin-inline: auto; padding: var(--space-4) var(--space-6) var(--space-8); }
.home__header { padding-block: var(--space-4) var(--space-8); }
.home__eyebrow { color: var(--text-2); font-size: var(--text-sm); letter-spacing: .09em; text-transform: uppercase; }
.home h1, .home h2 { font-family: var(--font-serif); font-weight: 400; }
.home h1 { font-size: clamp(2.2rem, 4vw, 3.4rem); margin-block: var(--space-2) var(--space-3); }
.home h2 { font-size: 1.6rem; margin: 0 0 var(--space-6); }
.home p { margin-block: var(--space-2); }
.home__section { border-top: 1px solid var(--border-strong); padding-block: var(--space-8); }
.home__section > .muted { font-size: var(--text-sm); }
.home__alerts { list-style: none; margin: 0; padding: 0; }
.home__alert { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); padding-block: var(--space-4); border-bottom: 1px solid var(--border); }
.home__alert:first-child { padding-top: 0; }
.home__alert:last-child { border-bottom: 0; padding-bottom: 0; }
.home__alert h3 { font-family: var(--font-sans); font-size: var(--text-base); font-weight: 500; margin: 0; }
.home__alert p { font-size: var(--text-sm); }
.home__action { flex-shrink: 0; min-height: var(--touch-target); display: inline-flex; align-items: center; }
.home__metrics { display: grid; grid-template-columns: 1.25fr .9fr 1.1fr 1fr; margin-block: var(--space-6); }
.home__metric { padding-inline: var(--space-6); border-left: 1px solid var(--border); min-width: 0; }
.home__metric:first-child { border-left: 0; padding-left: 0; }
.home__label { color: var(--text-2); display: block; font-size: var(--text-sm); }
.home__value { display: block; font-size: clamp(1.25rem, 2vw, 1.85rem); font-weight: 400; margin-top: var(--space-3); overflow-wrap: anywhere; }
.home__metric p { font-size: .75rem; }
.home__section-head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-4); }
.home__section-head a { font-size: var(--text-sm); }
.home__period-total { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-4); margin-top: var(--space-6); }
.home__total { font-size: clamp(1.9rem, 3vw, 2.6rem); font-weight: 400; }
.home__period-total > span { font-size: var(--text-sm); }
.home__evolution > div > .segmented { margin-top: var(--space-4); }
.home-chart { position: relative; margin-block: var(--space-4); }
.home-chart__plot { height: 245px; touch-action: pan-y; }
.home-chart svg { width: 100%; height: 100%; overflow: visible; }
.home-chart__grid { stroke: var(--border); stroke-width: 1; }
.home-chart__current { stroke: var(--accent); stroke-width: 2.5; }
.home-chart__previous { stroke: var(--text-3); stroke-width: 2; stroke-dasharray: 5 5; }
.home-chart__guide { stroke: var(--border-control); stroke-width: 1; stroke-dasharray: 3 4; }
.home-chart__dot { fill: var(--accent); stroke: var(--bg); stroke-width: 2; }
.home-chart__dot--previous { fill: var(--text-3); }
.home-chart__legend { display: flex; flex-wrap: wrap; gap: var(--space-6); margin-top: var(--space-6); font-size: var(--text-sm); }
.home-chart__legend span::before { content: ""; display: inline-block; width: 22px; margin-right: var(--space-2); vertical-align: middle; border-top: 2px solid var(--accent); }
.home-chart__legend .home-chart__legend-previous::before { border-top: 2px dashed var(--text-3); }
.home-chart__scale, .home-chart__dates { display: flex; justify-content: space-between; font-size: .75rem; }
.home-chart__scale { position: absolute; inset: 20px auto auto 0; height: 190px; flex-direction: column; pointer-events: none; }
.home-chart__dates { margin-inline: 7%; }
.home-chart__range { display: block; width: 86%; margin-inline: auto; min-height: var(--touch-target); accent-color: var(--accent); cursor: pointer; }
.home-chart__detail { min-height: 2.5em; font-size: var(--text-sm); color: var(--text-2); text-align: center; }
@media (max-width: 760px) {
    .home { padding: 0 var(--space-2) var(--space-6); }
    .home__header { padding-bottom: var(--space-6); }
    .home__section { padding-block: var(--space-6); }
    .home__metrics { grid-template-columns: 1fr 1fr; gap: var(--space-6) 0; }
    .home__metric:nth-child(odd) { padding-left: 0; border-left: 0; }
    .home__metric:nth-child(even) { padding-right: 0; }
    .home__alert { align-items: flex-start; gap: var(--space-3); }
    .home__action { font-size: var(--text-sm); }
    .home__section-head { align-items: flex-start; }
    .home-chart__plot { height: 200px; }
    .home-chart__scale { top: 15px; height: 158px; }
}
@media (max-width: 420px) {
    .home__alert { flex-direction: column; gap: 0; }
    .home__section-head { flex-wrap: wrap; margin-bottom: var(--space-4); }
    .home__section-head h2 { margin-bottom: 0; }
    .home .segmented { max-width: 100%; }
    .home .segmented__label { padding-inline: var(--space-2); font-size: .75rem; }
}