/* =========================================================
   PROGRAMAS ORIGINALES — Footer Premium
   Archivo: assets/css/po-footer.css
   Cargado: todas las páginas (global)
========================================================= */

/* ── Fondo premium con gradiente ── */
.site-footer {
    background:
        radial-gradient(circle at bottom right, rgba(37,99,235,.12), transparent 30%),
        #02044a !important;
    padding-top: 70px !important;
}

/* ── Texto ── */
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer span,
.site-footer .textwidget {
    color: rgba(255,255,255,.78) !important;
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .widget-title {
    color: #fff !important;
}

.site-footer img {
    opacity: .88;
}

/* ── Links ── */
.site-footer .widget_text a,
.site-footer .textwidget a {
    color: rgba(255,255,255,.72) !important;
    text-decoration: none !important;
    transition: color .25s ease, opacity .25s ease, transform .25s ease;
}

.site-footer .widget_text a:hover,
.site-footer .textwidget a:hover {
    color: #69a8ff !important;
    opacity: 1 !important;
    transform: translateX(2px);
}

.site-footer a:hover {
    color: #4ea1ff !important;
    transition: .25s ease;
}

/* ── Títulos widget ── */
.site-footer .widget-title,
.site-footer .gamma {
    color: rgba(255,255,255,.92) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
    text-transform: uppercase;
}

/* ── Newsletter inputs ── */
.site-footer input[type="email"],
.site-footer input[type="text"] {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 14px !important;
    color: #fff !important;
    padding: 14px 16px !important;
}

.site-footer button,
.site-footer input[type="submit"] {
    border-radius: 14px !important;
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 14px 26px !important;
    box-shadow: 0 10px 25px rgba(37,99,235,.25) !important;
    border: none !important;
}

/* ── Socials ── */
.po-socials {
    display: flex;
    gap: 14px;
    margin-top: 24px;
}

.po-socials a {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: #fff !important;
    font-size: 18px;
    transition: all .28s ease;
    border: 1px solid rgba(255,255,255,.08);
}

.po-socials a:hover {
    transform: translateY(-3px);
    background: linear-gradient(135deg, #2563eb, #38bdf8);
    box-shadow: 0 10px 30px rgba(37,99,235,.35);
}

/* ── Copyright bar ── */
footer.copyright {
    border-top: 1px solid rgba(255,255,255,.05);
    padding-top: 30px !important;
}

footer.copyright .col-full {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

footer.copyright #text-13 {
    max-width: 700px;
}

footer.copyright #media_image-3 {
    margin-top: -180px;
}

footer.copyright #media_image-3 img {
    max-width: 380px;
    opacity: .92;
}

/* ── Copyright mobile ── */
@media (max-width: 768px) {
    footer.copyright {
        padding: 34px 24px 48px !important;
        text-align: center !important;
    }
    footer.copyright .col-full {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
        gap: 24px !important;
    }
    footer.copyright #media_image-3 {
        margin: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    footer.copyright #media_image-3 img {
        display: block !important;
        width: 260px !important;
        max-width: 86vw !important;
        height: auto !important;
        margin: 0 auto !important;
        position: static !important;
        transform: none !important;
    }
    footer.copyright #text-13 {
        margin: 0 !important;
        width: 100% !important;
    }
    footer.copyright #text-13 p {
        margin: 0 auto !important;
        max-width: 320px !important;
        color: rgba(255,255,255,.78) !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }
}