/* ----------------------------------
* Info General:
* Brand: Bazel Solutions

* Tema (aprox): Dark

* Primary: Shamrock - #2aeaad
* Terciary: Purple Heart - 
* Dark: Bunker (gray)
* ------------------- */


:root {
    --bs-body-bg: #fff;
    --bs-heading-color: #000;
    --a__color: rgb(21, 21, 21);
    --none: none;

    
    
    --primary-50: #f1f5fd;
    --primary-100: #dfeafa;
    --primary-200: #c7daf6;
    --primary-300: #a0c3f0;
    --primary-400: #74a2e6;
    --primary-500: #5382de;
    --primary-600: #3e66d2;
    --primary-700: #3553c0;
    --primary-800: #30459d;
    --primary-900: #2d3f80;
    --primary-950: #1f274c;

    --terciary-50: #f4f3ff;
    --terciary-100: #ebe9fe;
    --terciary-200: #dad6fe;
    --terciary-300: #bfb5fd;
    --terciary-400: #9f8bfa;
    --terciary-500: #805cf6;
    --terciary-600: #632aeb;
    --terciary-700: #6028d9;
    --terciary-800: #5021b6;
    --terciary-900: #431d95;
    --terciary-950: #281065;

    --gray-50: #f6f7f9;
    --gray-100: #eceef2;
    --gray-200: #d6d9e1;
    --gray-300: #b2b9c7;
    --gray-400: #8792a9;
    --gray-500: #69768e;
    --gray-600: #545e75;
    --gray-700: #444c60;
    --gray-800: #3b4151;
    --gray-900: #353945;
    --gray-950: #191b21;

    --btn-primary-default__bg: var(--primary-950);
        --btn-primary-default__color: var(--primary-50);
        --btn-primary-default__border-color: var(--primary-950);

        --btn-primary-hover__bg: var(--primary-900);
        --btn-primary-hover__color: var(--primary-50);
        --btn-primary-hover__border-color: var(--primary-900);

        --btn-primary-active__bg: var(--primary-800);
        --btn-primary-active__color: var(--primary-50);
        --btn-primary-active__border-color: var(--primary-800);

        --btn-primary-disabled__bg: var(--primary-100);
        --btn-primary-disabled__color: var(--primary-400);
        --btn-primary-disabled__border-color: var(--primary-100);

    --btn-terciary-default__bg: var(--terciary-950);
        --btn-terciary-default__color: var(--terciary-50);
        --btn-terciary-default__border-color: var(--terciary-950);

        --btn-terciary-hover__bg: var(--terciary-900);
        --btn-terciary-hover__color: var(--terciary-50);
        --btn-terciary-hover__border-color: var(--terciary-900);

        --btn-terciary-active__bg: var(--terciary-800);
        --btn-terciary-active__color: var(--terciary-50);
        --btn-terciary-active__border-color: var(--terciary-800);

        --btn-terciary-disabled__bg: var(--terciary-100);
        --btn-terciary-disabled__color: var(--terciary-400);
        --btn-terciary-disabled__border-color: var(--terciary-100);

    --btn-dark-default__bg: var(--gray-950);
        --btn-dark-default__color: var(--gray-50);
        --btn-dark-default__border-color: var(--gray-950);

        --btn-dark-hover__bg: var(--gray-900);
        --btn-dark-hover__color: var(--gray-50);
        --btn-dark-hover__border-color: var(--gray-900);

        --btn-dark-active__bg: var(--gray-800);
        --btn-dark-active__color: var(--gray-50);
        --btn-dark-active__border-color: var(--gray-800);

        --btn-dark-disabled__bg: var(--gray-100);
        --btn-dark-disabled__color: var(--gray-400);
        --btn-dark-disabled__border-color: var(--gray-100);
        
}

:root {
    --header-desktop__bg: #fff;
    --header-mobile__bg: #fff;
    --header-mobile__border-botom: 1px solid #e3e3e3;
    
    --dropdown__bg: #fff;
    --item-click__color: #fff;
    --item-click__color-hover: rgba(10, 10, 13, 0.05);
    --drop-header__color: #000;
    --drop-header__bg: transparent;
    --drop-click__color: #272727;
    --drop-click__bg: transparent;
    --drop-click-hover__bg: #f1f1f1;
    --drop-click-collapse-item__border: 1px solid rgba(113, 113, 122, 0.1);
    --card-only-text__bg: transparent;
    --card-only-text__color: #1c1c1c;
    --card-only-text__border: 1px solid rgba(113, 113, 122, 0.2);
    --header-hr__border-color: rgba(113, 113, 122, 0.58);
    --dropdown-menu_show__border: 1px solid rgba(113, 113, 122, 0.2);
    --dropdown-menu_show__box-shadow: rgba(0, 0, 0, 0.05) 0px 0.241451px 0.241451px -1.25px, rgba(0, 0, 0, 0.05) 0px 2px 2px -2.5px, 
        rgba(9, 9, 11, 0.07) 0px 0.602187px 0.602187px -1.25px, rgba(9, 9, 11, 0.064) 0px 2.28853px 2.28853px -2.5px, 
        rgba(9, 9, 11, 0.025) 0px 10px 10px -3.75px;
    --drop-cta-title__color: #000;
    --drop-cta-text__color: #000;
    --drop-content-title__color: #fff;
    --drop-content-text__color: #000;
    --drop-content-go__color: #fff;
    
    --text-size-checkpoint: 2.8rem;
    --buttons-border-radius: 4px;
    --buttons-border-style: 1px solid;
    --p-color: #202020;
    --circle-multiple-border-color: #000;
    --circle-multiple-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px;
    --badge-border-radius: 4px;
    --overlay-bg__border-radius: 0px;
    /* --overlay-bg__background: linear-gradient(180deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.14) 28%, rgba(0,0,0,0) 100%); */
    --overlay-bg__background: linear-gradient(180deg, rgb(7, 7, 7) 0%, rgb(7, 7, 7) 28%, rgba(0, 0, 0, 0.27) 100%);

    --footer-type-1--rrss-icon__color: #e9e9e9;
    --footer-type-1--enlaces-title__color: #e9e9e9;
    --footer-type-1--enlaces-title__background: transparent;
    --footer-type-1--enlaces-title__border: 1px solid #2b2b2b;

    --banner-type-1-border-width: 1px 0 1px 0;
    --banner-type-1-border-style: solid;
    --banner-type-1-border-color: rgb(216, 216, 216);
    --banner-type-1__bg: #fff;
    --banner-type-1__color: #101113;

    --slides-type-1--before__background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
    --slides-type-1--after__background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));
    --slides-type-2--before__background: linear-gradient(to top, rgba(255,255,255,0), rgb(255, 255, 255));
    --slides-type-2--after__background: linear-gradient(to bottom, rgba(255,255,255,0), rgb(255, 255, 255));

    --gradient-left-x-right-1--before__background: linear-gradient(to left, rgba(255,255,255,0), rgb(255,255,255));
    --gradient-left-x-right-1--after__background: linear-gradient(to right, rgba(255,255,255,0), rgb(255,255,255));
    --gradient-left-x-right-2--before__background: linear-gradient(to left, rgba(255,255,255,0), rgb(255,255,255));
    --gradient-left-x-right-2--after__background: linear-gradient(to right, rgba(255,255,255,0), rgb(255,255,255));

    --cards-type-1-boxed-1__border: 1px solid rgb(25, 25, 30);
    --cards-type-1-boxed-1__border-radius: 4px;
    --cards-type-1-boxed-1-title__color: #f5f5f5;
    --cards-type-1-boxed-1__height: 100%;
    --cards-type-1-boxed-2__border: 1px solid rgb(25, 25, 30);
    --cards-type-1-boxed-2__border-radius: 4px;
    --cards-type-1-boxed-2-title__color: #f5f5f5;
    --cards-type-1-boxed-2__height: 100%;

    --header-desktop--c1__border: 1px solid rgba(113, 113, 122, 0.2);
    --header-desktop--c1__box-shadow: rgba(0, 0, 0, 0.05) 0px 0.241451px 0.241451px -1.25px, rgba(0, 0, 0, 0.05) 0px 2px 2px -2.5px,
        rgba(9, 9, 11, 0.07) 0px 0.602187px 0.602187px -1.25px, rgba(9, 9, 11, 0.064) 0px 2.28853px 2.28853px -2.5px,
        rgba(9, 9, 11, 0.025) 0px 10px 10px -3.75px;

    --error-page__background: var(--bs-body-bg);
}

.--text-size-1-3 {font-size: calc(var(--text-size-checkpoint) * 1.3);}
.--text-size-1-2 {font-size: calc(var(--text-size-checkpoint) * 1.2);}
.--text-size-1-1 {font-size: calc(var(--text-size-checkpoint) * 1.1);}
.--text-size-1 {font-size: calc(var(--text-size-checkpoint) * 1);}
.--text-size-0-95 {font-size: calc(var(--text-size-checkpoint) * 0.95);}
.--text-size-0-9 {font-size: calc(var(--text-size-checkpoint) * 0.9);}
.--text-size-0-85 {font-size: calc(var(--text-size-checkpoint) * 0.85);}
.--text-size-0-8 {font-size: calc(var(--text-size-checkpoint) * 0.8);}
.--text-size-0-75 {font-size: calc(var(--text-size-checkpoint) * 0.75);}
.--text-size-0-7 {font-size: calc(var(--text-size-checkpoint) * 0.7);}
.--text-size-0-65 {font-size: calc(var(--text-size-checkpoint) * 0.65);}
.--text-size-0-6 {font-size: calc(var(--text-size-checkpoint) * 0.6);}
.--text-size-0-55 {font-size: calc(var(--text-size-checkpoint) * 0.55);}
.--text-size-0-5 {font-size: calc(var(--text-size-checkpoint) * 0.5);}

.--gradient-left-x-right-1::before,
.--gradient-left-x-right-1::after {position: absolute;z-index: 2;content: '';top: 0;width: 10%;height: 100%;}
.--gradient-left-x-right-1::before {left: 0;background: var(--gradient-left-x-right-1--before__background);}
.--gradient-left-x-right-1::after {right: 0;background: var(--gradient-left-x-right-1--after__background);}

.--gradient-left-x-right-2::before,
.--gradient-left-x-right-2::after {position: absolute;z-index: 2;content: '';top: 0;width: 10%;height: 100%;}
.--gradient-left-x-right-2::before {left: 0;background: var(--gradient-left-x-right-2--before__background);}
.--gradient-left-x-right-2::after {right: 0;background: var(--gradient-left-x-right-2--after__background);}


/* Buttons */
.--btn-primary {
    background-color: var(--btn-primary-default__bg);
    color: var(--btn-primary-default__color) !important;
    border: var(--buttons-border-style);
    border-color: var(--btn-primary-default__border-color);
    border-radius: var(--buttons-border-radius);
}
.--btn-primary:hover {
    background-color: var(--btn-primary-hover__bg);
    color: var(--btn-primary-hover__color) !important;
    border: var(--buttons-border-style);
    border-color: var(--btn-primary-hover__border-color);
    border-radius: var(--buttons-border-radius);
}
.--btn-primary:active {
    background-color: var(--btn-primary-active__bg);
    color: var(--btn-primary-active__color) !important;
    border: var(--buttons-border-style);
    border-color: var(--btn-primary-active__border-color);
    border-radius: var(--buttons-border-radius);
}

.--btn-terciary {
    background-color: var(--btn-terciary-default__bg);
    color: var(--btn-terciary-default__color) !important;
    border: var(--buttons-border-style);
    border-color: var(--btn-terciary-default__border-color);
    border-radius: var(--buttons-border-radius);
}
.--btn-terciary:hover {
    background-color: var(--btn-terciary-hover__bg);
    color: var(--btn-terciary-hover__color) !important;
    border: var(--buttons-border-style);
    border-color: var(--btn-terciary-hover__border-color);
    border-radius: var(--buttons-border-radius);
}
.--btn-terciary:active {
    background-color: var(--btn-terciary-active__bg);
    color: var(--btn-terciary-active__color) !important;
    border: var(--buttons-border-style);
    border-color: var(--btn-terciary-active__border-color);
    border-radius: var(--buttons-border-radius);
}

.--btn-dark {
    background-color: var(--btn-dark-default__bg);
    color: var(--btn-dark-default__color) !important;
    border: var(--buttons-border-style);
    border-color: var(--btn-dark-default__border-color);
    border-radius: var(--buttons-border-radius);
}
.--btn-dark:hover {
    background-color: var(--btn-dark-hover__bg);
    color: var(--btn-dark-hover__color) !important;
    border: var(--buttons-border-style);
    border-color: var(--btn-dark-hover__border-color);
    border-radius: var(--buttons-border-radius);
}
.--btn-dark:active {
    background-color: var(--btn-dark-active__bg);
    color: var(--btn-dark-active__color) !important;
    border: var(--buttons-border-style);
    border-color: var(--btn-dark-active__border-color);
    border-radius: var(--buttons-border-radius);
}

/* Badge */
.--badge-primary {
    background-color: var(--btn-primary-default__bg);
    color: var(--btn-primary-default__color);
    border: 1px solid var(--btn-primary-default__border-color);
}
.--badge-outline-primary {
    background-color: transparent;
    color: var(--primary-300);
    border: 1px solid var(--primary-300);
}
.--badge-terciary {
    background-color: var(--btn-terciary-default__bg);
    color: var(--btn-terciary-default__color);
    border: 1px solid var(--btn-terciary-default__border-color);
}
.--badge-outline-terciary {
    background-color: transparent;
    color: var(--terciary-300);
    border: 1px solid var(--terciary-300);
}
.--badge-dark {
    background-color: var(--btn-dark-default__bg);
    color: var(--btn-dark-default__color);
    border: 1px solid var(--btn-dark-default__border-color);
}
.--badge-outline-dark {
    background-color: transparent;
    color: var(--gray-200);
    border: 1px solid var(--gray-200);
}


.--onhover-scale-svg-interior-12:hover svg {
    scale: 1.2;
}