/* ==========================================================================
   ESTILOS GENERALES DEL FOOTER INSTITUCIONAL - CUITZEO
   ========================================================================== */
.site-footer-cuitzeo {
    background: linear-gradient(180deg, #911A3A 0%, #4A0B1E 100%);
    border-top: 4px solid var(--dorado-cuitzeo, #C5A059);
}

.footer-logo-cuitzeo {
    max-height: 50px;
    width: auto;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

.footer-logo-pm {
    max-height: 42px;
    width: auto;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

/* Redes Sociales e Íconos */
.social-icon-btn {
    width: 38px;
    height: 38px;
    font-size: 1rem;
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-icon-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
}

/* Enlaces del Footer */
.footer-links a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    transition: all 0.25s ease;
}

.footer-links a:hover {
    color: var(--dorado-cuitzeo, #C5A059);
    padding-left: 5px;
}