
@keyframes fade-anim {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes diferencial-anim {
    from {
        bottom: -80vh;
        opacity: 0;
    }
    to {
        bottom: 4.72vh;
        opacity: 1;
    }
}
.title h1 img {
    height: 4.81vh;
    width: auto;
    object-fit: contain;
}
.diferenciais-container {
    position: absolute;
    bottom: 4.72vh;
    left: 14.42vw;
    z-index: 4;
    animation: diferencial-anim 1s ease-in-out;
}
.diferenciais {
    display: flex;
    flex-direction: column;
}
.diferencial {
    position: relative;
    width: 75.62vw;
    height: 25.37vh;
    margin-bottom: 0.64vh;
    display: flex;
    align-items: center;
}
.diferencial p {
    text-transform: uppercase;
    font-size: 2.22vh;
    padding-left: 5.16vw;
}
.diferencial-banner {
    position: absolute;
    right: 0;
    width: 72.52%;
    height: 100%;
}
.diferencial-banner-image {
    width: 93.35%;
    height: 100%;
    object-fit: cover;
}
.diferencial-banner-card {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 4.82%;
    transition: 600ms cubic-bezier(.57,.27,0,.98);
}
.diferencial-btn {
    background-color: transparent;
    border: none;
    padding-left: 0.46vw;
    cursor: pointer;
    animation: fade-anim 2s infinite ease-out;
    transition: 200ms;
}
.diferencial-btn:hover {
    transform: scale(0.9);
}
.diferencial-banner-card img {
    width: 2.65vw;
    height: auto;
    object-fit: contain;
    margin: auto;
    transform-origin: center;
}
.diferencial-text-container {
    display: none;
    flex-direction: column;
    padding-left: 10.95%;
    transition: 200ms;
}
.diferencial-text {
    width: 100%;
    display: flex;
    align-items: center;
    margin: auto;
    padding-bottom: 1.48vh;
}
.diferencial-text img {
    height: 3.98vh;
    width: auto;
    object-fit: contain;
    padding-right: 0.83vw;
}
.diferencial-text p {
    text-transform: uppercase;
    font-size: 1.94vh;
    padding: 0;
}
.open {
    width: 98.55%;
}
.txt-visible {
    display: flex;
    animation: fade-anim 1s ease;
}