/*========================

    VARIABLES

=========================*/

:root {
  --primary: #0F2747;      /* Azul marino profesional */
  --secondary: #1E4E79;    /* Azul corporativo */
  --accent: #4A90E2;       /* Azul claro para detalles */

  --light: #F5F7FA;
  --white: #ffffff;

  --dark: #1F2937;
  --gray: #6B7280;

  --transition: 0.35s ease;
}

/*========================

    RESET

=========================*/

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  background: var(--light);
  color: var(--dark);
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

section {
  padding: 90px 0;
}