body:has(.section-config[style*="display: none;"]) .card-rate.new:has(.section-config)
{
    display: none;
}


body:has(.section-config[style*="display: block;"]) .features-container:has(.section-config)
{
    display: block;
}

.section-config .column-item[data-status='enabled'] *[data-default='true']
{
    background-color: #DAE4E6;
}

.list-options--item.active
{
    background-color: #DAE4E6;
}

body:has(.section-config[style*="display: block;"]) #acceso-tx
{
    display:  none;
}

@media screen and (min-width:1280px)
 {
    body:has(.section-config[style*="display: block;"]) .main-features .item-icon svg {

    width: 32px;
    height: 32px;
}

body:has(.section-config[style*="display: block;"]) #carousel-ws10
{
    width: 100%;
}
body:has(.section-config[style*="display: block;"]) .section--cards__container
{
    width: 100%;
}
body:has(.section-config[style*="display: block;"]) .section-rates .belt
{
    width: 98%;
}
body:has(.section-config[style*="display: block;"]) .item:has(.icons-container) .icons-container
{
    gap: 5px;
}
}

@media screen and (min-width:1600px)
{
    body:has(.section-config[style*="display: block;"]) .main-features .item-icon svg {

    width: 40px;
    height: 40px;
}
body:has(.section-config[style*="display: block;"]) .item:has(.icons-container) .icons-container
{
    gap: 8px;
}

    
}