/* =========================================
   Módulo: Outros Lançamentos
   =========================================

   ✏️  CONFIGURAÇÕES DO PROJETO — EDITE AQUI
   -----------------------------------------
   Troque apenas os valores abaixo.
   Não precisa mexer em mais nada no arquivo.
   ========================================= */

:root {
  --lanc-cor-tag:        #7a7a7a;     /* Cinza prateado — tag "Imóveis Cardoso"         */
  --lanc-cor-titulo:     #111111;     /* Preto escuro — título principal da seção       */
  --lanc-cor-badge:      #6b6b6b;     /* Cinza prateado — badge "Barueri" / "Alphaville"*/
  --lanc-cor-fundo:      #ffffff; /* Fundo branco */
  --lanc-padding-top:    3rem;        /* Espaço acima da seção                          */
  --lanc-padding-bottom: 3rem;        /* Espaço abaixo da seção                         */
}

/* =========================================
   FIM DAS CONFIGURAÇÕES — não edite abaixo
   ========================================= */

.lanc{padding:var(--lanc-padding-top) 0 var(--lanc-padding-bottom);background:var(--lanc-cor-fundo)}

/* Container: limita largura e respeita o padrão do site */
.lanc > .container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}

/* Cabeçalho */
.lanc .sec-hdr{text-align:center;margin-bottom:2rem}
.lanc .sec-tag{display:inline-block;font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:var(--lanc-cor-tag);margin-bottom:.4rem}
.lanc .sec-title{font-size:40px;line-height:1.15;margin:0 0 .35rem 0;font-weight:700;color:var(--lanc-cor-titulo)}
.lanc .sec-sub{margin:0 auto;max-width:62ch;font-size:18px;opacity:.85}

/* GRID: 6 no desktop, 2 no mobile */
.lanc__grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:18px;
}

/* Card reset (evita azul/sublinhado do tema) */
.lanc__card{
  display:block;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  text-decoration:none !important;
  color:inherit !important;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}
.lanc__card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(0,0,0,.10);
}

/* Imagem: trava altura e impede "gigante" */
.lanc__card-img-box{
  position:relative;
  width:100%;
  height:150px;
  overflow:hidden;
  background:#f2f2f2;
}
.lanc__card-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  display:block;
}

/* Badge */
.lanc__card-badge{
  position:absolute;
  top:14px;
  left:14px;
  background:var(--lanc-cor-badge);
  color:#fff;
  padding:4px 9px;
  border-radius:6px;
  font-size:18px;
  line-height:1;
}

/* Corpo */
.lanc__card-body{padding:14px 14px 16px}
.lanc__card-body h3{
  margin:0 0 6px 0;
  font-size:16px;
  line-height:1.2;
  font-weight:700;
  text-decoration:none !important;
}
.lanc__card-body p{
  margin:0;
  font-size:13px;
  line-height:1.35;
  opacity:.78;
  text-decoration:none !important;
}

/* Breakpoints */
@media (max-width:1200px){
  .lanc__grid{grid-template-columns:repeat(3, minmax(0,1fr))}
}
@media (max-width:768px){
  .lanc{padding:2.5rem 0}
  .lanc .sec-title{font-size:26px}
  .lanc__grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .lanc__card-img-box{height:135px}
}
@media (max-width:768px){
  .lanc__card-body h3{font-size:14px}
}

/* Botão CTA — Ver Todos os Lançamentos */
.lanc__cta {
  text-align: center;
  margin-top: 2.5rem;
}
.lanc__cta-btn {
  display: inline-block;
  padding: 14px 40px;
  background: transparent;
  color: #111;
  border: 2px solid #6b6b6b;
  border-radius: 6px;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.lanc__cta-btn:hover {
  background: #6b6b6b;
  color: #fff;
  border-color: #6b6b6b;
}