:root {
  --mteam-white: #ffffff;
  --mteam-sand-1: #fffeff;
  --mteam-green: #00a443;
  --mteam-green-1: #007f33;
  --mteam-forest: #00402a;
  --mteam-border: #d8cfc7;
  --mteam-sunset-1: #C66D00;
  --mteam-sand: #fff5ec;
  --mteam-sand-4: #B0A9A3;
  --mteam-sand-5: #89837e;
  --mteam-sand-6: #615d5a;
  --mteam-sand-7: #3a3735;
}

#mteam {
    width: 100%;
    max-width: 1264px;
    margin: 20px auto;
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

#mteam * {
    font-family: "IberPangea Text" !important;
    font-style: normal;
    font-weight: normal;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

#mteam strong {
    font-family: "IberPangeaText Bold" !important;
    font-weight: normal;
}

#mteam h2,
#mteam h3,
#mteam h4 {
    margin-top: 0 !important;
}

#mteam ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#mteam ul li:before {
    content: none !important;
    display: none !important;
}

#mteam img,
#mteam figure {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#mteam .mteam_hero {
    width: 100%;
    margin-bottom: 24px;
}

#mteam .mteam_hero_title {
    color: var(--mteam-green-1) !important;
    font-family: "IberPangea" !important;
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    line-height: 0.91;
    text-align: left;
    text-wrap: balance;
    margin-bottom: 24px;
}

#mteam .mteam_hero_text {
    color: var(--mteam-sand-6) !important;
    font-size: 20px;
    line-height: 1.3;
    text-align: left;
    text-wrap: balance;
    margin-bottom: 24px;
}

#mteam .mteam_hero_media {
    width: 100%;
    display: block;
    border-radius: 15px;
    /*border: 1px solid var(--mteam-sand-4);*/
    overflow: hidden;
}

#mteam .mteam_hero_media_tag {
    width: 100%;    
    height: 324px;
    object-fit: cover;
    object-position: center;
    display: block;
}

#mteam .mteam_subtitle {
    width: 100%;
    color: var(--mteam-green-1) !important;
    font-family: "IberPangea Medium" !important;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 1.05;
    text-align: left;
    text-wrap: balance;
    margin-bottom: 24px;
}

#mteam .mteam_chart {
    width: 100%;
    margin-bottom: 24px;
}

#mteam .mteam_chart_list {
    width: 100%;
    min-width: 339px;
    max-width: 339px;
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/equipo-directivo-organigrama/images/organization-m.svg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 339px auto;
    min-height: 205px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}

#mteam .mteam_chart_list_item {
    width: 85px;
    padding: 8px 6px;
    height: 38px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--mteam-green-1) !important;
    text-decoration: none;
}

#mteam .mteam_chart_list_item.no-link {
    background-image: none !important;
    cursor: text !important;
    /* pointer-events: none !important; */
}

#mteam .mteam_chart_list_item strong {
    font-family: "IberPangea Medium" !important;
    font-style: normal;
    font-weight: normal;
    font-size: 7.595px;
    line-height: 1;
    text-align: center;
    text-wrap: balance;
    margin-bottom: 2px;
}

#mteam .mteam_chart_list_item span {
    font-family: "IberPangea" !important;
    font-style: normal;
    font-weight: normal;
    font-size: 5.38px;
    line-height: 1.4;
    text-align: center;
    text-wrap: balance;
    display: none;
}

#mteam .mteam_chart_list_item-1 {
    left: 50%;
    transform: translateX(-50%);
    top: 5px;
    color: var(--mteam-sand-7) !important;
    padding: 5px 21px 5px 7px;
    width: 110px;
    height: 31px;
    /* background-image: url('/wcorp/gc/prod/es_ES/estaticos/equipo-directivo-organigrama/images/ico-link.svg'); */
    background-repeat: no-repeat;
    background-size: 9px auto;
    background-position: 92px center;
}

#mteam .mteam_chart_list_item-2 {
    left: 0;
    top: 41px;
    color: var(--mteam-sunset-1) !important;
}

#mteam .mteam_chart_list_item-3 {
    left: 0;
    top: 102px;
    color: var(--mteam-sunset-1) !important;
    height: 27px;
}

#mteam .mteam_chart_list_item-4 {
    left: 50%;
    transform: translateX(-50%);
    top: 52px;
    color: white !important;
    width: 110px;
    height: 45px;
    padding: 6px 24px;
}

#mteam .mteam_chart_list_item-4 span {
    display: block;
}

#mteam .mteam_chart_list_item-5 {
    right: 0;
    top: 96px;
    height: 49px;
    padding: 8px 20px;
}

#mteam .mteam_chart_list_item-6 {
    left: 0;
    top: 167px;
}

#mteam .mteam_chart_list_item-7 {
    left: 50%;
    transform: translateX(-50%);
    top: 167px;
}

#mteam .mteam_chart_list_item-8 {
    right: 0;
    top: 167px;
}

#mteam .mteam_chart_list_item-9 {
    right: 0;
    top: 0px;
    width: 85px;
    padding: 8px 6px;
    height: 38px;
    color: var(--mteam-sunset-1) !important;
}

#mteam .mteam_chart_source {
    color: var(--mteam-sand-6) !important;
    font-size: 14px;
    line-height: 1.28;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    max-width: 339px;
}

#mteam .mteam_letter_media {
    width: 100%;
    display: block;
    border-radius: 15px;
    border: 1px solid var(--mteam-sand-4);
    overflow: hidden;
}

#mteam .mteam_letter_media_tag {
    width: 100%;    
    height: 324px;
    object-fit: cover;
    object-position: center;
    display: block;
}

@media (min-width: 700px) {

    #mteam .mteam_hero {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 72px;
    }

    #mteam .mteam_hero_title {
        width: calc(50% - 16px);
        font-size: 70px;
        line-height: 1;
        margin-bottom: 0;
    }

    #mteam .mteam_hero_text {
        width: calc(50% - 16px);
        margin-left: auto;
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }

    #mteam .mteam_hero_media {
        margin-top: 72px;
    }

    #mteam .mteam_hero_media_tag,
    #mteam .mteam_letter_media_tag {
        height: 464px;
    }

    #mteam .mteam_subtitle {
        font-size: 45px;
        line-height: 1;
        margin-bottom: 72px;
    }

    #mteam .mteam_chart_wrapper {
        position: relative;
        width: 100%;
        min-height: 461px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #mteam .mteam_chart_list {
        min-width: 682px;
        max-width: 682px;
        min-height: 461px;
        background-image: url('/wcorp/gc/prod/es_ES/estaticos/equipo-directivo-organigrama/images/organization-t.svg?v=5');
        background-size: 682px auto;
        margin-bottom: 32px;
    }

    #mteam .mteam_chart_list_item {
        width: 174px;
        height: 78px;
        padding: 12px;
    }
    
    #mteam .mteam_chart_list_item strong {
        font-size: 18px;
        line-height: 1.22;
        margin-bottom: 0;
    }

    #mteam .mteam_chart_list_item span {
        display: block;
        font-size: 14px;
        line-height: 1.42;
        color: var(--mteam-sand-6) !important;
        margin-top: 4px;
    }

    #mteam .mteam_chart_list_item-1 {
        width: 246px;
        height: 68px;
        padding: 12px 18px;
        top: 0;
        background-size: 20px;
        background-position: 200px center;
    }

    #mteam .mteam_chart_list_item-2 {
        height: 100px;
        top: 68px;
    }

    #mteam .mteam_chart_list_item-3 {
        top: 188px;
    }

    #mteam .mteam_chart_list_item-4 {
        width: 236px;
        top: 144px;
    }

    #mteam .mteam_chart_list_item-4 span {
        color: white !important;
    }

    #mteam .mteam_chart_list_item-5 {
        top: 204px;
        width: 195px;
        height: 92px;
    }

    #mteam .mteam_chart_list_item-6 {
        top: 353px;
        width: 214px;
        height: 108px;
    }

    #mteam .mteam_chart_list_item-7 {
        top: 353px;
        width: 214px;
        height: 108px;
    }

    #mteam .mteam_chart_list_item-8 {
        top: 353px;
        width: 214px;
        height: 108px;
    }

    #mteam .mteam_chart_list_item-9 {
        width: 204px;
        height: 70px;
    }

    #mteam .mteam_chart_source {
        max-width: 682px;
    }

}

@media (min-width: 1280px) {

    #mteam .mteam_chart {
        margin-bottom: 106px;
    }

    #mteam .mteam_chart_wrapper {
        min-height: 591px;
    }

    #mteam .mteam_chart_list {
        min-width: 1264px;
        max-width: 1264px;
        min-height: 517px;
        background-image: url('/wcorp/gc/prod/es_ES/estaticos/equipo-directivo-organigrama/images/organization-d.svg');
        background-size: 1264px auto;
        margin-bottom: 72px;
    }

    #mteam .mteam_chart_list_item {
        width: 280px;
        height: 108px;
        padding: 16px;
    }
    
    #mteam .mteam_chart_list_item strong {
        font-size: 24px;
        line-height: 1.08;
    }

    #mteam .mteam_chart_list_item span {
        font-size: 21px;
        line-height: 1.17;
        margin-top: 0;
    }

    #mteam .mteam_chart_list_item-1 {
        width: 310px;
        height: 75px;
        background-size: 24px;
        background-position: 254px center;
    }

    #mteam .mteam_chart_list_item-2 {
        top: 74px;
    }

    #mteam .mteam_chart_list_item-3 {
        top: 217px;
        height: 78px;
    }

    #mteam .mteam_chart_list_item-4 {
        top: 144px;
    }

    #mteam .mteam_chart_list_item-5 {
        top: 242px;
        height: 100px;
    }

    #mteam .mteam_chart_list_item-6 {
        top: 409px;
    }

    #mteam .mteam_chart_list_item-7 {
        top: 409px;
    }

    #mteam .mteam_chart_list_item-8 {
        top: 409px;
    }

    #mteam .mteam_chart_source {
        max-width: 1264px;
    }

    /* column-2 */

    #column-2 #mteam .mteam_chart {
        margin-bottom: 24px;
    }

    #column-2 #mteam .mteam_chart_wrapper {
        min-height: 461px;
    }

    #column-2 #mteam .mteam_chart_list {
        min-width: 682px;
        max-width: 682px;
        min-height: 461px;
        background-image: url('/wcorp/gc/prod/es_ES/estaticos/equipo-directivo-organigrama/images/organization-t.svg?v=5');
        background-size: 682px auto;
        margin-bottom: 32px;
    }

    #column-2 #mteam .mteam_chart_list_item {
        width: 174px;
        height: 78px;
        padding: 12px;
    }
    
    #column-2 #mteam .mteam_chart_list_item strong {
        font-size: 18px;
        line-height: 1.22;
    }

    #column-2 #mteam .mteam_chart_list_item span {
        font-size: 14px;
        line-height: 1.42;
        margin-top: 4px;
    }

    #column-2 #mteam .mteam_chart_list_item-1 {
        width: 246px;
        height: 68px;
        padding: 12px 18px;
        background-size: 20px;
        background-position: 200px center;
        top:15px;
    }

    #column-2 #mteam .mteam_chart_list_item-2 {
        height: 100px;
        top: 84px;
    }

    #column-2 #mteam .mteam_chart_list_item-3 {
        top: 203px;
    }

    #column-2 #mteam .mteam_chart_list_item-4 {
        width: 236px;
        top: 158px;
    }

    #column-2 #mteam .mteam_chart_list_item-5 {
        top: 220px;
        width: 195px;
        height: 92px;
    }

    #column-2 #mteam .mteam_chart_list_item-6 {
        top: 359px;
        width: 214px;
        height: 108px;
    }

    #column-2 #mteam .mteam_chart_list_item-7 {
        top: 358px;
        width: 214px;
        height: 108px;
    }

    #column-2 #mteam .mteam_chart_list_item-8 {
        top: 358px;
        width: 214px;
        height: 108px;
    }

   #column-2 #mteam .mteam_chart_list_item-9 {
        width: 204px;
        height: 70px;
        top:15px;
    } 

    #column-2 #mteam .mteam_chart_source {
        max-width: 682px;
    }

}