/* Listas editoriais no lugar de caixas numeradas. Carregado depois de mobile.css em todas as páginas. */

/* diferenciais: ficha em linhas (título | texto) */
.dif-grid{display:block !important; background:none !important; border:0 !important; border-bottom:1px solid rgba(128,128,128,.28) !important;}
.dif-card, .section-dark .dif-card{
  display:grid !important; grid-template-columns:minmax(200px,340px) minmax(0,1fr); gap:6px 48px; align-items:baseline;
  background:none !important; padding:24px 0 !important; border-top:1px solid rgba(128,128,128,.28);
}
.dif-card:hover, .section-dark .dif-card:hover{background:none !important;}
.dif-card h3{font-size:1.3rem; margin:0 !important; transition:color .2s;}
.dif-card:hover h3{color:var(--ember-light) !important;}
.dif-card p{margin:0; max-width:58ch; font-size:1rem;}

/* serviços da Linha Predial: mesma ficha */
.pd-services-grid{display:block !important; background:none !important; border:0 !important; border-bottom:1px solid #2c2c2c !important;}
.pd-service{
  display:grid; grid-template-columns:minmax(200px,340px) minmax(0,1fr); gap:6px 48px; align-items:baseline;
  background:none !important; padding:24px 0 !important; border-top:1px solid #2c2c2c;
}
.pd-service h3{margin:0 !important;}
.pd-service p{margin:0; max-width:58ch;}

/* atalhos da home: índice em linhas com seta */
.cat-grid{grid-template-columns:1fr !important; gap:0 !important; border-bottom:1px solid #3c332d;}
.cat-card{
  position:relative; background:none !important; border:0 !important; border-top:1px solid #3c332d !important;
  min-height:0 !important; padding:22px 0 !important; transform:none !important;
  display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; gap:24px;
}
.cat-card > div{display:flex; align-items:baseline; gap:8px 28px; flex-wrap:wrap;}
.cat-card h3{font-size:1.7rem !important; margin:0 !important; transition:color .2s;}
.cat-card span{margin:0 !important; font-size:.95rem !important;}
.cat-card .btn{
  background:none !important; border:0 !important; padding:0 !important; margin:0 !important; box-shadow:none !important;
  color:var(--ember-light) !important; font-size:.9rem !important; white-space:nowrap; align-self:center !important;
}
.cat-card .btn::after{content:" →"; display:inline-block; transition:transform .2s;}
.cat-card .btn::before{content:""; position:absolute; inset:0;}
.cat-card:hover h3{color:var(--ember-light) !important;}
.cat-card:hover .btn::after{transform:translateX(5px);}

/* passos: linha do tempo, sem números */
.step, .buy-step{position:relative; border-top:1px solid rgba(128,128,128,.35) !important; padding-top:22px !important; display:block !important;}
.step::before, .buy-step::before{content:""; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--ember);}
.step h3, .buy-step h3{margin:0 0 8px !important;}
.buy-steps{gap:32px !important;}

/* ficha técnica predial: sem coluna de número */
.pd-spec-item{display:block !important;}

@media (max-width: 760px){
  .dif-card, .pd-service{grid-template-columns:1fr !important; padding:18px 0 !important;}
  .dif-card h3{font-size:1.12rem;}
  .cat-card{padding:18px 0 !important; gap:14px;}
  .cat-card > div{flex-direction:column; gap:4px;}
  .cat-card h3{font-size:1.3rem !important;}
  .cat-card span{font-size:.85rem !important;}
  .cat-card .btn{font-size:0 !important;}
  .cat-card .btn::after{content:"→"; font-size:1.3rem;}
  .steps, .buy-steps{gap:26px !important;}
}