/* Escopo local */
.sobre-main, .sobre-main * { box-sizing: border-box; }

/* Container largo para o Sobre (rompe o antigo gargalo de 700px) */
.glass .container{
  max-width:none; width:min(1400px, 94vw); margin-inline:auto; padding:0;
}

/* Seção */
.topico-section{
  padding-block: clamp(32px, 6vw, 80px);
  border-bottom: 1px solid #eee;
}

/* Linha: imagem + texto (mobile-first) */
.topico-section-content{
  display:flex; flex-direction:column; gap:clamp(16px, 4vw, 28px);
  align-items:stretch; min-width:0;
}

/* Colunas */
.topico-section-content-imagem{ order:0; }
.topico-section-content-texto{ order:1; display:flex; flex-direction:column; gap:.8rem; }

/* Imagem 100% da coluna, sem estourar */
.topico-section-content-imagem img{
  display:block; width:100%; height:auto; max-width:100%;
  border-radius:14px; box-shadow:0 12px 30px rgba(0,0,0,.08);
}

/* Texto */
.topico-section-content-texto-titulo{
  font-size: clamp(1.6rem, 2.2vw + 1rem, 2.4rem);
  font-weight:800; line-height:1.2; color:#171717; margin:0;
}
.topico-section-content-texto-descricao{
  font-size: clamp(1.02rem, .7vw + .9rem, 1.22rem);
  line-height:1.75; color:#3a3a3a; margin:0; max-width:70ch;
}

/* ===== Breakpoint ≥ 960px: vira duas colunas lado a lado ===== */
@media (min-width: 960px){
  .topico-section-content{
    flex-direction:row; align-items:center;
    gap: clamp(20px, 4vw, 60px);
  }
  .topico-section-content-imagem{
    flex: 1 1 48%; min-width: 320px; max-width: 720px;
  }
  .topico-section-content-texto{
    flex: 1 1 52%; min-width: 320px;
  }
  /* Variante: inverter ordem (imagem à direita) */
  .topico-section.topico-section--reverse .topico-section-content{ flex-direction:row-reverse; }
}

/* ===== Alternância visual opcional (fundo diferente nas seções pares) ===== */
.topico-section:nth-of-type(even){ background:#fafafa; }