/* Las páginas de ciudad (/ar/buenos-aires y sus secciones, ciudad.html). Las tarjetas y las filas
   son las de la cartelera (klubb-web.css); acá va solo lo propio: el encabezado, la grilla de las
   secciones, la paginación y los links a las otras páginas de la ciudad. */
.ciudad-main{padding-bottom:60px}
.ciudad-top{padding-top:22px;padding-bottom:6px}
.ciudad-antetitulo{font-size:13px;font-weight:600;color:var(--accent-deep);margin-top:16px}
.ciudad-top h1{font-size:38px;line-height:1.2;font-weight:500;margin-top:8px;max-width:900px;text-wrap:balance}
.ciudad-antetitulo+h1{margin-top:6px}
.ciudad-bajada{font-size:15px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:760px;text-wrap:pretty}
.ciudad-top+.event-section{margin-top:22px}
/* Las filas de la página de la ciudad se mueven de costado; klubb-web.css les esconde la barra y el
   arrastre con el mouse lo pone klubb-web.js solo en la cartelera. Con mouse, una barra fina. */
@media(hover:hover) and (pointer:fine){.ciudad-main .event-row{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.ciudad-main .event-row::-webkit-scrollbar{display:block;height:8px}.ciudad-main .event-row::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}}
.ciudad-grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px 18px;padding-top:28px}
.ciudad-grilla .event-card{width:auto;flex:none;min-width:0}
.ciudad-aviso{padding-top:32px;color:var(--muted);font-size:15px}
.ciudad-paginas{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;font-size:14px;color:var(--muted);max-width:520px}
.ciudad-paginas a{color:var(--ink);font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.ciudad-explorar{margin-top:56px;padding-top:30px;border-top:1px solid var(--line);display:grid;gap:22px}
.ciudad-explorar h2{font-size:22px;line-height:1.3;font-weight:600}
.ciudad-explorar h3{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}
.ciudad-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.ciudad-chips a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:99px;font-size:13px;color:var(--ink);background:var(--paper)}
.ciudad-chips a:hover{border-color:var(--ink)}
.ciudad-chips a small{font-size:12px;color:var(--muted)}
.ciudad-chips a[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.ciudad-chips a[aria-current] small{color:inherit;opacity:.75}
@media(max-width:800px){.ciudad-top h1{font-size:31px}.ciudad-grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}}
@media(max-width:480px){.ciudad-top h1{font-size:27px}.ciudad-bajada{font-size:14px}.ciudad-grilla{gap:22px 12px}.ciudad-explorar{margin-top:44px}}