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

:root{
  --navy:#0B1D33;
  --blue:#159BD3;
  --blue-dark:#0E7BAA;
  --bg:#F6F5F2;
  --border:#E5E3DE;
  --border-2:#F0EEE9;
  --text-muted:#5C6672;
  --text-faint:#9AA3AD;
  --green:#25D366;
}

body{
  font-family:'Public Sans',system-ui,sans-serif;
  color:var(--navy);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}

a{ color:var(--blue); text-decoration:none; }
a:hover{ color:var(--blue-dark); }
h1,h2,h3,h4{ font-family:'Archivo',sans-serif; letter-spacing:-0.02em; }
input,select,textarea,button{ font-family:inherit; }
::placeholder{ color:var(--text-faint); }

button{ transition:filter .15s ease; }
button:hover{ filter:brightness(0.96); }

@keyframes agpulse{
  0%{ box-shadow:0 0 0 0 rgba(37,211,102,.5); }
  70%{ box-shadow:0 0 0 14px rgba(37,211,102,0); }
  100%{ box-shadow:0 0 0 0 rgba(37,211,102,0); }
}
@keyframes agfade{
  from{ opacity:0; transform:translateY(8px); }
  to{ opacity:1; transform:none; }
}

.placeholder-img{
  background:repeating-linear-gradient(135deg,#E9E7E2,#E9E7E2 14px,#F1EFEA 14px,#F1EFEA 28px);
  display:flex; align-items:center; justify-content:center;
}
.placeholder-tag{
  font-family:ui-monospace,monospace; font-size:13px; color:#8A8F97;
  background:#fff; padding:8px 14px; border-radius:6px; border:1px solid var(--border);
}

@media (max-width: 880px){
  header nav{ display:none !important; }
  .hero-grid{ grid-template-columns:1fr !important; }
  .home-cards, .services-grid, .products-grid, .cotiza-grid, .shops-grid, .metrics-grid{
    grid-template-columns:1fr !important;
  }
  .lead-row, .lead-head{ font-size:12px !important; }
}