/* Distrito Sur — bloques de color sobre fondo claro, con verde profundo y latón */

/* Portada partida: panel verde + foto */
.dsh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:var(--navy);padding:0}
.dsh-text{padding:96px 56px 88px max(20px,calc((100vw - 1180px)/2 + 20px));display:flex;flex-direction:column;justify-content:center}
.dsh h1{color:#fff;font-size:clamp(3rem,7.4vw,5.6rem);line-height:.98;letter-spacing:-.028em;margin:0}
.dsh .lede{color:#e4ece6;font-size:clamp(1.05rem,2vw,1.28rem);max-width:30ch;margin:22px 0 0}
.dsh-rule{display:block;width:64px;height:3px;background:var(--brass-lt);margin:28px 0 22px}
.dsh .promesa{font:500 clamp(1.35rem,2.8vw,1.9rem)/1.2 'Newsreader',Georgia,serif;color:var(--brass-lt);max-width:22ch;margin:0}
.dsh .btn{background:var(--brass-lt);color:#13261F}
.dsh .btn:hover{background:#e5cc95}
.dsh .btn.alt{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.dsh .btn.alt:hover{border-color:var(--brass-lt);color:var(--brass-lt)}
.dsh-img{position:relative;min-height:560px}
.dsh-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;margin:0;max-height:none;aspect-ratio:auto}
@media(max-width:860px){
  .dsh{grid-template-columns:1fr}
  .dsh-img{min-height:280px;order:-1}
  .dsh-text{padding:48px 20px 56px}
}

/* Cuatro cifras en cuatro bloques de color */
.ds-tiles{display:grid;grid-template-columns:repeat(4,1fr);padding:0}
.ds-tiles>div{padding:34px 28px 36px}
.ds-tiles b{display:block;font:500 clamp(2rem,4.6vw,3.2rem)/1 'Newsreader',Georgia,serif;letter-spacing:-.02em}
.ds-tiles span{display:block;margin-top:10px;font-size:.9rem;line-height:1.4;max-width:22ch}
.ds-tiles .t1{background:var(--sand-2);color:#2a2410}
.ds-tiles .t2{background:var(--brass-lt);color:#13261F}
.ds-tiles .t3{background:var(--mint);color:var(--navy)}
.ds-tiles .t4{background:var(--sand);color:#2a2410}
@media(max-width:760px){.ds-tiles{grid-template-columns:1fr 1fr}.ds-tiles>div{padding:26px 20px}}

/* Plan: texto a la izquierda, cuatro zonas como bloques */
.ds-plan{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.ds-zonas{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}
.ds-zonas li{border-radius:18px;padding:26px 24px 28px;min-height:176px}
.ds-zonas li:nth-child(1){background:var(--mint)}
.ds-zonas li:nth-child(2){background:var(--sand)}
.ds-zonas li:nth-child(3){background:var(--sand)}
.ds-zonas li:nth-child(4){background:var(--mint)}
.ds-zonas h3{font-size:1.3rem;margin:0 0 8px;color:var(--navy)}
.ds-zonas p{margin:0;font-size:.95rem;color:#3f5a4f}
@media(max-width:960px){.ds-plan{grid-template-columns:1fr;gap:32px}}
@media(max-width:520px){.ds-zonas{grid-template-columns:1fr}.ds-zonas li{min-height:0}}

/* Declaración a todo ancho */
.ds-claim h2{font-size:clamp(2.2rem,6vw,4.1rem);letter-spacing:-.025em;line-height:1.04;max-width:20ch;margin:0}
.ds-claim p{margin:24px 0 0;max-width:52ch}

/* Bloques con imagen */
.ds-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ds-split.flip>div{order:2}
.ds-split figure{margin:0}
.ds-split img{width:100%;height:auto;display:block;border-radius:18px}
.ds-split figcaption{margin-top:12px;font-size:.85rem;color:var(--mute)}
@media(max-width:860px){.ds-split{grid-template-columns:1fr;gap:28px}.ds-split.flip>div{order:0}}

.ds-list{list-style:none;margin:22px 0 0;padding:0}
.ds-list li{padding:11px 0 11px 24px;border-bottom:1px solid rgba(25,60,50,.14);position:relative;font-size:.98rem}
.ds-list li::before{content:"";position:absolute;left:0;top:20px;width:10px;height:2px;background:var(--brass)}
.ds-nota{display:inline-block;margin-top:22px;padding:8px 16px;background:var(--brass-lt);color:#13261F;font-weight:700;font-size:.9rem;border-radius:99px}

.ds-portrait{max-height:520px;object-fit:cover}