/* ===================================
   FOOTER CSS - MAQSA
   =================================== */

footer {
    /* AGREGA ESTAS LÍNEAS: */
    background-color: #073f00; /* O usa tu verde oscuro, ej: #14532d */
    color: #ffffff;            /* Fuerza el texto a blanco */
    
    /* El resto déjalo igual: */
    position: relative;
    overflow: hidden;
}

/* Patr贸n de fondo sutil */
footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,.03) 10px, rgba(255,255,255,.03) 20px);
    pointer-events: none;
}

/* Animaci贸n del bot贸n flotante de WhatsApp */
.fixed.bottom-6.right-6 {
    animation: pulse-whatsapp 2s infinite;
}

@keyframes pulse-whatsapp {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    50% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
}

/* Hover en 铆conos sociales */
footer a[class*="fab"] {
    transition: all 0.3s ease;
}

/* Links del footer */
footer a:not(.fixed) {
    position: relative;
}

footer ul a::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--maqsa-gold);
    transition: width 0.3s ease;
}

footer ul a:hover::before {
    width: calc(100% - 24px);
    margin-left: 24px;
}