.lentes .title-parent { display: flex; justify-content: space-between; align-items: center; }
.lentes .title { font: 300 46.02px modelica; display: flex; align-items: center;  gap: 8px; color: var(--preto); }
.lentes .title b { font: 220.8px retro; color: var(--cor1); }

.comparacao { display: grid; grid-template-columns: repeat(2, 1fr); gap: 85px; }
.comparacao > .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.comparacao .content { display: flex; flex-direction: column; gap: 45px; }
.comparacao .content .titulo { font: 300 30.42px modelica; text-transform: uppercase; color: var(--cor1); } 
.comparacao .content .texto { font: 20.28px / 1.5 modelica; letter-spacing: -1.155px; }


.vantagens-lentes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin: 80px 0; }
.vantagens-lentes .vantagem-item { border: 5px solid var(--cor1); padding: 30px; box-sizing: border-box; display: flex; gap: 15px; }
.vantagem-item > .img { display: flex; height: 67px; width: auto; aspect-ratio: 1/1; background: var(--cor1); align-items: center; justify-content: center; border-radius: 50%; }
.vantagem-item .title { font: 700 21.97px modelica; }
.vantagem-item .text { font: 20.28px modelica; letter-spacing: -1.1px; }

.processo-lentes { margin: 90px 0 110px; }
.processo-topo { display: grid; grid-template-columns: auto 1px 1fr; gap: 40px; align-items: center; }
.processo-titulo { display: flex; flex-direction: column; line-height: 1; }
.processo-titulo .kicker { font: 300 46.02px modelica; text-transform: uppercase; letter-spacing: 1px; color: var(--preto); text-align: center; padding: 0 0 0 80px; margin-bottom: -90px; }
.processo-titulo .script { font: 220.83px  retro; color: var(--cor1); line-height: 0.9; margin-top: -6px; }
.processo-bar { width: 1px; height: 100%; background: #bdbdbd; }
.processo-intro { font: 20.28px / 1.5 modelica; color: var(--preto); letter-spacing: -1.1px; }

.processo-lista { position: relative; margin-top: 50px; display: grid; gap: 65px; }
.processo-lista::before { content: ""; position: absolute; left: 38.5px; top: 25px; bottom: 6px; width: 4px; background: #c9c9c9; height: 90%; }
.processo-lista.reveal-ready::before { transform: scaleY(0); transform-origin: top; }
.processo-lista.reveal-ready.is-revealed::before { transform: scaleY(1); transition: transform 1.4s ease; }
.processo-lista.reveal-ready .processo-num,
.processo-lista.reveal-ready .processo-conteudo { opacity: 0; transform: translateY(14px); }
.processo-lista.reveal-ready.is-revealed .processo-num { opacity: 1; transform: translateY(0); transition: opacity 0.45s ease, transform 0.45s ease; transition-delay: calc(var(--reveal-delay, 0s) + 0.15s); }
.processo-lista.reveal-ready.is-revealed .processo-conteudo { opacity: 1; transform: translateY(0); transition: opacity 0.6s ease, transform 0.6s ease; transition-delay: calc(var(--reveal-delay, 0s) + 0.25s); }
.processo-item { display: grid; grid-template-columns: 80px 1fr; column-gap: 30px; align-items: center; }
.processo-num { display: flex; align-items: flex-start; justify-content: center; position: relative; z-index: 1; }
.processo-num .diamond { width: 68px; height: 68px; border: 4px solid #bdbdbd; transform: rotate(45deg); display: flex; align-items: center; justify-content: center; background: var(--branco); }
.processo-num .diamond span { transform: rotate(-45deg); font: 22.57px modelica; letter-spacing: 1px; color: var(--preto); border-bottom: 1px solid var(--cor1); }
.processo-conteudo .titulo { font: 300 30.42px modelica; text-transform: uppercase; color: var(--cor1); letter-spacing: 1px; margin-bottom: 8px; }
.processo-conteudo .texto { font: 20.28px / 1.5 modelica; color: var(--preto); letter-spacing: -1.1px; }

.processo-final { margin-top: 26px; font: 18px / 1.6 modelica; color: var(--preto); }

@media(max-width: 1250px){
    .lentes .title-parent { margin-bottom: 20px; }
    .lentes .title { font-size: 40px; }
    .lentes .title b { font-size: 130px; }
    .vantagem-item .content .title  { font-size: 19px; }
    .vantagem-item .text { font-size: 18px; }
}

@media (max-width: 990px) {
    .processo-lentes { margin: 70px 0 80px; }
    .processo-topo { grid-template-columns: 1fr; gap: 18px; }
    .processo-bar { display: none; }
    .processo-titulo .kicker { font-size: 30px; margin-bottom: -30px; padding-left: 60px;  }
    .processo-titulo .script { text-align: center; font-size: 130px; }
    .processo-intro { font-size: 16px; max-width: 100%; hyphens: auto; }
    .processo-lista { margin-top: 30px; gap: 28px; }
    .processo-lista::before { left: 28px; top: 75px; height: 78%; }
    .processo-item { grid-template-columns: 60px 1fr; column-gap: 18px; }
    .processo-num .diamond { width: 36px; height: 36px; }
    .processo-num .diamond span { font-size: 12px; }
    .processo-conteudo .titulo { font-size: 18px; }
    .processo-conteudo .texto { font-size: 16px; }
    .processo-final { font-size: 16px; }
    .vantagens-lentes { grid-template-columns: 1fr; margin: 40px 0; gap: 15px; }
    .lentes .whats-button { display: none; }
    .lentes .title-parent { justify-content: center; }
    .lentes .comparacao { grid-template-columns: 1fr; gap: 30px; }
    .comparacao .content .titulo { text-align: center; font-size: 25px; }
    .comparacao .content .texto { font-size: 18px; hyphens: auto; }
    .comparacao .content { gap: 25px; }
    .comparacao .content { order: 1; }
    .comparacao > .img { order: 2; }
}

@media(max-width: 500px){
    .comparacao .content .titulo { font-size: 21px; }
    .lentes .title b { font-size: 85px; }
    .lentes .title { font-size: 28px; }
    .lentes .title > p  { padding-top: 15px; }
    .processo-titulo .script { font-size: 85px; }
    .processo-titulo .kicker { font-size: 28px; margin: 0; padding: 0; }
    .processo-lista::before  { height: 84%; }
}

/* @media (max-width: 600px) {
    .processo-titulo .script { font-size: 84px; }
    .processo-titulo .kicker { font-size: 22px; }
} */