/* R3K Consorcios — Lote 04
   Serviços, Equipamentos Médicos e Condomínios: densidade editorial e leitura. */

/* As três seções deixam de centralizar a imagem no bloco textual longo. */
#servicos .section-shell,
#equipamentos-medicos .section-shell,
#condominios .section-shell {
  padding-top: clamp(70px, 5.4vw, 88px);
  padding-bottom: clamp(70px, 5.4vw, 88px);
}

#servicos .section-layout,
#equipamentos-medicos .section-layout,
#condominios .section-layout {
  grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);
  gap: clamp(34px, 4.2vw, 64px);
  align-items: start;
}

#servicos .visual,
#equipamentos-medicos .visual,
#condominios .visual {
  align-self: start;
  width: 100%;
  min-height: 0;
  aspect-ratio: 16 / 10;
}

#servicos .visual img,
#equipamentos-medicos .visual img,
#condominios .visual img { object-position: center; }

/* Serviços e Condomínios: listas passam a ocupar a largura com cartões leves. */
#servicos .prose,
#condominios .prose {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 14px;
  row-gap: 0;
  max-width: none;
}

#servicos .prose > p,
#condominios .prose > p { margin: 0; break-inside: avoid; }

#servicos .prose > p:nth-of-type(1),
#servicos .prose > p:nth-of-type(2),
#servicos .prose > p:nth-of-type(3),
#servicos .prose > p:nth-of-type(6),
#servicos .prose > p:nth-of-type(12),
#servicos .prose > p:nth-of-type(13),
#servicos .prose > p:nth-of-type(14),
#condominios .prose > p:nth-of-type(1),
#condominios .prose > p:nth-of-type(2),
#condominios .prose > p:nth-of-type(3),
#condominios .prose > p:nth-of-type(4),
#condominios .prose > p:nth-of-type(13),
#condominios .prose > p:nth-of-type(14),
#condominios .prose > p:nth-of-type(15),
#condominios .prose > p:nth-of-type(16) { grid-column: 1 / -1; }

#servicos .prose > p:nth-of-type(1),
#condominios .prose > p:nth-of-type(1) { margin-bottom: 12px; }

#servicos .prose > p:nth-of-type(2),
#condominios .prose > p:nth-of-type(2),
#condominios .prose > p:nth-of-type(3) { margin-bottom: 12px; }

#servicos .prose > p:nth-of-type(3),
#condominios .prose > p:nth-of-type(4) {
  margin: 8px 0 14px;
  color: var(--blue);
  font-weight: 700;
}

#servicos .prose > p:nth-of-type(4),
#servicos .prose > p:nth-of-type(5),
#servicos .prose > p:nth-of-type(7),
#servicos .prose > p:nth-of-type(8),
#servicos .prose > p:nth-of-type(9),
#servicos .prose > p:nth-of-type(10),
#servicos .prose > p:nth-of-type(11),
#condominios .prose > p:nth-of-type(n+5):nth-of-type(-n+12) {
  min-height: 64px;
  display: flex;
  align-items: center;
  padding: 13px 16px;
  border-top: 2px solid var(--gold);
  background: rgba(255,255,255,.56);
  font-size: .92rem;
  line-height: 1.32;
}

#servicos .prose > p:nth-of-type(6) {
  margin: 14px 0 16px;
  padding-left: 16px;
  border-left: 2px solid rgba(196,163,101,.72);
  font-size: .94rem;
  line-height: 1.52;
}

#servicos .prose > p:nth-of-type(12),
#condominios .prose > p:nth-of-type(13) { margin-top: 18px; }

#servicos .prose > p:nth-of-type(13),
#condominios .prose > p:nth-of-type(14) { margin-top: 14px; }

#servicos .cta-wrap,
#condominios .cta-wrap { margin-top: 22px !important; }

/* Equipamentos: título controlado, parágrafos mais próximos e imagem presente desde o início. */
#equipamentos-medicos .section-head { max-width: 1120px; margin-bottom: 24px; }

#equipamentos-medicos h2 {
  font-size: clamp(2.45rem, 3.65vw, 4.05rem);
  line-height: 1.03;
  text-wrap: balance;
}

#equipamentos-medicos .prose { max-width: none; }
#equipamentos-medicos .prose p { margin-bottom: 12px; }

#equipamentos-medicos .prose > p:nth-of-type(1),
#equipamentos-medicos .prose > p:nth-of-type(4),
#equipamentos-medicos .prose > p:nth-of-type(7),
#equipamentos-medicos .prose > p:nth-of-type(9),
#equipamentos-medicos .prose > p:nth-of-type(10) { color: var(--blue); }

#equipamentos-medicos .prose > p:nth-of-type(8) { margin-bottom: 7px; }
#equipamentos-medicos .cta-wrap { margin-top: 22px !important; }

@media (max-width: 900px) {
  #servicos .section-layout,
  #equipamentos-medicos .section-layout,
  #condominios .section-layout { display: flex; flex-direction: column; }

  #servicos .visual,
  #equipamentos-medicos .visual,
  #condominios .visual { order: -1; aspect-ratio: 4 / 3; }
}

@media (max-width: 620px) {
  #servicos .prose,
  #condominios .prose { grid-template-columns: 1fr; }

  #servicos .prose > p:nth-of-type(n),
  #condominios .prose > p:nth-of-type(n) { grid-column: 1 / -1; }

  #servicos .prose > p:nth-of-type(n+4):nth-of-type(-n+11),
  #condominios .prose > p:nth-of-type(n+5):nth-of-type(-n+12) {
    min-height: 0;
    padding: 12px 0;
    background: transparent;
  }
}