/* ═══ CIDADE PAGE ═══ */
.section-dark { background:var(--bg-card); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.section-inner { max-width:var(--max-w); margin:0 auto; }

/* INTRO */
.intro-block { max-width:860px; margin:0 auto; text-align:center; }
.intro-block p { color:var(--text-dim); font-size:1.05rem; line-height:1.85; }

/* CONTENT GRID + CARDS */
.content-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:1.25rem; }
.content-card { background:var(--bg-elevated); border:1px solid var(--border); border-radius:var(--radius-lg); padding:2.2rem 2rem; transition:all 0.35s var(--ease); }
.content-card:hover { border-color:var(--border-accent); transform:translateY(-2px); box-shadow:var(--shadow-card); }
.content-card h3 { font-family:var(--font-display); font-size:1.25rem; margin-bottom:0.6rem; line-height:1.2; }
.content-card h4 { font-family:var(--font-display); font-size:1.1rem; color:var(--accent); margin-bottom:0.4rem; }
.content-card p { color:var(--text-dim); font-size:0.88rem; line-height:1.75; }
.content-sub { margin-top:1.2rem; padding-top:1.2rem; border-top:1px solid var(--border); }
.content-sub h4 { font-family:var(--font-display); font-size:1.05rem; color:var(--accent); margin-bottom:0.4rem; }
.content-sub h4::before { content:'→ '; color:var(--accent-dim); }
.content-sub p { color:var(--text-dim); font-size:0.82rem; line-height:1.7; }

/* BANCAS */
.bancas-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.25rem; }
.banca-card { background:var(--bg-elevated); border:1px solid var(--border); border-radius:var(--radius-lg); padding:2rem; transition:all 0.35s var(--ease); }
.banca-card:hover { border-color:var(--border-accent); transform:translateY(-2px); box-shadow:var(--shadow-card); }
.banca-card h3 { font-family:var(--font-display); font-size:1.3rem; margin-bottom:0.5rem; }
.banca-card p { color:var(--text-dim); font-size:0.85rem; line-height:1.75; }

/* GUIA TIMELINE */
.guia-timeline { display:grid; grid-template-columns:repeat(2,1fr); gap:1.25rem; }
.guia-step { display:flex; gap:1.5rem; background:var(--bg-elevated); border:1px solid var(--border); border-radius:var(--radius-lg); padding:2rem; transition:all 0.35s var(--ease); }
.guia-step:hover { border-color:var(--border-accent); transform:translateY(-2px); }
.guia-step-num { font-family:var(--font-mono); font-size:2.2rem; font-weight:500; color:rgba(205,163,73,0.12); line-height:1; flex-shrink:0; }
.guia-step-content h3 { font-family:var(--font-display); font-size:1.2rem; margin-bottom:0.4rem; }
.guia-step-content p { color:var(--text-dim); font-size:0.85rem; line-height:1.75; }

/* RELATED */
.related-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(180px,1fr)); gap:0.8rem; }
.related-card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-sm); padding:1.2rem 1rem; text-align:center; transition:all 0.25s var(--ease); cursor:pointer; display:block; }
.related-card:hover { border-color:var(--border-accent); transform:translateY(-2px); }
.related-card h4 { font-family:var(--font-display); font-size:1rem; margin-bottom:0.15rem; }
.related-card span { font-size:0.68rem; color:var(--accent); font-family:var(--font-mono); letter-spacing:0.06em; text-transform:uppercase; }

@media (max-width:1024px) { .bancas-grid, .guia-timeline { grid-template-columns:1fr; } }
@media (max-width:768px) { .content-grid { grid-template-columns:1fr; } .related-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:480px) { .related-grid { grid-template-columns:1fr; } }