/* ==========================================================
   GEOCONDOMINIOS — WEB PÚBLICA FINAL
   Estilo: moderno / corporativo / hero premium
========================================================== */

:root{
  --geo-bg:#0b1f2a;
  --geo-bg2:#0f3d4c;
  --geo-primary:#1d4ed8;
  --geo-accent:#38bdf8;
  --geo-text:#0f172a;
  --geo-muted:#64748b;
  --geo-card:#ffffff;
  --geo-border:#e5e7eb;
  --geo-soft:#f1f5f9;
  --geo-gray:#f7fafc;
  --radius:18px;
}

/* RESET */
*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:"Manrope",system-ui;
  color:var(--geo-text);
  background:#fff;
  line-height:1.6;
}

img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}

.container{
  max-width:1150px;
  margin:0 auto;
  padding:0 18px;
}

/* ================= HEADER ================= */
.site-header{
  position:fixed;
  top:0;
  width:100%;
  z-index:1000;
  background:rgba(7,17,31,.2);
  backdrop-filter:blur(12px);
  transition:.25s;
}

.site-header.scrolled{
  background:#fff;
  border-bottom:1px solid var(--geo-border);
}

.header-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  min-height:80px;
}

.logo-img{height:54px;}

.main-nav{
  display:flex;
  justify-content:center;
  gap:22px;
  font-weight:700;
}

.main-nav a{color:#fff;}
.site-header.scrolled .main-nav a{color:var(--geo-text);}

.header-cta{display:flex;gap:10px;}

.nav-toggle{display:none;}

/* ================= HERO ================= */
.hero-home{
  min-height:100vh;
  padding:140px 0 100px;
  display:flex;
  align-items:center;
  background:
  linear-gradient(90deg, rgba(4,12,24,.88), rgba(7,21,38,.3)),
  url('/img/hero-condominios.webp') center/cover no-repeat;
  color:#fff;
}

.hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}

.hero-title-home{
  font-size:clamp(3rem,6vw,5.5rem);
  line-height:.95;
}

.hero-title-home span{color:#1da1ff;}

.hero-subtitle-home{
  margin-top:15px;
  color:rgba(255,255,255,.85);
}

.hero-actions{
  margin-top:20px;
  display:flex;
  gap:12px;
}

.btn{
  padding:12px 18px;
  border-radius:999px;
  font-weight:800;
}

.btn-primary{
  background:linear-gradient(90deg,var(--geo-bg),var(--geo-bg2));
  color:#fff;
}

.btn-secondary{
  background:#fff;
  color:#000;
}

/* FEATURES */
.hero-home-stack{
  display:grid;
  gap:14px;
}

.hero-home-feature{
  display:grid;
  grid-template-columns:60px 1fr;
  gap:12px;
  background:rgba(0,0,0,.5);
  padding:16px;
  border-radius:20px;
}

.hero-home-icon{
  background:#ffffff20;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  height:60px;
  width:60px;
}

/* ================= TRUST ================= */
.hero-trust-band{
  margin-top:-60px;
}

.hero-trust-box{
  background:#fff;
  border-radius:24px;
  padding:20px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.hero-trust-item{
  display:flex;
  gap:10px;
}

.hero-trust-icon{
  width:50px;
  height:50px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}

.hero-trust-icon.blue{background:#198df5;}
.hero-trust-icon.green{background:#31a95e;}

/* ================= SECTIONS ================= */
.section{padding:60px 0;}

.cards-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.card{
  background:#fff;
  border:1px solid var(--geo-border);
  padding:20px;
  border-radius:18px;
}

/* ================= FOOTER ================= */
.site-footer{
  background:linear-gradient(90deg,var(--geo-bg),var(--geo-bg2));
  color:#fff;
  padding:40px 0;
}

/* ================= MOBILE ================= */
@media(max-width:900px){

.hero-grid{
  grid-template-columns:1fr;
}

.main-nav{display:none;}

.nav-toggle{display:block;}

.hero-trust-box{
  grid-template-columns:1fr;
}

.cards-3{
  grid-template-columns:1fr;
}

}