/* Inicio v16 — editorial civic experience. Scoped to the home view. */
.view[data-view="inicio"] { --home-width: 1380px; --home-gap: 14px; }
.view[data-view="inicio"] .hero-grid { max-width: var(--home-width); min-height: 700px; margin-top: 18px; grid-template-columns: minmax(0,1.04fr) minmax(470px,.96fr); gap: var(--home-gap); }
.view[data-view="inicio"] .hero-copy { min-height: 700px; padding: clamp(54px,6.4vw,94px); border: 0; border-radius: 38px; background: linear-gradient(145deg,#fff 0%,#fbfcf8 62%,#f2f6f0 100%); box-shadow: inset 0 0 0 1px rgba(16,42,39,.08); }
.view[data-view="inicio"] .hero-copy::before { width: 430px; height: 430px; right: -190px; top: -220px; border-width: 82px; border-color: rgba(47,111,95,.05); }
.view[data-view="inicio"] .hero-copy::after { content: "PARTICIPACIÓN · COMUNIDAD · SEGUIMIENTO"; right: 21px; bottom: 30px; color: #9bac9f; }
.view[data-view="inicio"] .hero-badge { margin-bottom: auto; color: #285f51; background: #edf5ef; border-color: #d9e8dc; }
.view[data-view="inicio"] .hero-copy .eyebrow { margin-top: 52px; margin-bottom: 17px; color: #50756a; }
.view[data-view="inicio"] .hero-copy h1 { max-width: 720px; margin: 0; font-size: clamp(69px,6.6vw,101px); line-height: .86; }
.view[data-view="inicio"] .hero-description { max-width: 590px; margin-top: 29px; font-size: 17px; }
.view[data-view="inicio"] .hero-actions { margin-top: 31px; display: flex; gap: 10px; }.view[data-view="inicio"] .hero-actions .primary-button, .view[data-view="inicio"] .hero-actions .secondary-button { min-height: 56px; }.view[data-view="inicio"] .hero-actions .secondary-button svg { width: 17px; height: 17px; }
.view[data-view="inicio"] .hero-meta-grid { margin-top: auto; padding-top: 28px; display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border-top: 1px solid var(--xp-line); }
.view[data-view="inicio"] .hero-meta-grid > div { padding: 0 17px; display: grid; grid-template-columns: 25px 1fr; gap: 8px; border-right: 1px solid var(--xp-line); }.view[data-view="inicio"] .hero-meta-grid > div:first-child { padding-left: 0; }.view[data-view="inicio"] .hero-meta-grid > div:last-child { border: 0; }.view[data-view="inicio"] .hero-meta-grid span { color: var(--xp-coral); font-size: 9px; font-weight: 780; letter-spacing: .1em; }.view[data-view="inicio"] .hero-meta-grid p, .view[data-view="inicio"] .hero-meta-grid strong, .view[data-view="inicio"] .hero-meta-grid small { display: block; margin: 0; }.view[data-view="inicio"] .hero-meta-grid strong { color: var(--xp-ink); font-size: 12px; }.view[data-view="inicio"] .hero-meta-grid small { margin-top: 3px; color: var(--xp-muted); font-size: 9px; }
.view[data-view="inicio"] .city-feature { min-height: 700px; border-radius: 38px; }.view[data-view="inicio"] .feature-sky { background-position: 61% center; }.view[data-view="inicio"] .feature-sky::after { background: linear-gradient(180deg,rgba(6,28,25,.02) 35%,rgba(6,28,25,.58) 100%); }
.view[data-view="inicio"] .feature-coordinates { position: absolute; left: 28px; top: 25px; z-index: 3; display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.8); font-size: 8px; font-weight: 720; letter-spacing: .12em; }.view[data-view="inicio"] .feature-coordinates i { width: 22px; height: 1px; background: rgba(255,255,255,.5); }
.view[data-view="inicio"] .hero-signal { z-index: 4; }.view[data-view="inicio"] .hero-signal-a { left: 28px; top: 78px; }.view[data-view="inicio"] .hero-signal-b { right: 28px; top: 152px; }
.view[data-view="inicio"] .feature-content { padding: 28px; }.view[data-view="inicio"] .feature-kicker { margin-top: 34px; }.view[data-view="inicio"] .feature-content h2 { max-width: 530px; font-size: clamp(28px,2.65vw,40px); }

/* Command bar */
.view[data-view="inicio"] .home-command { max-width: calc(var(--home-width) - 36px); min-height: 106px; margin-top: 14px; padding: 10px; display: grid; grid-template-columns: 1.05fr repeat(3,1fr); gap: 8px; border-radius: 26px; background: #102a27; }
.view[data-view="inicio"] .home-command > p { margin: 0; padding: 17px 20px; align-self: center; }.view[data-view="inicio"] .home-command > p span, .view[data-view="inicio"] .home-command > p strong { display: block; }.view[data-view="inicio"] .home-command > p span { color: #89c5ac; font-size: 9px; font-weight: 740; letter-spacing: .12em; text-transform: uppercase; }.view[data-view="inicio"] .home-command > p strong { margin-top: 5px; color: #fff; font-size: 18px; letter-spacing: -.025em; }
.view[data-view="inicio"] .home-command > button { min-height: 84px; padding: 13px 15px; display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; color: #fff; background: rgba(255,255,255,.055); text-align: left; }.view[data-view="inicio"] .home-command > button:hover { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.11); transform: translateY(-2px); }.view[data-view="inicio"] .home-command > button > svg { width: 19px; height: 19px; padding: 11px; box-sizing: content-box; border-radius: 13px; color: var(--xp-ink); background: #fff; }.view[data-view="inicio"] .home-command button span, .view[data-view="inicio"] .home-command button strong, .view[data-view="inicio"] .home-command button small { display: block; }.view[data-view="inicio"] .home-command button strong { font-size: 12px; }.view[data-view="inicio"] .home-command button small { margin-top: 3px; color: rgba(255,255,255,.5); font-size: 9px; }

/* Category bento */
.view[data-view="inicio"] .categories-section { padding-top: 132px; padding-bottom: 110px; }.view[data-view="inicio"] .heading-note { width: min(300px,32vw); padding: 16px 0 3px 22px; border-left: 1px solid var(--xp-line); }.view[data-view="inicio"] .heading-note span { color: var(--xp-coral); font-size: 9px; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }.view[data-view="inicio"] .heading-note p { margin: 7px 0 0; color: var(--xp-muted); font-size: 12px; line-height: 1.55; }
.view[data-view="inicio"] .category-grid { height: 586px; display: grid; grid-template-columns: 1.22fr .92fr 1fr; grid-template-rows: 1fr 1fr; gap: 14px; }.view[data-view="inicio"] .category-card { min-height: 0; border-radius: 28px; }.view[data-view="inicio"] .category-road { grid-column: 1; grid-row: 1 / 3; color: #fff; background: linear-gradient(180deg,rgba(12,32,29,.04),rgba(12,32,29,.74)),url('./report-bache.webp') center/cover; }.view[data-view="inicio"] .category-light { grid-column: 2; grid-row: 1; background: #f1dfad; }.view[data-view="inicio"] .category-clean { grid-column: 3; grid-row: 1; background: #dceae0; }.view[data-view="inicio"] .category-water { grid-column: 2 / 4; grid-row: 2; color: #fff; background: linear-gradient(90deg,rgba(10,37,45,.82),rgba(10,37,45,.18)),url('./report-agua.webp') center 48%/cover; }
.view[data-view="inicio"] .category-card::before { width: 170px; height: 170px; }.view[data-view="inicio"] .category-road::after, .view[data-view="inicio"] .category-water::after { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg,transparent 35%,rgba(9,30,27,.68)); }.view[data-view="inicio"] .category-card > * { position: relative; z-index: 1; }.view[data-view="inicio"] .category-road .category-index, .view[data-view="inicio"] .category-water .category-index { color: rgba(255,255,255,.68); }.view[data-view="inicio"] .category-road .category-icon, .view[data-view="inicio"] .category-water .category-icon { color: var(--xp-ink); background: #fff; }.view[data-view="inicio"] .category-road strong, .view[data-view="inicio"] .category-road small, .view[data-view="inicio"] .category-water strong, .view[data-view="inicio"] .category-water small, .view[data-view="inicio"] .category-road .category-arrow, .view[data-view="inicio"] .category-water .category-arrow { color: #fff; }.view[data-view="inicio"] .category-road strong { font-size: 36px; }.view[data-view="inicio"] .category-water strong { font-size: 28px; }.view[data-view="inicio"] .category-card small { max-width: 280px; }

/* Featured case */
.view[data-view="inicio"] .home-case { max-width: calc(var(--home-width) - 36px); min-height: 680px; margin: 0 auto 110px; padding: 12px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 12px; border: 1px solid var(--xp-line); border-radius: 38px; background: #fff; box-shadow: var(--xp-shadow); }
.view[data-view="inicio"] .case-visual { min-height: 650px; position: relative; border-radius: 29px; background: #d7e0d8; overflow: hidden; }.view[data-view="inicio"] .case-photo { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(7,27,24,.03),rgba(7,27,24,.3)),url('./report-bache.webp') center/cover; }.view[data-view="inicio"] .case-label { position: absolute; left: 21px; top: 21px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.55); border-radius: 999px; color: var(--xp-ink); background: rgba(255,255,255,.9); font-size: 9px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(10px); }
.view[data-view="inicio"] .case-floating-card { min-width: 270px; padding: 18px; position: absolute; left: 21px; bottom: 21px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid rgba(255,255,255,.48); border-radius: 19px; background: rgba(255,255,255,.9); box-shadow: 0 18px 50px rgba(10,31,28,.2); backdrop-filter: blur(15px); }.view[data-view="inicio"] .case-floating-card strong { margin-top: 15px; color: var(--xp-ink); font-size: 18px; letter-spacing: -.03em; }.view[data-view="inicio"] .case-floating-card small { margin-top: 5px; color: var(--xp-muted); font-size: 10px; }
.view[data-view="inicio"] .case-support { width: 126px; height: 126px; padding: 16px; position: absolute; right: 21px; bottom: 21px; display: grid; place-items: center; align-content: center; border-radius: 50%; color: #fff; background: var(--xp-coral); box-shadow: 0 18px 38px rgba(240,100,69,.34); text-align: center; }.view[data-view="inicio"] .case-support svg { width: 18px; }.view[data-view="inicio"] .case-support strong { margin-top: 5px; font-size: 28px; line-height: 1; }.view[data-view="inicio"] .case-support small { margin-top: 4px; font-size: 8px; line-height: 1.25; }
.view[data-view="inicio"] .case-copy { padding: clamp(42px,5vw,76px); display: flex; flex-direction: column; justify-content: center; }.view[data-view="inicio"] .case-copy h2 { max-width: 540px; color: var(--xp-ink); font-size: clamp(46px,4.7vw,68px); font-weight: 640; line-height: .96; letter-spacing: -.062em; }.view[data-view="inicio"] .case-lead { max-width: 540px; margin: 21px 0 29px; color: var(--xp-muted); font-size: 14px; line-height: 1.7; }
.view[data-view="inicio"] .case-steps { margin-bottom: 30px; }.view[data-view="inicio"] .case-steps > div { padding: 15px 0; display: grid; grid-template-columns: 37px 1fr; gap: 13px; border-bottom: 1px solid var(--xp-line); }.view[data-view="inicio"] .case-steps > div > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: var(--xp-muted); background: var(--xp-paper); font-size: 9px; font-weight: 780; }.view[data-view="inicio"] .case-steps .is-current > span { color: #fff; background: var(--xp-green); }.view[data-view="inicio"] .case-steps p, .view[data-view="inicio"] .case-steps strong, .view[data-view="inicio"] .case-steps small { display: block; margin: 0; }.view[data-view="inicio"] .case-steps strong { color: var(--xp-ink); font-size: 13px; }.view[data-view="inicio"] .case-steps small { margin-top: 3px; color: var(--xp-muted); font-size: 10px; }.view[data-view="inicio"] .case-copy .primary-button { align-self: flex-start; }

/* Process and map story */
.view[data-view="inicio"] .process-section { margin-bottom: 110px; }.view[data-view="inicio"] .process-board { align-items: stretch; }.view[data-view="inicio"] .process-card { position: relative; overflow: hidden; }.view[data-view="inicio"] .process-card::after { content: ""; width: 110px; height: 110px; position: absolute; right: -55px; bottom: -55px; border: 22px solid rgba(255,255,255,.04); border-radius: 50%; }.view[data-view="inicio"] .process-card.is-featured::after { border-color: rgba(16,42,39,.04); }
.view[data-view="inicio"] .home-map-showcase { max-width: calc(var(--home-width) - 36px); min-height: 600px; margin: 0 auto 125px; padding: 14px; display: grid; grid-template-columns: .72fr 1.28fr; gap: 14px; border-radius: 38px; background: #e3ebe4; }.view[data-view="inicio"] .home-map-copy { padding: clamp(42px,5vw,72px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }.view[data-view="inicio"] .home-map-copy h2 { max-width: 470px; color: var(--xp-ink); font-size: clamp(48px,5.1vw,72px); font-weight: 640; line-height: .93; letter-spacing: -.064em; }.view[data-view="inicio"] .home-map-copy h2 em { color: var(--xp-coral); font-family: "Newsreader",serif; font-weight: 520; }.view[data-view="inicio"] .home-map-copy > p:not(.eyebrow) { max-width: 440px; margin: 23px 0 28px; color: var(--xp-muted); font-size: 14px; line-height: 1.7; }
.view[data-view="inicio"] .home-map-art { min-height: 572px; position: relative; border-radius: 29px; background-color: #f9f8f2; background-image: linear-gradient(rgba(47,111,95,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(47,111,95,.055) 1px,transparent 1px); background-size: 28px 28px; overflow: hidden; }.view[data-view="inicio"] .home-map-art::before, .view[data-view="inicio"] .home-map-art::after { content: ""; position: absolute; border-radius: 45%; background: #dce9dd; transform: rotate(-18deg); }.view[data-view="inicio"] .home-map-art::before { width: 250px; height: 170px; left: -75px; top: 52px; }.view[data-view="inicio"] .home-map-art::after { width: 280px; height: 190px; right: -70px; bottom: 76px; background: #e5eee8; }
.view[data-view="inicio"] .map-art-road { position: absolute; z-index: 1; height: 9px; border: 2px solid #fff; border-radius: 999px; background: #d4dcd4; box-shadow: 0 0 0 1px rgba(16,42,39,.05); transform-origin: left center; }.view[data-view="inicio"] .road-a { width: 95%; left: -5%; top: 45%; transform: rotate(-11deg); }.view[data-view="inicio"] .road-b { width: 85%; left: 12%; top: 26%; transform: rotate(22deg); }.view[data-view="inicio"] .road-c { width: 90%; left: 5%; top: 71%; transform: rotate(9deg); }.view[data-view="inicio"] .road-d { width: 74%; left: 43%; top: 5%; transform: rotate(82deg); }
.view[data-view="inicio"] .map-art-zone { position: absolute; z-index: 2; color: #84958f; font-size: 9px; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }.view[data-view="inicio"] .zone-a { left: 16%; top: 21%; }.view[data-view="inicio"] .zone-b { right: 16%; top: 22%; }.view[data-view="inicio"] .zone-c { right: 20%; bottom: 23%; }
.view[data-view="inicio"] .map-art-pin { width: 55px; height: 61px; position: absolute; z-index: 3; display: grid; place-items: center; border: 5px solid #fff; border-radius: 18px 18px 18px 5px; color: #fff; background: var(--xp-ink); box-shadow: 0 14px 26px rgba(16,42,39,.2); }.view[data-view="inicio"] .map-art-pin svg { width: 18px; }.view[data-view="inicio"] .map-art-pin b { position: absolute; right: -9px; top: -9px; min-width: 25px; height: 25px; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #fff; background: var(--xp-coral); font-size: 8px; }.view[data-view="inicio"] .pin-a { left: 23%; top: 34%; }.view[data-view="inicio"] .pin-b { right: 28%; top: 30%; background: var(--xp-coral); }.view[data-view="inicio"] .pin-c { right: 37%; bottom: 18%; background: var(--xp-green); }
.view[data-view="inicio"] .map-art-card { min-width: 255px; padding: 18px; position: absolute; left: 22px; bottom: 22px; z-index: 4; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid rgba(255,255,255,.72); border-radius: 18px; background: rgba(255,255,255,.88); box-shadow: var(--xp-shadow-card); backdrop-filter: blur(12px); }.view[data-view="inicio"] .map-art-card span { color: var(--xp-green); font-size: 8px; font-weight: 780; letter-spacing: .1em; text-transform: uppercase; }.view[data-view="inicio"] .map-art-card span i { width: 6px; height: 6px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #62c589; }.view[data-view="inicio"] .map-art-card strong { margin-top: 11px; color: var(--xp-ink); font-size: 17px; }.view[data-view="inicio"] .map-art-card small { margin-top: 4px; color: var(--xp-muted); font-size: 9px; }

/* Reports and impact close */
.view[data-view="inicio"] .reports-section { padding-top: 0; padding-bottom: 108px; }.view[data-view="inicio"] .reports-section .section-heading { margin-bottom: 42px; }.view[data-view="inicio"] .report-grid { gap: 18px; }.view[data-view="inicio"] .report-card:first-child { grid-column: span 2; display: grid; grid-template-columns: 1.03fr .97fr; }.view[data-view="inicio"] .report-card:first-child .report-visual { height: auto; min-height: 390px; }.view[data-view="inicio"] .report-card:first-child .report-body { padding: 32px; align-self: center; }.view[data-view="inicio"] .report-card:first-child h3 { font-size: 31px; }.view[data-view="inicio"] .report-card:first-child p { font-size: 13px; }
.view[data-view="inicio"] .report-card:nth-child(4) { grid-column: span 2; }
.view[data-view="inicio"] .city-impact { min-height: 360px; margin-bottom: 110px; padding: 58px 64px; position: relative; grid-template-columns: 1.25fr repeat(3,.7fr); overflow: hidden; }.view[data-view="inicio"] .city-impact::after { content: ""; width: 350px; height: 350px; position: absolute; right: -175px; bottom: -230px; border: 74px solid rgba(255,255,255,.035); border-radius: 50%; }.view[data-view="inicio"] .city-impact > div:first-child small { max-width: 430px; margin-top: 12px; display: block; color: rgba(255,255,255,.48); font-size: 10px; line-height: 1.5; }.view[data-view="inicio"] .impact-action { min-height: 46px; padding: 0 17px; position: absolute; left: 64px; bottom: 42px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,.25); border-radius: 13px; color: #fff; background: rgba(255,255,255,.08); font-size: 11px; font-weight: 700; }.view[data-view="inicio"] .impact-action:hover { color: var(--xp-ink); background: #fff; }.view[data-view="inicio"] .impact-action svg { width: 15px; height: 15px; }

@media (max-width: 1180px) {
  .view[data-view="inicio"] .hero-grid { grid-template-columns: 1fr .88fr; }.view[data-view="inicio"] .hero-copy { padding: 54px 48px; }.view[data-view="inicio"] .hero-copy h1 { font-size: 75px; }.view[data-view="inicio"] .hero-meta-grid { grid-template-columns: 1fr; gap: 9px; }.view[data-view="inicio"] .hero-meta-grid > div { padding: 0; border: 0; }
  .view[data-view="inicio"] .home-command { margin-inline: 18px; }.view[data-view="inicio"] .home-command > p { display: none; }.view[data-view="inicio"] .home-command { grid-template-columns: repeat(3,1fr); }
  .view[data-view="inicio"] .home-case, .view[data-view="inicio"] .home-map-showcase { margin-inline: 18px; }.view[data-view="inicio"] .case-copy { padding: 42px; }
}

@media (max-width: 860px) {
  .view[data-view="inicio"] .hero-grid { display: block; }.view[data-view="inicio"] .hero-copy { min-height: 620px; }.view[data-view="inicio"] .city-feature { min-height: 610px; }
  .view[data-view="inicio"] .category-grid { height: auto; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,280px); }.view[data-view="inicio"] .category-road, .view[data-view="inicio"] .category-light, .view[data-view="inicio"] .category-clean, .view[data-view="inicio"] .category-water { grid-column: auto; grid-row: auto; }
  .view[data-view="inicio"] .home-case { grid-template-columns: 1fr; }.view[data-view="inicio"] .case-visual { min-height: 520px; }.view[data-view="inicio"] .case-copy { padding: 48px; }
  .view[data-view="inicio"] .home-map-showcase { grid-template-columns: 1fr; }.view[data-view="inicio"] .home-map-copy { padding: 48px; }.view[data-view="inicio"] .home-map-art { min-height: 500px; }
  .view[data-view="inicio"] .report-card:first-child { grid-column: 1/-1; }.view[data-view="inicio"] .city-impact { grid-template-columns: repeat(3,1fr); padding-bottom: 112px; }.view[data-view="inicio"] .city-impact > div:first-child { grid-column: 1/-1; }
}

@media (max-width: 640px) {
  .view[data-view="inicio"] .hero-grid { margin-top: 10px; }.view[data-view="inicio"] .hero-copy { min-height: auto; padding: 34px 21px 27px; }.view[data-view="inicio"] .hero-badge { margin-bottom: 34px; }.view[data-view="inicio"] .hero-copy .eyebrow { margin-top: 0; }.view[data-view="inicio"] .hero-copy h1 { font-size: clamp(49px,15vw,64px); }.view[data-view="inicio"] .hero-description { font-size: 15px; }.view[data-view="inicio"] .hero-actions { display: grid; }.view[data-view="inicio"] .hero-actions .primary-button, .view[data-view="inicio"] .hero-actions .secondary-button { width: 100%; }.view[data-view="inicio"] .hero-meta-grid { margin-top: 31px; grid-template-columns: repeat(3,1fr); gap: 0; }.view[data-view="inicio"] .hero-meta-grid > div { padding: 0 7px; display: block; border-right: 1px solid var(--xp-line); }.view[data-view="inicio"] .hero-meta-grid > div:first-child { padding-left: 0; }.view[data-view="inicio"] .hero-meta-grid > div:last-child { border: 0; }.view[data-view="inicio"] .hero-meta-grid span { font-size: 8px; }.view[data-view="inicio"] .hero-meta-grid strong { margin-top: 5px; font-size: 10px; }.view[data-view="inicio"] .hero-meta-grid small { display: none; }
  .view[data-view="inicio"] .city-feature { min-height: 525px; }.view[data-view="inicio"] .feature-coordinates { left: 14px; top: 14px; }.view[data-view="inicio"] .hero-signal-a { left: 12px; top: 53px; }.view[data-view="inicio"] .hero-signal-b { right: 12px; top: 111px; }.view[data-view="inicio"] .feature-content h2 { font-size: 23px; }
  .view[data-view="inicio"] .home-command { margin-inline: 10px; padding: 7px; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }.view[data-view="inicio"] .home-command > button { min-width: 235px; scroll-snap-align: start; }
  .view[data-view="inicio"] .categories-section { padding-top: 84px; padding-bottom: 76px; }.view[data-view="inicio"] .heading-note { display: none; }.view[data-view="inicio"] .category-grid { height: auto; display: flex; grid-template: none; }.view[data-view="inicio"] .category-card { min-width: min(84vw,320px); min-height: 390px; }.view[data-view="inicio"] .category-light, .view[data-view="inicio"] .category-clean { min-height: 280px; }.view[data-view="inicio"] .category-road strong { font-size: 31px; }.view[data-view="inicio"] .category-water strong { font-size: 25px; }
  .view[data-view="inicio"] .home-case { min-height: 0; margin: 0 10px 74px; padding: 8px; border-radius: 27px; }.view[data-view="inicio"] .case-visual { min-height: 430px; border-radius: 21px; }.view[data-view="inicio"] .case-floating-card { left: 12px; right: 12px; bottom: 12px; min-width: 0; }.view[data-view="inicio"] .case-support { width: 86px; height: 86px; right: 19px; bottom: 132px; }.view[data-view="inicio"] .case-support strong { font-size: 21px; }.view[data-view="inicio"] .case-support small { display: none; }.view[data-view="inicio"] .case-copy { padding: 42px 13px 26px; }.view[data-view="inicio"] .case-copy h2 { font-size: 43px; }.view[data-view="inicio"] .case-copy .primary-button { width: 100%; }
  .view[data-view="inicio"] .process-section { margin-bottom: 74px; }
  .view[data-view="inicio"] .home-map-showcase { min-height: 0; margin: 0 10px 84px; padding: 8px; border-radius: 27px; }.view[data-view="inicio"] .home-map-copy { padding: 40px 14px; }.view[data-view="inicio"] .home-map-copy h2 { font-size: 45px; }.view[data-view="inicio"] .home-map-copy .primary-button { width: 100%; }.view[data-view="inicio"] .home-map-art { min-height: 430px; border-radius: 21px; }.view[data-view="inicio"] .map-art-card { left: 12px; bottom: 12px; min-width: 230px; }
  .view[data-view="inicio"] .reports-section { padding-bottom: 76px; }.view[data-view="inicio"] .report-card:first-child { min-width: min(88vw,350px); display: block; }.view[data-view="inicio"] .report-card:first-child .report-visual { height: 235px; min-height: 0; }.view[data-view="inicio"] .report-card:first-child .report-body { padding: 19px 21px 22px; }.view[data-view="inicio"] .report-card:first-child h3 { font-size: 21px; }.view[data-view="inicio"] .report-card:first-child p { font-size: 12px; }
  .view[data-view="inicio"] .city-impact { margin-bottom: 80px; padding: 44px 20px 106px; }.view[data-view="inicio"] .impact-action { left: 20px; bottom: 35px; }
}

@media (prefers-reduced-motion: no-preference) {
  .view[data-view="inicio"].is-active .home-command, .view[data-view="inicio"].is-active .home-case, .view[data-view="inicio"].is-active .home-map-showcase { animation: home-reveal .7s cubic-bezier(.2,.72,.2,1) both; }
  @keyframes home-reveal { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
}