footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    margin-top: 2em;
}

#menu {
    display: grid;
    grid-template: 50px / repeat(5, 1fr);
    border-top: 1px solid rgb(204, 204, 204);
    align-items: flex-end;
    background: white;
    padding-bottom: 5px;
}

.item {
    text-align: center;

    img {
        width: auto;
        /*height: 45px;*/
    }
}

#logopush img {
    height: 75px;
    position: relative;
    z-index: 2;
    background: white;
    padding: 7px;
    padding-bottom: 0;
    border-radius: 50%;
}

#logopush a:after {
    content: "";
    position: absolute;
    margin-top: -1px;
    margin-left: -83px;
    width: 84px;
    height: 73px;
    background: linear-gradient(#cccccc 35%, transparent 0%);
    border-radius: 50%;
}

.footer {
    background: #1f1f1f;
    justify-content: space-between;
    display: block;
}

.menu-web {
    background-color: #1f1f1f;
    color: white;
    font-size: 13.75px !important;
}

.icon {
    position: absolute;
    width: 1.8em;
    height: 1.8em;
    border-top-right-radius: 1.2em;
    /*background: linear-gradient(225deg, #0c0904 65%, transparent 65%);*/
    background: linear-gradient(225deg, #0c0904 55%, transparent 0%);
    transform: rotate(-45deg) skew(167deg, 167deg);
    margin-top: -23px;
    top: 8px;
}

.rotar,
.flecha-mostrar-footer {
    transition: transform 0.5s ease;
}

.rotado {
    transform: rotate(180deg);
    top: 4.2px;
}

.icon + img {
    position: absolute;
    margin-top: -18px;
}

.vineta {
    background: url("/img/footer/img_vineta.png");
    display: block;
    float: left;
    width: 17px;
    height: 15px;
}

.vineta + span {
    font-size: 14px;
    font-weight: 500;
}

.hide-menu {
    position: absolute;
    bottom: -400px;
}

.borde-contenido,
.borde-canal {
    border-right: 1px solid rgb(204, 204, 204);
}

.cuadro-gris {
    background-color: #3f3f3f;
    border-radius: 20px;
}

.cuadro-gris-logos {
    background-color: #3f3f3f;
    border-radius: 20px;
    max-width: 200px;
    min-width: 150px;
    text-align: center;
    height: 150px; /* Ajusta la altura del contenedor */
}

.cuadro-gris-logos a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.cuadro-gris-logos:hover {
    background-color: #717171;
}

#finanzasImgFooter {
    height: 140px !important;
    width: 140px !important;
}

#selloFC {
    height: 120px;
    width: 120px;
}

#corredores {
    height: 65px !important;
    width: 170px !important;
}

.span-nav-footer {
    font-size: 12px;
    color: #fff;
}

#facebookMFEC,
#linkedinMFEC,
#instagramMFEC,
#twitterMFEC {
  width: 40px;
  height: 40px;
  border-radius: 99px;
  border:  0;
}

.divMapaSitioFooter {
    padding-left: 14px;
}

.select-pais {
    border: 2px solid #f7f7f7;
    max-width: 170px;
}

.submenu {
    position: absolute;
    right: 70px;
    bottom: 40px;
    background-color: #404040;
    border-radius: 10px;
    padding: 10px;
    color: #f7f7f7;
    font-size: 14px;
    min-width: 220px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 1;

    ul {
        display: flex;
        flex-direction: column;
        align-items: self-start;

        li {
            margin: 5px 0;

            a {
                color: #404040;
                text-decoration: none;
            }
        }
    }
}

.span-select-pais {
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .footer {
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .margin-top-none footer {
        margin-top: 0 !important;
    }

    footer {
        position: relative;
        margin-top: 0;
    }

    .social {
        text-align: center;
        position: fixed;
        right: 0;
        margin-right: 10px !important;
        z-index: 2000;
        border-radius: 50%;
        border: 1px white;
        bottom: 90px !important;
    }

    .icon-chat {
        width: 80px !important;
    }
    .divMapaSitioFooter {
        padding-left: 0px;
    }
}

.social {
    text-align: center;
    position: fixed;
    right: 0;
    bottom: 90px;
    margin-right: 20px;
    z-index: 2000;
    border-radius: 50%;
    border: 1px white;
}

@media screen and (max-width: 767px) {
    .borde-contenido {
        border-bottom: 1px solid rgb(204, 204, 204);
        border-right: 0px;
    }

    .borde-canal {
        border-right: 0px;
    }

    .cuadro-gris {
        margin: 0 auto;
        min-width: 200px;
    }
}

.flecha-derecha-roja {
    height: 15px;
}

.information {
    text-align: justify;
    font-size: 12px !important;
}

.p-footer {
    font-size: 12px !important;
    margin-bottom: 0 !important;
}

.row-margin {
    margin: 0 1rem 0 1rem !important;
}
@media screen and (max-width: 420px) {
    #corredores {
        height: 51px !important;
        width: 140px !important;
    }
}