/* Estilos para el contenedor circular */
    .social-list .iconfont-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;          /* Define el ancho del círculo */
        height: 60px;         /* Define el alto del círculo */
        border-radius: 50%;    /* Hace que el contenedor sea un círculo perfecto */
        transition: transform 0.2s ease, opacity 0.2s ease;
        text-decoration: none; /* Quita el subrayado por defecto */
    }

    /* Colores de fondo específicos para cada red social */
    .bg-facebook {
        background-color: #1877F2 !important; /* Azul Facebook */
    }
    .bg-tiktok {
        background-color: #000000 !important; /* Negro TikTok */
    }
    .bg-youtube {
        background-color: #FF0000 !important; /* Rojo YouTube */
    }

    /* Estilos para que el icono sea grande y blanco */
    .social-list .socicon {
        font-size: 30px !important; /* Tamaño del icono dentro del círculo */
        color: #ffffff !important;    /* Fuerza el color blanco */
        line-height: 1;
    }

    /* Efecto visual opcional cuando pasas el mouse por encima */
    .social-list .iconfont-wrapper:hover {
        transform: scale(1.1);
        opacity: 0.9;
    }