/* Vleeko — páginas locales por ciudad (CDMX, Guadalajara, Puebla) */
.hero-visual.cutout{background:var(--lime)}
.hero-visual.cutout img{object-fit:contain;object-position:center bottom;padding:24px 10px 0}

.city-local{padding-top:70px}
.city-feature{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;margin-top:44px}
.city-feature figure{position:relative;margin:0;border-radius:24px;overflow:hidden;min-height:320px;background:#181818}
.city-feature figure img{width:100%;height:100%;object-fit:cover;display:block}
.city-feature .photo-credit{position:absolute;left:14px;bottom:14px;padding:6px 12px;background:#000000b3;border-radius:999px;font-size:.68rem;line-height:1}
.city-feature .photo-credit a{color:#fff;opacity:.85;text-decoration:none}
.city-feature .photo-credit a:hover{opacity:1;text-decoration:underline}

.city-coverage{display:grid;gap:14px;align-content:start}
.city-coverage-item{padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:#181818}
.city-coverage-item h3{margin:0 0 8px;font:700 1.15rem/1.1 "Funnel Display",sans-serif;letter-spacing:-.02em}
.city-coverage-item p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}
.city-coverage-item:first-child{background:var(--lime);border-color:transparent}
.city-coverage-item:first-child h3,.city-coverage-item:first-child p{color:#111}
.city-coverage-item:first-child p{opacity:.75}

@media(max-width:900px){
  .city-feature{grid-template-columns:1fr}
  .city-feature figure{min-height:260px}
}