.bar-bg { background: var(--preto); padding: 85px 0; }
.bar-bg .bar { display: flex; align-items: center; justify-content: center; gap: 50px; }
.bar .whats-href { display: flex; gap: 10px; }

.bar .img { display: flex; transition: .4s ease; align-items: center; justify-content: center; height: 95px; width: auto; aspect-ratio: 1/1; background: var(--fundo-zap); }
.bar .content { background: var(--fundo-zap-texto);  transition: .4s ease; font: 19.74px modelica; color: var(--branco);  display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 0 40px; }
.bar .content span { font: 700 31px modelica; } 
.bar .whats-href:hover .img,
.bar .whats-href:hover .content{ background: #528708; }
.bar .texto { font: 47.9px modelica; text-align: right; letter-spacing: -2.585px; color: var(--branco); display: flex; flex-direction: column; }
.bar .texto span { font: 164.6px / .1 retro; letter-spacing: 0; color: var(--cor1); }
.bar .texto > p { padding-right: 70px; }

@media(max-width: 1250px){
    .bar .content { font-size: 18px; }
    .bar .content span { font-size: 24px; }
    .bar .texto { font-size: 32px; }
    .bar .texto span { font-size: 145px; }
}

@media(max-width: 990px){
    .bar-bg { padding: 40px 0; }
    .bar-bg .bar { flex-direction: column; }
    .bar .texto { text-align: center; }
    .bar .texto > p { padding-right: 0; }
    .bar-bg .bar { gap: 25px; }
    .bar .texto span { line-height: .5; font-size: 100px; }
    .bar .img { height: 65px; }
    .bar .img img { width: 35px; height: auto; aspect-ratio: 1/1; }
    .bar .content { font-size: 16px; padding: 0 25px; }
    .bar .content span { font-size: 21px; }
}

@media(max-width: 500px){
    .bar .texto { font-size: 28px; }
    .bar .texto span { font-size: 85px; }
}