/* ==========================================================================
   Página /reforma-condominio/ — reforma em condomínios verticais e edifícios
   comerciais. Usa o site.css inteiro e, do inspecao.css, o FAQ, a folha e o
   layout de texto + folha. Aqui ficam só o enquadramento do hero e o mosaico
   dos galpões.
   ========================================================================== */

/* Hero: a fachada do Lodumor fica à direita, longe do texto. */
.hero-condominio .hero-midia img{object-position:64% 30%;transform-origin:64% 30%}
@media (max-width:760px){.hero-condominio .hero-midia img{object-position:70% 40%}}

/* ==========================================================================
   03 · Galpões e armazéns — mosaico de fotos
   Desktop: 12 colunas. Primeira faixa com a cobertura grande e as duas fotos
   verticais do armazém; segunda faixa com três fotos de mesma altura.
   ========================================================================== */
.mosaico{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:clamp(96px,10.4vw,150px);gap:clamp(10px,1.2vw,18px);
}
.mos{position:relative;overflow:hidden;background:var(--noite-2);margin:0}
.mos img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease-out)}
.mos:hover img{transform:scale(1.045)}
.mos::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(13,26,24,0) 40%,rgba(13,26,24,.55) 70%,rgba(13,26,24,.92) 100%);
}
.mos figcaption{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  padding:clamp(14px,1.5vw,22px);
}
.mos figcaption .obra-local{display:block;margin-bottom:6px}
.mos figcaption span:not(.obra-local){display:block;font-size:14px;line-height:1.5;color:rgba(250,248,242,.88);max-width:46ch}

.mos--a{grid-column:1 / span 6;grid-row:1 / span 4}
.mos--b{grid-column:7 / span 3;grid-row:1 / span 4}
.mos--c{grid-column:10 / span 3;grid-row:1 / span 4}
.mos--d{grid-column:1 / span 4;grid-row:5 / span 2}
.mos--e{grid-column:5 / span 4;grid-row:5 / span 2}
.mos--f{grid-column:9 / span 4;grid-row:5 / span 2}
.mos--b img,.mos--c img{object-position:50% 60%}

.galpoes-nota{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px 60px;
  margin-top:clamp(30px,3.4vw,46px);padding-top:clamp(24px,2.6vw,34px);border-top:1px solid var(--filete);
}
.galpoes-nota b{font-family:var(--serif);font-weight:500;font-size:clamp(21px,1.7vw,26px);line-height:1.25;color:var(--papel)}
.galpoes-nota p{font-size:15.5px;line-height:1.7;color:var(--texto-inv);max-width:62ch}

@media (max-width:1000px){
  .mos figcaption span:not(.obra-local){font-size:13px}
}
@media (max-width:760px){
  .mosaico{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  .mos--a,.mos--d,.mos--e,.mos--f{grid-column:1 / -1;grid-row:auto;aspect-ratio:4/3}
  .mos--b,.mos--c{grid-column:auto;grid-row:auto;aspect-ratio:9/15}
  .mos--b figcaption span:not(.obra-local),.mos--c figcaption span:not(.obra-local){font-size:12.5px}
  .galpoes-nota{grid-template-columns:1fr}
}