/* ═══ ESTADO 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; }

/* SUBSECTIONS */
.subsection-title { font-family:var(--font-display); font-size:1.4rem; margin-bottom:0.4rem; }
.subsection-desc { color:var(--text-dim); font-size:0.92rem; margin-bottom:1.5rem; line-height:1.7; }

/* CIDADES */
.cidades-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); gap:0.8rem; }
.cidade-card { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius-md); padding:1.5rem 1.3rem; transition:all 0.3s var(--ease); cursor:pointer; display:block; position:relative; overflow:hidden; }
.cidade-card::after { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, var(--accent), var(--accent2)); transform:scaleX(0); transform-origin:left; transition:transform 0.4s var(--ease); }
.cidade-card:hover::after { transform:scaleX(1); }
.cidade-card:hover { border-color:var(--border-accent); transform:translateY(-3px); box-shadow:var(--shadow-hover); }
.cidade-card h3 { font-family:var(--font-display); font-size:1.15rem; margin-bottom:0.25rem; }
.cidade-card p { font-size:0.75rem; color:var(--text-dim); }
.cidade-arrow { position:absolute; bottom:1rem; right:1rem; color:var(--accent); opacity:0; transform:translateX(-6px); transition:all 0.25s var(--ease); }
.cidade-card:hover .cidade-arrow { opacity:1; transform:translateX(0); }

/* 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; }

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