/* =========================================================
   FOOTER EDDA GREEN
========================================================= */

.footer {
    width: 100%;
    background: #233b32;
    border-top: 1px solid rgba(135, 152, 115, 0.45);
}


/* =========================================================
   CONTENIDO INFERIOR
========================================================= */

.footer-bottom {
    width: min(1720px, calc(100% - 80px));
    min-height: 72px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.footer-bottom span {
    color: rgba(255, 255, 255, 0.68);

    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.015em;
}

.footer-bottom a {
    position: relative;

    color: #a5b297;

    font-weight: 500;
    text-decoration: none;

    transition:
        color 0.2s ease,
        opacity 0.2s ease;
}

.footer-bottom a::after {
    content: "";

    position: absolute;
    right: 0;
    bottom: -4px;
    left: 0;

    height: 1px;

    background: #a5b297;

    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.2s ease;
}

.footer-bottom a:hover {
    color: #ffffff;
}

.footer-bottom a:hover::after {
    transform: scaleX(1);
}


/* =========================================================
   RESPONSIVE - NOTEBOOK
   HASTA 1366 PX
========================================================= */

@media (max-width: 1366px) {

    .footer-bottom {
        width: calc(100% - 56px);
    }
}


/* =========================================================
   RESPONSIVE - TABLET
   HASTA 780 PX
========================================================= */

@media (max-width: 780px) {

    .footer-bottom {
        width: calc(100% - 40px);
        min-height: 76px;
    }
}


/* =========================================================
   RESPONSIVE - MÓVIL
   HASTA 680 PX
========================================================= */

@media (max-width: 680px) {

    .footer-bottom {
        width: calc(100% - 32px);
        min-height: 94px;
        padding: 18px 0;

        box-sizing: border-box;

        flex-direction: column;
        justify-content: center;
        gap: 8px;

        text-align: center;
    }

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