/* =====================================================
   CÍRCULO ESCARLATA - FOOTER
   Estilos globales del pie de página
===================================================== */

/* =====================================================
   PIE DE PÁGINA CÍRCULO ESCARLATA
   Homogéneo con encabezado, logo y fondo del sitio
===================================================== */

#footer,
#footer.dark,
#footer.sticky-footer {
    position: relative !important;

    background-color: #0d0102 !important;
    background-image:
        radial-gradient(
            circle at 18% 0%,
            rgba(115, 4, 16, 0.22),
            transparent 38%
        ),
        radial-gradient(
            circle at 85% 100%,
            rgba(88, 3, 12, 0.18),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #160204 0%,
            #0d0102 48%,
            #070101 100%
        ) !important;

    border-top: 1px solid rgba(214, 173, 90, 0.35) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 -8px 24px rgba(0, 0, 0, 0.28) !important;

    color: rgba(255, 255, 255, 0.74) !important;
}

/* Títulos del footer */
#footer .footer-widget h4,
#footer h4 {
    color: #d6ad5a !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

/* Textos generales */
#footer .footer-widget,
#footer .footer-widget p,
#footer .textwidget,
#footer .footer-new-bottom-left,
#footer .footer-new-bottom-right {
    color: rgba(255, 255, 255, 0.72) !important;
}

/* Enlaces */
#footer a,
#footer .footer-widget a {
    color: rgba(255, 255, 255, 0.82) !important;
    text-decoration: none !important;

    transition:
        color 0.20s ease,
        transform 0.20s ease !important;
}

#footer a:hover,
#footer .footer-widget a:hover {
    color: #d6ad5a !important;
}

/* Línea divisoria antes del copyright */
#footer .footer-new-bottom-inner {
    border-top: 1px solid rgba(214, 173, 90, 0.22) !important;
}

/* Iconos de redes sociales */
#footer .new-footer-social-icons li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

    border: 1px solid rgba(214, 173, 90, 0.38) !important;
    border-radius: 50% !important;

    background:
        linear-gradient(
            180deg,
            rgba(39, 11, 14, 0.96),
            rgba(12, 2, 3, 0.98)
        ) !important;

    color: #d6ad5a !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 6px 16px rgba(0, 0, 0, 0.30) !important;
}

#footer .new-footer-social-icons li a:hover {
    color: #ffffff !important;
    border-color: rgba(214, 173, 90, 0.72) !important;
    background:
        linear-gradient(
            180deg,
            #7d0b19,
            #3b0309
        ) !important;

    transform: translateY(-2px) !important;
}

/* Botón volver arriba */
#backtotop a {
    background:
        linear-gradient(
            180deg,
            #7d0b19,
            #3b0309
        ) !important;

    border: 1px solid rgba(214, 173, 90, 0.45) !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.35) !important;
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 768px) {

    #footer {
        text-align: center !important;
    }

    #footer .footer-widget {
        margin-bottom: 26px !important;
    }

    #footer .footer-new-bottom-inner {
        text-align: center !important;
    }

    #footer .footer-new-bottom-left,
    #footer .footer-new-bottom-right {
        width: 100% !important;
        text-align: center !important;
    }

    #footer .new-footer-social-icons {
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
    }
}