@font-face {
    font-family: "albula";
    font-display: swap;
    src: url(../fonts/serpentype-albula-pro-bold.otf);
    font-weight: 100;
}

@font-face {
    font-family: "holligate";
    src: url(../fonts/holligate-signature.ttf);
}

:root {

    --global-primary-color: #000;
    --global-secondary-color: #fff;
    --global-success-color: #20CA9B;
    --global-info-color: #1F232B;
    --global-info-color-secundary: #b4b4b4;

    --global-primary-font: "albula";
    --global-secondary-font: "holligate";

}


.globalnav {
    background-color: var(--global-primary-color);
    font-size: 20px;

}


.globalnav__toll span {
    color: var(--global-secondary-color);
    font-size: 1em;

}

.logo__container img {
    height: 100px;
}


.globalnav__toll {
    display: block;
    align-items: center;
    justify-content: end;
}

.globalnav__menu a,
.globalnav__menu a i {
    color: var(--global-secondary-color);
    font-size: 1em;
}

.globalnav__menu a:hover,
.globalnav__menu .nav-link:focus {
    color: var(--global-success-color) !important;
}

.globalnav__menu-button {
    color: var(--global-secondary-color);
    font-size: 1.2em;
}

.nav_isologo-container {
    width: 70%;
}

.nav__logotipo {
    display: contents;

}

.nav__logotipo svg {
    margin-block: inherit;
}

.nav__isotipo {
    width: 150px;

}

.nav__icon {
    width: 35px;
    height: 35px;
}

footer {

    background-color: var(--global-info-color);
    padding-top: 1.5rem;
    font-size: 16px;
}

.partners__logo img {
    width: 45px;
    height: 45px;
    filter: grayscale(100%);
}

.example-parnert-icon {
    font-size: 3em;
    color: var(--global-info-color-secundary);

}

.partners__logo h4 {
    color: var(--global-info-color-secundary);
    font-size: 1em;
}

.partners__title span {
    color: var(--global-info-color-secundary);

}

.partners__terms {
    border-top: solid 1px var(--global-info-color-secundary);
    background-color: #2A2F3C;
}

.terms__text--white {
    color: var(--global-secondary-color);
}

.terms__text--green span a {
    color: var(--global-success-color);
    text-decoration: none;
}

.terms__text--green span a:hover {
    color: var(--global-success-color);
    text-decoration-line: underline;
}

@media(min-width:992px) {

    .globalnav__menu a,
    .globalnav__menu a i {
        font-size: 0.8em;
    }

    .globalnav__toll {

        justify-content: center;
        font-size: 1em;
        justify-content: space-between;
        align-items: center;

    }

    .navbar .container {

        display: flex;
        align-items: end;
    }
}


@media(max-width:768px) {

    .nav__logo {
        display: block;
        margin: auto;
    }

    .globalnav__toll {

        justify-content: center;
        font-size: 1em;

    }

    .nav__logotipo {
        display: block;
    }

    .nav_isologo-container {
        width: 100%;
    }



}