/* =========================================================
   CREDIBILIDADE — CARD FLUTUANTE
   ========================================================= */

.credibility {
    position: relative;
    z-index: 20;

    height: 0;

    margin: 0;

    background: transparent;

    overflow: visible;
}


.credibility .container {
    position: relative;

    transform:
        translateY(-50%);
}


.credibility__grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    overflow: hidden;

    background:
        var(--color-white);

    border:
        1px solid
        var(--color-border);

    border-radius:
        var(--radius-medium);

    box-shadow:
        0 1.5rem 4rem
        rgb(0 38 62 / 13%);
}


.credibility__item {
    min-height: 10rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        clamp(
            1.6rem,
            2.5vw,
            2.25rem
        );
}


.credibility__item:not(:last-child) {
    border-right:
        1px solid
        var(--color-border);
}


.credibility__number,
.credibility__symbol {
    margin: 0;

    color:
        var(--color-orange);

    font-size:
        clamp(
            2rem,
            3vw,
            2.7rem
        );

    font-weight: 800;

    letter-spacing:
        -0.035em;

    line-height: 1;
}


.credibility__text {
    max-width: 18rem;

    margin-top: 0.8rem;

    color:
        var(--color-navy);

    font-size:
        0.95rem;

    font-weight: 700;

    line-height: 1.45;
}


/* =========================================================
   ESPAÇO PARA O CARD DENTRO DA SEÇÃO SEGUINTE
   ========================================================= */

.credibility + .home-introduction {
    padding-top:
        clamp(
            8rem,
            10vw,
            10rem
        );
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .credibility {
        height: auto;

        margin-top: -3rem;
    }


    .credibility .container {
        transform: none;
    }


    .credibility__grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .credibility__item:nth-child(2) {
        border-right: 0;
    }


    .credibility__item:nth-child(-n + 2) {
        border-bottom:
            1px solid
            var(--color-border);
    }


    .credibility + .home-introduction {
        padding-top:
            5rem;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 560px) {

    .credibility {
        margin-top: -2rem;
    }


    .credibility__grid {
        grid-template-columns:
            1fr;
    }


    .credibility__item {
        min-height: auto;

        padding:
            1.5rem;
    }


    .credibility__item:not(:last-child) {
        border-right: 0;

        border-bottom:
            1px solid
            var(--color-border);
    }


    .credibility + .home-introduction {
        padding-top:
            4rem;
    }

}