<style>
/* --- FOOTER GENERAL --- */
.footer-final-emaus {
    background-color: #000000 !important;
    padding: 40px 0 0 0 !important;
    margin-top: 50px !important; /* Separación con la barra de Play */
    border-top: 1px solid #333 !important; /* Línea de separación sutil */
    width: 100% !important;
}

/* Síguenos en */
.txt-siguenos {
    color: #ffff00 !important; 
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* Redes Sociales: Rojo al pasar el mouse */
.iconos-sociales {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
}

.iconos-sociales a {
    background: #333 !important;
    color: white !important;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s;
}

.iconos-sociales a:hover {
    background: #ff0000 !important; /* ROJO para redes en Hover */
}

/* Menú: Amarillo al pasar el mouse */
.footer-menu-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.footer-menu-links a {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 15px;
    font-family: Arial, sans-serif;
    transition: 0.2s;
}

.footer-menu-links a:hover {
    color: #ffff00 !important; /* AMARILLO para sesiones en Hover */
}

/* Botón Rojo (Fijo) */
.boton-musica-rojo {
    background-color: #8b0000 !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 6px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Lema */
.lema-resucito {
    color: #ffff00 !important;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 40px 0 !important;
}

/* FRANJA AZUL Y COPYRIGHT ARiAL */
.franja-copyright-azul {
    background-color: #002244 !important; /* Azul marino de la imagen */
    padding: 15px 0 !important;
    text-align: center;
    width: 100% !important;
}

.franja-copyright-azul p {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important; /* Tamaño y letra Arial */
    font-size: 13px !important;
    margin: 0 !important;
    letter-spacing: 0.5px;
}


/* 1. SEPARACIÓN CON EL REPRODUCTOR */
.footer-final-emaus {
    background-color: #000000 !important;
    padding: 40px 0 0 0 !important;
    margin-top: 60px !important; /* Espacio extra respecto a los controles de Play */
    border-top: 1px solid #222 !important; /* Línea divisoria sutil */
    width: 100% !important;
    display: block !important;
}

/* 2. HOVERS DE REDES SOCIALES (ROJO) */
.iconos-sociales a {
    background: #333 !important;
    color: white !important;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.3s ease;
    margin: 0 8px;
}

.iconos-sociales a:hover {
    background: #ff0000 !important; /* Rojo vibrante en Hover */
}

/* 3. HOVERS DEL MENÚ (AMARILLO) */
.footer-menu-links a {
    color: #ffffff !important;
    text-decoration: none;
    font-family: Arial, sans-serif !important;
    font-size: 15px;
    transition: color 0.3s ease;
}

.footer-menu-links a:hover {
    color: #ffff00 !important; /* Amarillo en Hover */
}

/* 4. FRANJA AZUL Y COPYRIGHT (ARIAL) */
.franja-copyright-azul {
    background-color: #002244 !important; /* Azul Marino exacto */
    padding: 20px 0 !important;
    text-align: center;
    width: 100% !important;
    margin-top: 30px;
}

.franja-copyright-azul p {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important; 
    font-size: 13px !important;
    margin: 0 !important;
    letter-spacing: 0.5px;
}

/* Título de lema para consistencia */
.lema-resucito {
    color: #ffff00 !important;
    text-align: center;
    font-weight: bold;
    margin: 30px 0 !important;
}

.footer-final-emaus {
    background-color: #000000 !important;
    /* Aumentamos la separación significativamente */
    margin-top: 100px !important; 
    /* Añadimos una línea dorada clara para que se vea la división */
    border-top: 2px solid rgba(197, 160, 89, 0.5) !important; 
    padding: 60px 0 0 0 !important;
    width: 100% !important;
    display: block !important;
}

/* ELIMINAMOS EL AZUL: Ahora es negro con una línea divisoria sutil */
.franja-copyright-azul {
    background-color: #000000 !important; /* Cambiado de azul a negro */
    padding: 25px 0 !important;
    text-align: center !important;
    width: 100% !important;
    border-top: 1px solid #222 !important; /* Línea muy fina para separar del lema */
    margin-top: 20px !important;
}

.franja-copyright-azul p {
    color: #888888 !important; /* Un gris suave para que no distraiga */
    font-family: Arial, sans-serif !important; 
    font-size: 13px !important;
    margin: 0 !important;
    letter-spacing: 0.5px;
}

<style>
/* 1. SEPARACIÓN Y LÍNEA DE DIVISIÓN */
.footer-final-emaus {
    background-color: #000000 !important; /* Fondo negro total */
    margin-top: 80px !important; /* Separación con la barra de Play */
    border-top: 1px solid #333 !important; /* Línea de división superior */
    padding-top: 50px !important;
}

/* 2. HOVERS DE REDES (ROJO) */
.iconos-sociales a {
    background: #333 !important;
    transition: 0.3s;
}
.iconos-sociales a:hover {
    background: #ff0000 !important; /* Rojo al pasar el mouse */
}

/* 3. HOVERS DEL MENÚ (AMARILLO) */
.footer-menu-links a {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    transition: 0.3s;
}
.footer-menu-links a:hover {
    color: #ffff00 !important; /* Amarillo al pasar el mouse */
}

/* 4. ELIMINACIÓN DEFINITIVA DEL AZUL EN EL COPYRIGHT */
.franja-copyright-azul {
    background-color: #000000 !important; /* CAMBIADO A NEGRO */
    border-top: 1px solid #222 !important; /* Línea sutil */
    padding: 25px 0 !important;
    width: 100% !important;
}

.franja-copyright-azul p {
    color: #ffffff !important; /* Texto blanco */
    font-family: Arial, sans-serif !important; /* Letra Arial solicitada */
    font-size: 13px !important;
    margin: 0 !important;
}
#custom-footer-emaus .copyright-black-strip {
    background-color: #000000 !important; /* Fondo negro total */
    border-top: 1px solid #222 !important; /* Línea divisoria sutil */
    padding: 15px 0 !important;
    width: 100% !important;
    text-align: center !important;
}

#custom-footer-emaus .copyright-black-strip p {
    color: #ffffff !important; /* Texto blanco para legibilidad sobre negro */
    font-family: Arial, sans-serif !important; /* Fuente Arial */
    font-size: 10.5pt !important; /* Tamaño exacto 10.5 */
    margin: 0 !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}
