@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

    /* =========================================================
       1. VARIABLES GLOBALES
    ========================================================= */
    :root {
      --blue-900: #0b3d91;
      --blue-800: #0f4fa8;
      --blue-700: #1d67c1;
      --blue-100: #eaf3ff;
      --blue-050: #f5f9ff;
      --white: #ffffff;
      --gray-900: #10233f;
      --gray-700: #42526b;
      --gray-500: #6e7f99;
      --gray-300: #d9e2ef;
      --gray-200: #e8eef7;
      --shadow: 0 20px 50px rgba(11, 61, 145, 0.12);
      --radius-xl: 28px;
      --radius-lg: 18px;
      --radius-md: 14px;
      --container: 1180px;
    }

    /* =========================================================
       2. RESET Y ESTILOS BASE
    ========================================================= */
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: 'Inter', sans-serif;
      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 28%, #f7fbff 100%);
      color: var(--gray-900);
      line-height: 1.6;
    }

    img {
      max-width: 100%;
      display: block;
    }

    a {
      text-decoration: none;
    }

    .container {
      width: min(var(--container), calc(100% - 32px));
      margin: 0 auto;
    }

    .section {
      padding: 92px 0;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 8px 14px;
      border-radius: 999px;
      background: var(--blue-100);
      color: var(--blue-900);
      font-size: 0.85rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }

    .eyebrow::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--blue-700);
    }

    .section-head {
      max-width: 760px;
      margin-bottom: 42px;
    }

    .section-head h2 {
      font-size: clamp(2rem, 4vw, 3.2rem);
      line-height: 1.1;
      margin-top: 18px;
      margin-bottom: 16px;
      color: var(--blue-900);
    }

    .section-head p {
      color: var(--gray-700);
      font-size: 1.05rem;
    }