/* ===========================================================
   HOME - EMPRESAS QUE CONFIAM / CAROUSEL
=========================================================== */

.snp-brand-trust{
    margin-top:22px;
    padding:0;
    position:relative;
}

.brand-trust-inner{
    display:grid;
    grid-template-columns:180px 1px 1fr;
    align-items:center;
    gap:24px;

    padding:22px 70px;
    border-radius:24px;

    background:
        radial-gradient(circle at 90% 20%,rgba(79,70,229,.08),transparent 34%),
        #f8fafc;

    border:1px solid #e5e7eb;
    box-shadow:0 12px 32px rgba(15,23,42,.05);

    overflow:hidden;
}

.brand-trust-title strong{
    display:block;
    font-size:13px;
    line-height:1.35;
    color:#0f172a;
}

.brand-trust-title span{
    display:block;
    margin-top:3px;
    font-size:13px;
    line-height:1.35;
    font-weight:700;
    color:#0f172a;
}

.brand-divider{
    width:1px;
    height:58px;
    background:#dbe3ef;
}

.brand-track-wrap{
    overflow:hidden;
    width:100%;
}

.brand-track{
    display:flex;
    align-items:center;
    gap:48px;
    width:max-content;

    animation:brandScroll 28s linear infinite;
}

.brand-track:hover{
    animation-play-state:paused;
}

.brand-track img{
    height:42px;
    width:auto;
    max-width:150px;
    object-fit:contain;

    filter:grayscale(100%);
    opacity:.68;

    transition:.25s ease;
    flex-shrink:0;
}

.brand-track img:hover{
    filter:grayscale(0%);
    opacity:1;
    transform:translateY(-3px) scale(1.05);
}

.brand-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;

    width:44px;
    height:44px;
    border-radius:50%;

    border:1px solid #e5e7eb;
    background:#fff;
    color:#4f46e5;

    font-size:30px;
    line-height:1;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;
    box-shadow:0 8px 24px rgba(15,23,42,.08);
    transition:.25s ease;
}

.brand-arrow:hover{
    background:#4f46e5;
    color:#fff;
    transform:translateY(-50%) scale(1.07);
}

.brand-arrow.prev{
    left:14px;
}

.brand-arrow.next{
    right:14px;
}

@keyframes brandScroll{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}

@media(max-width:900px){
    .brand-trust-inner{
        grid-template-columns:1fr;
        padding:22px 60px;
        gap:16px;
    }

    .brand-divider{
        display:none;
    }

    .brand-track{
        gap:36px;
    }

    .brand-track img{
        height:34px;
    }
}