:root{
  --brand:#1E3A8A;
  --accent:#00BFA5;
  --amber:#FFB300;
  --ink:#0F172A;
  --muted:#334155;
  --line:rgba(15,23,42,.10);
  --shadow:0 8px 24px rgba(2,12,27,.06);
}

body{
  color:var(--ink);
  background:#fff;
}

.contact-card, .map-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}

.contact-card{
  padding:22px;
}

.map-card{
  padding:10px;
  overflow:hidden;
  min-height:360px;
}

.map-card iframe{
  width:100%;
  height:100%;
  border:0;
  border-radius:14px;
}

.contact-item{
  display:flex;
  gap:14px;
}

.c-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:12px;
  background:rgba(255,179,0,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--amber);
}

.c-label{
  font-weight:800;
  color:var(--ink);
  margin-bottom:4px;
}

.c-value{
  color:var(--muted);
}

.c-tel{
  display:inline-block;
  font-weight:800;
  text-decoration:none;
  color:var(--ink);
}

.c-tel:hover{ text-decoration:underline; }

.c-muted{
  font-size:13px;
  color:#64748B;
  margin-top:4px;
}

.c-link{
  display:inline-block;
  margin-top:6px;
  font-size:13px;
  color:var(--brand);
  text-decoration:none;
}
.c-link:hover{ text-decoration:underline; }

.c-sep{
  margin:18px 0;
  border-top:1px solid var(--line);
}

.btn-whatsapp{
  background:var(--amber);
  color:var(--ink);
  border:1px solid rgba(0,0,0,.06);
  border-radius:12px;
  padding:10px 14px;
  font-weight:900;
}

.btn-whatsapp:hover{
  filter:brightness(.97);
  color:var(--ink);
}

.c-note{
  font-size:13px;
  color:#475569;
  background:#F8FAFC;
  border:1px dashed rgba(15,23,42,.18);
  padding:12px 14px;
  border-radius:14px;
}

@media (max-width: 991px){
  .map-card{ min-height:300px; }
}