/* Seção "Sobre nós" - imagem à esquerda (~40%) e texto à direita (~60%) */
.about-us { padding-top:40px; padding-bottom:48px; font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}
.about-us-inner { display:flex; gap:32px; align-items:center; justify-content:space-between;}
#about-us {max-width: 1400px; margin: 0 auto;}

/* imagem ocupa ~40% da largura */
.about-us-media { flex: 0 0 40%; max-width:40%; justify-content: center; }
.about-us-media img { width:100%; max-height:420px; object-fit:cover; border-radius:10px; box-shadow:0 10px 30px rgba(15,15,15,0.06); display:block; }

/* texto ocupa o restante */
.about-us-text { flex:1; min-width:0; padding: 50px 50px;}
.about-us-text h2 { font-size:28px; margin:0 0 12px; }
.about-us-text p { color: var(--muted); margin:0 0 14px; line-height:1.6; }

/* botão no texto (reaproveita .btn já existente) */
.about-us-text .btn { margin-top:6px; }

/* Responsivo: empilha a imagem acima do texto em telas menores */
@media (max-width:992px) {
  .about-us-inner { flex-direction:column; gap:20px; }
  .about-us-media { flex-basis:100%; max-width:100%; width:100%; }
  .about-us-media img { max-height:320px; border-radius:8px; }
  .about-us-text { text-align:left; }
}