/* Nexum Cargo — estilos base de la marca (compartidos por todas las páginas del sitio) */
:root {
  --navy: #0E2A47;
  --navy-2: #163A60;
  --navy-line: #2C557F;
  --orange: #E36A12;
  --orange-light: #F59E4B;
  --orange-dark: #C2410C;
  --text: #374151;
  --muted: #6B7280;
  --line: #E5E7EB;
  --bg: #F5F7FA;
  --white: #FFFFFF;
  --ok: #15803D;
  --error: #B91C1C;
  --radius: 14px;
  --font: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  line-height: 1.5;
}
img { max-width: 100%; display: block; }
a { color: var(--orange-dark); }

/* Encabezado */
.site-header {
  background: var(--navy);
  padding: 18px 20px;
}
.site-header .wrap { display: flex; align-items: center; justify-content: space-between; }
.site-header img { height: 44px; width: auto; }

.wrap { max-width: 1040px; margin: 0 auto; }

/* Botones */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font: 800 17px/1 var(--font);
  border: 0; border-radius: 999px;
  padding: 18px 28px;
  cursor: pointer; text-decoration: none;
  transition: transform .08s ease, background .15s ease;
}
.btn:active { transform: scale(.98); }
.btn-primary { background: var(--orange); color: var(--white); }
.btn-primary:hover { background: var(--orange-dark); }
.btn-primary[disabled] { opacity: .6; cursor: wait; }
.btn-ghost { background: transparent; color: var(--navy); border: 2px solid var(--line); }

/* Pie */
.site-footer {
  text-align: center; font-size: 13px; color: var(--muted);
  padding: 28px 20px 40px;
}
.site-footer a { color: var(--muted); }

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }