Can't retrieve array using carbon_get_theme_option in a nested complex Field (Carbon Fields) - carbon-fields

Question

I am new with Carbon Fields. I am trying to show in frontend social logos (facebook, twitter) using Carbon Fields. It is a complex Field ('team_social') inside another complex Field ('team') that contains the information of workers.
But the function carbon_get_theme_option('team_social') doesn't retrieves the expected array, retrieves null. However, carbon_get_theme_option('team') it works right.
How can I show the logos in each card? What am I doing wrong?
Here is the function to show in the frontend:
function hrd_show_team() {
ob_start(); ?>
<div class="flex flex-col items-center md:flex md:flex-row md:items-stretch md:flex-wrap md:justify-evenly pb-4 px-4 lg:space-x-4">
<?php
$teams = function_exists( 'carbon_get_theme_option' ) ? carbon_get_theme_option( 'team' ) : array();
//echo '<pre>';print_r($teams);echo '<pre/>';die;
if( $teams) {
foreach ( $teams as $team ) { ?>
<!--card--><div class="flex flex-col basis-full sm:basis-2/5 md:basis-[30%] bg-white shadow-card rounded-md mx-4 my-6 h-full">
<div class="rounded-md">
<img class="object-cover h-auto w-full rounded-t-md" src="<?php echo wp_get_attachment_image_src( $team['team_photo'], array(200,200), false )[0]; ?>" alt="<?php echo esc_attr( $team ['team_name'] ); ?>" width="<?php echo esc_attr( $team['team_photo'] )[1]; ?>" height="<?php echo esc_attr( $team['team_photo'] )[2]; ?>">
</div>
<div class="flex flex-col items-center text-center pt-8 pb-3">
<p class="text-lg text-heading font-bold font-montserrat mb-2"><?php echo esc_html( $team['team_name'] ); ?></p>
<p class="text-base text-paragraph font-bold font-montserrat mb-1"><?php echo esc_html( $team['team_role'] ); ?></p>
</div>
<div class="flex flex-row items-center justify-center mb-4">
<?php
//Social icons
$social_links = carbon_get_theme_option( 'team_social' );
if( $social_links) {
foreach ( $social_links as $social ) {
$social_logo = wp_get_attachment_image_src( $social['team_social_logo'], array(20,20), false );
echo '' . '<img src=" ' . $social_logo[0]. ' " width="30" height="30" class="mr-2 rounded-full">';
}
}
?>
</div><!--social icons-->
</div><!--card-->
<?php } //end foreach
} //end if
?>
</div>
<?php return ob_get_clean();
}```
And here is the function in the backend with the Carbon Fields methods:
```//Web settings in admin
add_action( 'carbon_fields_register_fields', 'hrd_attach_theme_options' );
function hrd_attach_theme_options() {
// Default options page
Container::make( 'theme_options', __( 'Web Settings', 'hrd' ) )
->add_tab( __('Banner Slider', 'hrd' ), array(
Field::make( 'complex', 'banner_slider', 'Slider' )
->add_fields( array(
Field::make( 'text', 'banner_title', 'Title' ),
Field::make( 'textarea', 'banner_desc', 'Description' ),
Field::make( 'image', 'banner_photo', 'Photo' ),
) )
->set_collapsed( true )
) )
->add_tab( __('Team', 'hrd') , array(
Field::make( 'complex', 'team', 'Team' )
->add_fields( array(
Field::make( 'image', 'team_photo', __( 'Photo', 'hrd') ),
Field::make( 'text', 'team_name', __( 'Name', 'hrd' ) ),
Field::make( 'text', 'team_role', __( 'Role', 'hrd' ) ),
Field::make( 'textarea', 'team_content', __( 'Description', 'hrd' ) )
-> set_rows( 5 ),
Field::make( 'complex', 'team_social', __( 'Social Links', 'hrd' ) )
->add_fields( array(
Field::make( 'image', 'team_social_logo', __( 'Social Logo', 'hrd' ) )// We're only changing the label field to an image one
->set_width( 50 )
->set_required(),
Field::make( 'text', 'team_url', __('URL', 'hrd' ) )
->set_width( 50 )
->set_required(),
) )
) )
->set_collapsed( true ),
) );
}```