/* Los Francos, Inc. one-pager */
* { box-sizing: border-box; }
html, body { height:100%; }
body {
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:#0f172a; /* slate-900 */
  background:#f8fafc; /* slate-50 */
}

.container { width:100%; max-width: 960px; margin: 0 auto; padding: 0 20px; }

.site-header {
  background:#0b1220; /* deep navy */
  color:#e2e8f0;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.site-header .container { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; gap:16px; }
.brand { display:flex; align-items:center; gap:12px; }
.brand-mark {
  width:40px; height:40px; border-radius:10px;
  background:linear-gradient(135deg,#22d3ee,#6366f1);
  color:#0b1220; display:flex; align-items:center; justify-content:center; font-weight:800;
}
.brand-text h1 { font-size:20px; margin:0; color:#fff; }
.tagline { margin:2px 0 0; color:#94a3b8; font-size:13px; }

.top-links a { color:#cbd5e1; text-decoration:none; margin-left:16px; font-weight:600; }
.top-links a:hover { color:#ffffff; }

.hero { padding:48px 20px; }
.hero h2 { font-size:28px; margin:0 0 8px; }
.hero p { font-size:18px; margin:0 0 12px; }
.cta-row { display:flex; gap:12px; margin-top:12px; flex-wrap:wrap; }
.btn {
  appearance:none; border:none; cursor:pointer;
  padding:12px 18px; border-radius:10px; font-weight:800;
  color:#0b1220; background:#fbbf24; text-decoration:none; display:inline-block;
  box-shadow: 0 6px 20px rgba(251,191,36,.25);
}
.btn:hover { filter: brightness(0.98); transform: translateY(-1px); }
.btn.secondary { background:#e2e8f0; color:#0b1220; box-shadow:none; }

.grid {
  display:grid; gap:16px;
  grid-template-columns: repeat(3, 1fr);
  padding: 8px 20px 48px;
}
.card {
  background:#ffffff; border:1px solid #e2e8f0; border-radius:14px;
  padding:16px; box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.card h3 { margin:0 0 8px; }
.card p { margin:0 0 10px; }

.site-footer { background:#0b1220; color:#93a4b8; padding:16px 0; }
.foot-wrap { display:flex; align-items:center; justify-content:space-between; }
.foot-links a { color:#cbd5e1; margin-left:12px; text-decoration:none; }
.foot-links a:hover { color:#ffffff; }

@media (max-width: 900px) {
  .grid { grid-template-columns: 1fr; }
}
.logo-img {
  height: 64px;   /* adjust size as needed */
  width: auto;
  margin-right: 12px;
  vertical-align: middle;
}