.banner__principal--ac{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
    .banner__principal--ac{
        display: flex;
        flex-direction: column;
    }
}

.banner__principal-img{
    height: 35vh;
    background-image: url(../img/def/atencioncliente.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.banner__principal-txt{
    background-color: #f07325d7;
    height: 35vh;
    padding: 1rem 4rem;
}


.banner__principal-txt p{
    color: var(--backObscuro);
    font-size: 2.5rem;
}

@media (max-width: 768px) {
    .banner__principal-txt{
        height: 23vh;
    }
    .banner__principal-txt p{
        color: var(--backObscuro);
        font-size: 2.1rem;
    }
    .banner__principal-img{
        height: 25vh;
    }
}

.serviciocliente{
    margin: 5rem;
    text-align: center;
}

@media (max-width: 768px) {
    .serviciocliente{
        margin: 3rem;
    }
}

.serviciocliente p{
    font-size: 1.8rem;
}