/* ======================================================
   ASEGURANET - Paleta y estilos de marca
   ====================================================== */

:root {
  --color-primary: #26447A;   /* Azul corporativo */
  --color-secondary: #78B65E; /* Verde seguridad */
  --color-light: #FFFFFF;     /* Blanco base */
  --color-dark: #1B1B1B;
  --font-main: 'Poppins', 'Montserrat', sans-serif;
}

/* ====== Tipografía general ====== */
body {
  font-family: var(--font-main);
  color: var(--color-dark);
  background-color: var(--color-light);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-primary);
  font-weight: 700;
}

/* ====== Header ====== */
.header {
  background-color: var(--color-primary);
}

.header .logo h1 {
  color: var(--color-light);
  font-weight: 800;
  letter-spacing: 1px;
}

/* ====== Botones ====== */
.btn-get-started,
button,
input[type="submit"] {
  background-color: var(--color-secondary);
  border: none;
  color: var(--color-light);
  font-weight: 600;
  transition: 0.3s;
}

.btn-get-started:hover,
button:hover,
input[type="submit"]:hover {
  background-color: var(--color-primary);
  color: var(--color-light);
}

/* ====== Links ====== */
a {
  color: var(--color-primary);
  text-decoration: none;
}

a:hover {
  color: var(--color-secondary);
}

/* ====== Secciones ====== */
.section-title h2 {
  color: var(--color-primary);
  border-bottom: 3px solid var(--color-secondary);
  display: inline-block;
  padding-bottom: 8px;
}

.section-title p {
  color: #555;
}

/* ====== Footer ====== */
.footer {
  background-color: var(--color-primary);
  color: var(--color-light);
}

.footer a {
  color: var(--color-secondary);
}

.footer a:hover {
  color: var(--color-light);
}