:root { --primary-500: #164194; --secondary-500: #E3CF00; --blanco: hsl(0, 0%, 100%); --primary-500-l-1: #4567a9; --primary-500-l-2: #738dbf; --primary-500-l-3: #a2b3d4; --primary-500-l-4: #d0d9ea; --primary-500-d-1: #123476; --primary-500-d-2: #0d2759; --primary-500-d-3: #091a3b; --primary-500-d-4: #040d1e; --secondary-500-l-1: #e9d933; --secondary-500-l-2: #eee266; --secondary-500-l-3: #f4ec99; --secondary-500-l-4: #f9f5cc; --secondary-500-d-1: #b6a600; --secondary-500-d-2: #887c00; --secondary-500-d-3: #5b5300; --secondary-500-d-4: #2d2900; --negro: hsl(0, 0%, 0%); --neutral: #8C8C8C; --neutral-d-1: #6b6b6b; --neutral-d-2: #4a4a4a; --neutral-d-3: #2e2e2e; --neutral-d-4: #1f1f1f; --neutral-l-1: #b0b0b0; --neutral-l-2: #d1d1d1; --neutral-l-3: #e5e5e5; --neutral-l-4: #f2f2f2; --neutral-l-5: #fafafa; --tertiary: #ECD499; --tertiary-l-1: #f0ddad; --tertiary-l-2: #f4e5c2; --tertiary-l-3: #f7eed6; --tertiary-l-4: #fbf6eb; --tertiary-d-1: #bdaa7a; --tertiary-d-2: #8e7f5c; --tertiary-d-3: #5e553d; --tertiary-d-4: #2f2a1f; --h-6: clamp(0.8rem, -0.04vi + 0.81rem, 0.77rem); --h-5: clamp(1rem, 0.05vi + 0.99rem, 1.03rem); --h-4: clamp(1.25rem, 0.21vi + 1.21rem, 1.38rem); --h-3: clamp(1.56rem, 0.45vi + 1.47rem, 1.83rem); --h-2: clamp(1.95rem, 0.82vi + 1.79rem, 2.44rem); --h-1: clamp(2.44rem, 1.36vi + 2.17rem, 3.26rem); --h-title: clamp(3.05rem, 2.15vi + 2.62rem, 4.34rem);}.bg-neutral { background-color: var(--neutral); }.bg-neutral-d-1 { background-color: var(--neutral-d-1); }.bg-neutral-d-2 { background-color: var(--neutral-d-2); }.bg-neutral-d-3 { background-color: var(--neutral-d-3); }.bg-neutral-d-4 { background-color: var(--neutral-d-4); }.bg-neutral-l-1 { background-color: var(--neutral-l-1); }.bg-neutral-l-2 { background-color: var(--neutral-l-2); }.bg-neutral-l-3 { background-color: var(--neutral-l-3); }.bg-neutral-l-4 { background-color: var(--neutral-l-4); }.bg-neutral-l-5 { background-color: var(--neutral-l-5); }.border-neutral { border-color: var(--neutral); }.border-neutral-d-1 { border-color: var(--neutral-d-1); }.border-neutral-d-2 { border-color: var(--neutral-d-2); }.border-neutral-d-3 { border-color: var(--neutral-d-3); }.border-neutral-d-4 { border-color: var(--neutral-d-4); }.border-neutral-l-1 { border-color: var(--neutral-l-1); }.border-neutral-l-2 { border-color: var(--neutral-l-2); }.border-neutral-l-3 { border-color: var(--neutral-l-3); }.border-neutral-l-4 { border-color: var(--neutral-l-4); }.border-neutral-l-5 { border-color: var(--neutral-l-5); }