.hero-contactos{
  position:relative; min-height:60vh; display:grid; place-items:center;
  background-image:
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url('assets/escrt.jpg'); /* troca a imagem se preferires */
  background-size:cover; background-position: 0% 30%; background-repeat:no-repeat;
  text-align:center; overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hero-contactos::after{
  content:"Sm";
  position:absolute; inset:auto 0 5% 0; margin:auto; width:100%; text-align:center;
  font-family:'Montserrat',sans-serif; font-weight:700; font-size:26vw; line-height:1;
  color:rgba(255,255,255,.05); z-index:0;
}
.hero-inner{ position:relative; z-index:1; padding:4rem 1.25rem; }
.hero-title{
  font-family:'Montserrat',sans-serif; text-transform:uppercase; letter-spacing:.5px;
  color:#fff; font-size:clamp(2rem,4vw,3.2rem); margin-bottom:.35rem;
}
.hero-sub{ color:var(--brand-yellow); font-size:clamp(1rem,2vw,1.25rem); }

/* Divider subtil (igual ao site) */
.divider-soft{
  height:2px; border:0; margin:2.2rem 0 1.2rem;
  background:linear-gradient(to right, transparent, var(--brand-yellow), transparent);
  opacity:.6;
}

/* Cartões elevados */
.card-elev{
  border:0; border-radius:16px;
  box-shadow:0 8px 28px rgba(0,0,0,.08); background:#fff;
}
.card-elev .card-body{ padding:1.5rem; }

.contact-icon{
  width:2.4rem; height:2.4rem; display:inline-grid; place-items:center;
  border-radius:50%;
  background:#eaf6ea; color:var(--brand-green, #1b7b63);
}

/* Mapa */
.map-wrap{ border-radius:12px; overflow:hidden; box-shadow:0 6px 22px rgba(0,0,0,.06); }
.map-embed{ border:0; width:100%; height:420px; display:block; }
@media (max-width: 576px){
  .map-embed{ height:300px; }
}

/* ===========================
   AJUSTE MOBILE — HERO CONTACTOS
   =========================== */
@media (max-width: 768px){
  .hero-contactos{
    min-height: 52vh; /* um pouco mais baixo no mobile */
    background-image:
      linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
      url('assets/escrt.jpg'); /* usa versão vertical se tiveres */
    background-size: auto 100%;  /* encaixa pela altura → evita zoom */
    background-position: center 75%; /* mostra mais da parte superior */
    background-color:#0b0b0c;   /* fundo de segurança */
  }

  .hero-contactos::after{
    font-size: 40vw;
    inset: auto 0 8% 0;
  }

  /* Ajusta espaçamento interno para equilíbrio */
  .hero-inner{
    padding: 3rem 1rem;
  }
}