.footer {
    color: var(--white);
    padding: 2.5rem 3rem 3.5rem;
    background-color: black;
    width: 100%;
    /* max-width: 1200px; */
    margin-inline: auto;
    position: relative;
    z-index: 11;
}

.footer * {
    font-size: 14px;
}

.footer .container {
    max-width: var(--wrapper-max-width);
    padding-left: 0;
    padding-right: 0;
    color: wheat;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    width: 86%;
    padding: 0px !important;
}

.footer-menu-container {
    flex-direction: row-reverse;
}

.footer .container .footer-logo-container {
    width: max(20%, 200px);
    margin-inline: auto;
    margin-bottom: 10px;
}

.footer-menu-container .footer-menu-list {
    display: flex;
    flex-wrap: wrap;
    /*flex-direction: row;*/
    list-style: none;
    width: 100%;
    justify-content: space-between;
}

.footer_suscribe {
    margin-top: 30px;
}

.footer_suscribe .suscribe_text {
    width: 35%;
    text-align: initial;
}

.footer_suscribe .suscribe_form {
    width: 65%;
    text-align: initial;
}

.footer_suscribe .suscribe_form input {
    width: 60%;
    height: 5.5vh;
    background-color: #000;
    color: #fff;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.footer_icon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-end !important;
    width: 81% !important;
}

.footer_suscribe .suscribe_form button {
    width: 31%;
    color: #000;
    background-color: #fff;
}

.footer-menu-container .footer-menu-list:last-child li {
    /*width: 22%;*/
    width: 100%;
}

.footer-menu-container .footer-menu-list>li {
    display: flex;
    flex-direction: column;
    width: 26%;
}

.footer-menu-container .footer-menu-list>li a {
    margin-bottom: .5rem;
    color: var(--white);
    transition: .3s all ease-in-out;
    text-transform: uppercase;
    text-align: left;
}

.footer-menu-container .footer-menu-list>li a:hover {
    color: var(--blue-300);
    text-decoration: none;
}


/* FOOTER SUBMENU */

.footer-menu-container .footer-submenu-container {
    display: flex;
    flex-direction: column;
    list-style: none;
}

.footer-menu-container .footer-submenu-container li {
    text-align: left;
}

.footer-menu-container .footer-submenu-container li a {
    text-transform: initial;
}


/* FOOTER SUBMENU */


/* FOOTER SEPARATOR */

.footer-separator {
    width: 100%;
    border-top: 1px solid var(--gray-200);
}


/* FOOTER SEPARATOR */

.footer__list {
    list-style-type: none;
}

.footer__list li,
.footer__list span {
    color: var(--white);
    font-size: 12px;
}

.footer__list a {
    color: var(--white);
    transition: .3s all ease-in-out;
}

.footer__list a:hover {
    color: var(--blue-300);
}

@media screen and (min-width: 48em) {
    .footer__list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: space-between;
        width: 100%;
    }
}

.footer__link {
    color: inherit;
    text-decoration: none;
}

.footer__link>strong {
    font-size: 1.25rem;
}

.footer__link:hover,
.footer__link:focus {
    color: var(--gray-200);
}

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
    color: wheat !important;
    border: 1px solid wheat !important;
}

#ot-sdk-btn.ot-sdk-show-settings:hover,
#ot-sdk-btn.optanon-show-settings:hover {
    background-color: transparent !important;
    color: var(--c2-medium) !important;
    border: 1px solid var(--c2-medium) !important;
}

@media screen and (max-aspect-ratio: 1/1) {
    footer .list-inline {
        flex-direction: column;
        align-items: center;
    }
    .footer__list span {
        display: none;
    }
}

@media(max-width: 768px) {
    .footer-menu-container .footer-menu-list>li {
        width: 50%;
    }
}

@media screen and (max-aspect-ratio: 1/1) {
    .add-button {
        bottom: -24px;
    }
    .footer {
        padding: 1.5rem 1rem 1.5rem;
    }
    .footer-menu-container {
        flex-direction: column;
    }
    .footer-menu-container .footer-menu-list {
        width: 100% !important;
    }
    .footer-menu-container .footer-menu-list:last-child li {
        width: auto;
    }
    .footer-menu-list {
        flex-direction: row;
    }
    .footer * {
        font-size: 13px;
    }
}