/* Estilos propios de las paginas por comuna. Van aparte de sitio.css
   (que es copia del bloque de levantamientos.html) para no mezclarlos. */
.zona-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:26px;}
.zona-card{border:1px solid var(--line);background:var(--ink-2);border-radius:3px;overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .2s,transform .2s;}
.zona-card:hover{border-color:var(--orange);transform:translateY(-2px);}
.zona-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--ink-3);}
.zona-card-cuerpo{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.zona-card h3{font-size:1.18rem;}
.zona-card p{color:var(--sky);font-size:.94rem;}
.zona-card .code{margin-top:auto;}
.zona-lista{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;list-style:none;}
.zona-lista li,.zona-lista a{font-family:var(--fm);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--sky);border:1px solid var(--line-2);border-radius:2px;padding:7px 12px;display:inline-block;}
.zona-lista a:hover{color:#fff;border-color:var(--orange);}
.zona-entrega{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:26px;}
.zona-entrega h4{font-size:1rem;margin-bottom:6px;}
.zona-entrega p{color:var(--sky);font-size:.94rem;}
/* La banda clara usa tinta oscura: el azul del fondo oscuro no se lee ahi. */
.band--paper .zona-entrega p{color:var(--paper-dim);}
.band--paper .zona-entrega h4{color:var(--paper-ink);}
.zona-hero-foto{margin-top:26px;border:1px solid var(--line);border-radius:3px;overflow:hidden;}
.zona-hero-foto img{width:100%;aspect-ratio:21/9;object-fit:cover;}
.miga{font-family:var(--fm);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sky-dim);}
.miga a:hover{color:var(--orange-lt);}
.zona-indice{columns:3 220px;column-gap:28px;margin-top:22px;}
.zona-indice section{break-inside:avoid;margin-bottom:22px;}
.zona-indice h3{font-family:var(--fm);font-size:.7rem;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--orange);margin-bottom:8px;}
.zona-indice ul{list-style:none;}
.zona-indice li{margin:3px 0;}
.zona-indice a{color:var(--sky);font-size:.95rem;}
.zona-indice a:hover{color:var(--orange-lt);}