/* ===== JB ABOGADOS – ESTILO PROFESIONAL ===== */
body{
  font-family:'Inter','Segoe UI',Arial,sans-serif;
  background:#0b0f1a;
  color:#e5e7eb;
  line-height:1.7;
}

/* Header */
.site-header{
  background:#05070d;
  border-bottom:1px solid #1b2233;
}
.site-header .container{
  max-width:1200px;
  margin:auto;
  padding:12px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.site-header img{
  max-height:44px;
  width:auto;
}
.site-header nav a{
  color:#e5e7eb;
  margin-left:22px;
  font-weight:500;
  text-decoration:none;
}
.site-header nav a:hover{
  color:#9bb4ff;
}

/* Hero */
.hero{
  padding:90px 20px;
  text-align:center;
}
.hero h1{
  font-family:'Playfair Display',Georgia,serif;
  font-size:42px;
  letter-spacing:-0.5px;
  margin-bottom:12px;
}
.hero p{
  max-width:820px;
  margin:0 auto;
  font-size:18px;
  color:#c7d2ff;
}

/* Content */
.content{
  max-width:980px;
  margin:70px auto;
  padding:0 20px;
}
.card{
  background:#11162a;
  border-radius:14px;
  padding:34px;
  margin-bottom:28px;
}
.card h2{
  font-family:'Playfair Display',Georgia,serif;
  font-size:26px;
  margin-top:0;
}
.card p{
  font-size:16px;
}

/* CTA */
.cta{
  text-align:center;
  margin:90px 0;
}
.cta .btn{
  background:#1f3cff;
  color:#fff;
  padding:14px 30px;
  border-radius:8px;
  font-weight:600;
  text-decoration:none;
}
.cta .btn:hover{
  background:#3b5bff;
}

/* Footer */
.site-footer{
  background:#05070d;
  padding:28px;
  text-align:center;
  color:#9aa3b2;
  font-size:14px;
}