#mod-mais-control{
    display:flex;
    padding-bottom:var(--size-space-64, 64px);
    padding-top:var(--size-space-64, 64px);
    gap:32px;
    flex-direction:column;
}

#mod-mais-control h2.title_m {
    margin:0;
    text-align: center;
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    font-family: IberPangea;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; 
}
#mod-mais-control .content{
    display:grid;
    gap:24px;
    padding:var(--size-space-24, 24px) var(--size-space-32, 32px);
    border-radius: var(--border-radius-l, 16px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    background: var(--Color-Sand-10, #FFFAF6);
}

#mod-mais-control ul {
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    list-style:none;
    gap:16px;
    justify-content: center;
}
#mod-mais-control ul li{
   display:grid;
    grid-template-columns:32px 1fr;
    gap:8px;
   
}
#mod-mais-control ul li .title_xs{
    color: var(--Color-Content-General-1, #2C2C2C);
font-family: IberPangea;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
#mod-mais-control ul li span {
   align-self:center;
}

#mod-mais-control picture {
   display: flex;
   height:230px;
}

#mod-mais-control picture img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  
}
@media (min-width: 992px) {
    #mod-mais-control .content{
        grid-template-columns:1fr 1fr;
        padding:var(--size-space-32,32px) var(--size-space-32, 32px);
        gap: 32px;
    }
    #mod-mais-control picture {
   height:320px;
}
  
}