/* ChatCooL — identidad oficial */

.logo {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.logo .logo-mark,
.logo .logo-text {
    display: none !important;
}

.brand-logo-img {
    display: block !important;

    width: 168px !important;
    height: auto !important;

    max-height: 56px !important;

    object-fit: contain;
}


/* FOOTER */

.footer-logo {
    display: flex !important;
    align-items: center !important;

    min-height: 58px;
}

.footer-logo > *:not(.footer-brand-logo) {
    display: none !important;
}

.footer-brand-logo {
    display: block !important;

    width: 185px !important;
    height: auto !important;

    object-fit: contain;
}


@media (max-width: 700px) {

    .brand-logo-img {
        width: 145px !important;
    }

    .footer-brand-logo {
        width: 165px !important;
    }
}


/* Footer legal ChatCooL */

.footer-legal-links {
    display: flex;
    flex-wrap: wrap;

    justify-content: center;

    gap:
        9px 22px;

    margin:
        22px 0;

    padding:
        20px 0;

    border-top:
        1px solid rgba(255,255,255,.09);

    border-bottom:
        1px solid rgba(255,255,255,.09);
}

.footer-legal-links a {
    color:
        rgba(255,255,255,.67);

    text-decoration: none;

    font-size:
        12px;

    font-weight:
        700;
}

.footer-legal-links a:hover {
    color: #00e4fd;
}


/* ==========================================================
   CHATCOOL — FOOTER GLOBAL
   ========================================================== */

.cc-global-footer {
    width: 100%;

    margin: 0;

    padding:
        48px 0 24px;

    background:
        #010522 !important;

    color:
        rgba(255,255,255,.68);
}


.cc-global-footer .cc-footer-inner {
    max-width:
        1240px;

    margin:
        0 auto;
}


.cc-global-footer .cc-footer-main {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        50px;

    min-height:
        72px;
}


.cc-global-footer .cc-footer-brand {
    display:
        inline-flex;

    align-items:
        center;

    flex:
        0 0 auto;

    text-decoration:
        none;
}


.cc-global-footer .cc-footer-brand img {
    display:
        block;

    width:
        185px;

    height:
        auto;

    max-height:
        62px;

    object-fit:
        contain;
}


.cc-global-footer .cc-footer-links {
    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    flex-wrap:
        wrap;

    gap:
        13px 27px;
}


.cc-global-footer .cc-footer-links a {
    color:
        rgba(255,255,255,.83) !important;

    text-decoration:
        none !important;

    font-size:
        13px;

    line-height:
        1.4;

    font-weight:
        800;

    transition:
        color .15s ease;
}


.cc-global-footer .cc-footer-links a:hover {
    color:
        #00e4fd !important;
}


.cc-global-footer .cc-footer-divider {
    width:
        100%;

    height:
        1px;

    margin:
        30px 0 22px;

    background:
        rgba(255,255,255,.10);
}


.cc-global-footer .cc-footer-bottom {
    width:
        100%;

    text-align:
        center;

    color:
        rgba(255,255,255,.67);

    font-size:
        12px;

    line-height:
        1.55;
}


/* Anular restos de footers anteriores */

.cc-global-footer .footer-logo,
.cc-global-footer .footer-brand,
.cc-global-footer .footer-links,
.cc-global-footer .footer-legal-links {
    all:
        unset;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 800px) {

    .cc-global-footer {
        padding:
            38px 0 22px;
    }

    .cc-global-footer .cc-footer-main {
        flex-direction:
            column;

        align-items:
            center;

        gap:
            27px;

        text-align:
            center;
    }

    .cc-global-footer .cc-footer-links {
        justify-content:
            center;

        gap:
            12px 20px;
    }

    .cc-global-footer .cc-footer-brand img {
        width:
            170px;
    }

    .cc-global-footer .cc-footer-divider {
        margin:
            27px 0 20px;
    }

    .cc-global-footer .cc-footer-bottom {
        max-width:
            520px;

        margin:
            0 auto;

        padding:
            0 8px;
    }
}


@media (max-width: 500px) {

    .cc-global-footer .cc-footer-links {
        flex-direction:
            column;

        gap:
            12px;
    }

    .cc-global-footer .cc-footer-bottom {
        font-size:
            11px;
    }
}