/* CONTACTO PAGE */
.contacto-hero{
  background:linear-gradient(135deg,var(--pr) 0%,#c94400 100%);
  padding:48px 0 36px;margin-top:68px;text-align:center;
}
.contacto-hero h1{font-size:clamp(24px,4vw,36px);font-weight:800;color:#fff;margin-bottom:6px}
.contacto-hero p{font-size:14px;color:rgba(255,255,255,.75)}

.suc-section{padding:72px 0 80px}
.suc-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-top:48px;
}
.suc-card{
  border-radius:16px;overflow:hidden;
  border:1.5px solid #f0ede8;background:#fff;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
  transition:var(--trans);
  display:flex;flex-direction:column;
}
.suc-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 48px rgba(0,0,0,.11);
  border-color:rgba(233,88,15,.25);
}
.suc-img{
  aspect-ratio:16/9;overflow:hidden;background:#f7f4f1;position:relative;
}
.suc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.suc-card:hover .suc-img img{transform:scale(1.04)}
.suc-badge{
  position:absolute;top:12px;left:12px;
  background:var(--pr);color:#fff;
  font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;
  letter-spacing:.5px;
}
.suc-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.suc-nombre{font-size:18px;font-weight:800;color:var(--dk);margin-bottom:2px}
.suc-zona{font-size:13px;color:var(--pr);font-weight:600;margin-bottom:16px}

.suc-info{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;flex:1}
.suc-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--md);line-height:1.5}
.suc-row svg{width:16px;height:16px;stroke:var(--pr);flex-shrink:0;margin-top:1px}

.suc-actions{display:flex;gap:10px;margin-top:auto}
.btn-maps{
  flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 14px;border-radius:10px;
  background:#1d4ed8;color:#fff;
  font-size:13px;font-weight:600;text-decoration:none;
  transition:var(--trans);
}
.btn-maps:hover{background:#1e40af;transform:translateY(-1px);box-shadow:0 6px 18px rgba(29,78,216,.3)}
.btn-maps svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}
.btn-whatsapp{
  flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 14px;border-radius:10px;
  background:#25D366;color:#fff;
  font-size:13px;font-weight:600;text-decoration:none;
  transition:var(--trans);
}
.btn-whatsapp:hover{background:#1da851;transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,211,102,.35)}
.btn-whatsapp img{width:18px;height:18px;object-fit:contain;flex-shrink:0}

@media(max-width:860px){
  .suc-grid{grid-template-columns:1fr}
}