/* Contenedor general del footer con los widgets de redes */
.footer-widget {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

/* Cada widget individual (block-8, block-9, etc.) */
.footer-widget .fwidget.widget_block {
    display: flex;
    align-items: center;
}

/* La lista de iconos: quitamos bullets y la ponemos en fila */
.footer-widget .wp-block-social-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
}

.footer-widget .wp-block-social-links li.wp-social-link {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}

#footer-widgets .footer-widget li {
    padding-left: 0px !important;
}
.footer-widget .wp-block-social-links li.wp-social-link::before,
.footer-widget .wp-block-social-links li.wp-social-link::marker {
    content: none !important;
    display: none !important;
}

/* El link/circulo del icono */
.footer-widget .wp-block-social-link-anchor {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-decoration: none;
}

.footer-widget .wp-block-social-link-anchor svg {
    width: 20px;
    height: 20px;
    fill: #ffffff;
}

/* Colores de marca por red social (igual que la captura) */
.footer-widget .wp-social-link-instagram .wp-block-social-link-anchor { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.footer-widget .wp-social-link-youtube .wp-block-social-link-anchor { background: #ff0000; }
.footer-widget .wp-social-link-facebook .wp-block-social-link-anchor { background: #1877f2; }
.footer-widget .wp-social-link-patreon .wp-block-social-link-anchor { background: #000000; }
.footer-widget .wp-social-link-tiktok .wp-block-social-link-anchor { background: #000000; }
.footer-widget .wp-social-link-linkedin .wp-block-social-link-anchor { background: #0a66c2; }
.footer-widget .wp-social-link-whatsapp .wp-block-social-link-anchor { background: #25d366; }
.footer-widget .wp-social-link-telegram .wp-block-social-link-anchor { background: #29a9eb; }

/* Texto de accesibilidad oculto, sin afectar el layout */
.footer-widget .wp-block-social-link-label.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}