/* AGECZA Cargo — estilos básicos.
   Funciona en Chrome viejo y navegadores que no entienden oklch, color-mix ni dvh.
   El archivo style.css puede mejorar el diseño; este deja el sitio usable si aquel falla. */
html, body {
  margin: 0;
  background: #f4f6f8;
  color: #1a2433;
  font-family: Arial, Helvetica, sans-serif;
}
img { max-width: 100%; height: auto; border: 0; }
a { color: #0b3a7a; }
header { background: #ffffff; border-bottom: 1px solid #d5dbe3; }
h1, h2, h3 { color: #0b3a7a; line-height: 1.2; }
button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.min-h-dvh { min-height: 100vh; min-height: 100dvh; }
.bg-navy, .bg-primary { background-color: #0b3a7a; }
.bg-accent { background-color: #e31c24; }
.bg-whatsapp { background-color: #1fbe5d; }
.bg-background { background-color: #f4f6f8; }
.bg-card, .bg-white { background-color: #ffffff; }
.text-navy, .text-primary { color: #0b3a7a; }
.text-accent { color: #e31c24; }
.text-white, .text-primary-foreground { color: #ffffff; }
.border-navy { border-color: #0b3a7a; }

/* Respaldo de maquetacion si el CSS grande no carga */
header > div { display: flex; align-items: center; justify-content: space-between; max-width: 1152px; margin: 0 auto; padding: 8px 16px; }
header img { height: 56px; width: auto; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.block { display: block; }
#mobile-nav[hidden] { display: none !important; }
#mobile-nav.block { display: block !important; }
.mx-auto { margin-left: auto; margin-right: auto; }
.max-w-6xl { max-width: 1152px; }