/* =========================================================
   AIO RESISPAR · TARJA DE BENEFÍCIOS V3
   Classes exclusivas para não herdar o CSS antigo da tarja.
   ========================================================= */

.aio-benefits-v3{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border-top:1px solid #edf1f6!important;
    border-bottom:1px solid #edf1f6!important;
    clear:both!important;
}

.aio-benefits-v3__inner{
    display:block!important;
    width:min(1280px, calc(100% - 48px))!important;
    max-width:1280px!important;
    margin:0 auto!important;
    padding:0!important;
}

.aio-benefits-v3__grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
}

.aio-benefits-v3__item{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
    min-width:0!important;
    min-height:88px!important;
    margin:0!important;
    padding:17px 24px!important;
    box-sizing:border-box!important;
}

.aio-benefits-v3__item:not(:last-child):after{
    content:""!important;
    position:absolute!important;
    right:0!important;
    top:22px!important;
    bottom:22px!important;
    width:1px!important;
    background:#dfe6ef!important;
}

.aio-benefits-v3__icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    color:#0d3975!important;
}

.aio-benefits-v3__icon svg{
    display:block!important;
    width:32px!important;
    height:32px!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    fill:none!important;
}

.aio-benefits-v3__copy{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
}

.aio-benefits-v3__copy strong,
.aio-benefits-v3__copy span{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    white-space:normal!important;
}

.aio-benefits-v3__copy strong{
    color:#0d3975!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:800!important;
}

.aio-benefits-v3__copy span{
    color:#213e6c!important;
    font-size:14px!important;
    line-height:1.22!important;
    font-weight:500!important;
}

@media (max-width:1050px){
    .aio-benefits-v3__inner{
        width:100%!important;
        overflow:hidden!important;
    }

    .aio-benefits-v3__grid{
        display:flex!important;
        overflow-x:auto!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }

    .aio-benefits-v3__grid::-webkit-scrollbar{
        display:none!important;
    }

    .aio-benefits-v3__item{
        flex:0 0 245px!important;
        min-width:245px!important;
        min-height:80px!important;
        padding:14px 18px!important;
        scroll-snap-align:start!important;
    }
}

@media (max-width:767px){
    .aio-benefits-v3__item{
        flex-basis:220px!important;
        min-width:220px!important;
        gap:11px!important;
        padding:13px 14px!important;
    }

    .aio-benefits-v3__icon{
        flex-basis:34px!important;
        width:34px!important;
        height:34px!important;
    }

    .aio-benefits-v3__icon svg{
        width:28px!important;
        height:28px!important;
    }

    .aio-benefits-v3__copy strong{
        font-size:13px!important;
    }

    .aio-benefits-v3__copy span{
        font-size:12.5px!important;
    }
}