@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");

:root {
    --color-primary: #28942d;
    --color-secondary: #7ba758;
    --color-background-primary: #333333;
    --color-background-secondary: #345234;
    /*COLORES PRIMARIOS*/
    --primary-50: #dff0db;
    --primary-100: #dff0db;
    --primary-200: #bbd98c;
    --primary-300: #4b923c;
    --primary-400: #35823a;
    /*COLORES SECUNDARIOS*/
    --secondary-50: #ebebfa;
    --secondary-100: #d4d4f4;
    --secondary-200: #8e8de2;
    --secondary-300: #3231be;
    --secondary-400: #222286;
    /*INFO AL USUARIO*/
    --info-50: #ebf0f9;
    --info-100: #87a5de;
    --error: #d35f5f;
    --success: #66cc85;
    --warning: #e1931e;
    /*TEXTO Y OTROS*/
    --stroke: #f0f0f0;
    --stroke-2: #cce7c5;
    --text-light: #667085;
    --text-dark: #475467;
    --neutral-50: #f1f1f4;
    --neutral-100: #d0d5dd;
    --neutral-200: #55556d;
    /*BÁSICOS*/
    --white: #fafafa;
    --black: #1a1a1a;
    /*TEXTO*/
    --font-primary: "Manrope", sans-serif !important;
    /*TAMAÑOS*/
    --size-64: 64px;
    --size-48: 48px;
    --size-36: 36px;
    --size-24: 24px;
    --size-20: 20px;
    --size-18: 18px;
    --size-16: 16px;
    --size-14: 14px;
    --size-12: 12px;
    /*BOX SHADOW*/
    --shadow-1: 0px 1px 7px 0px rgba(0, 0, 0, 0.1);
    --shadow-2: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

ul.navbar-nav {
    gap: 15px;
}
.nav.navbar-nav li a.dropdown-toggle{
    gap:7px
}