.como-funciona{padding:100px 20px;text-align:center;background-color:var(--branco-puro)}.como-funciona .container{display:flex;flex-direction:column;gap:120px;align-items:center}.como-funciona__header{max-width:750px}.como-funciona__titulo{font-size:clamp(32px,4vw,42px);font-weight:700;color:var(--azul-escuro);margin-bottom:16px}.como-funciona__subtitulo{font-size:clamp(16px,2vw,20px);color:var(--cinza-texto);margin-bottom:40px}.como-funciona__timeline-wrapper{position:relative;width:100%;display:block}.timeline{position:relative;display:flex;justify-content:space-around;align-items:flex-start}.timeline::before{content:'';position:absolute;top:50%;left:30px;right:30px;height:2px;background-color:#c4c8d4;transform:translateY(-50%)}.timeline__item{position:relative;display:flex;justify-content:center;width:25%;padding-top:100px;padding-bottom:100px}.timeline__item::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background-color:var(--branco-puro);border:2px solid #c4c8d4;z-index:1}.timeline__card{position:absolute;width:240px;background-color:var(--azul-escuro);color:var(--branco-puro);padding:20px;border-radius:16px;display:flex;align-items:center;gap:16px;text-align:left;box-shadow:var(--sombra-suave);transition:transform 0.3s ease;z-index:2}.timeline__card:hover{transform:scale(1.05)}.timeline__item:nth-child(odd) .timeline__card{bottom:calc(50% + 25px)}.timeline__item:nth-child(even) .timeline__card{top:calc(50% + 25px)}.timeline__card::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent}.timeline__item:nth-child(odd) .timeline__card::before{top:100%;border-top:12px solid var(--azul-escuro)}.timeline__item:nth-child(even) .timeline__card::before{bottom:100%;border-bottom:12px solid var(--azul-escuro)}.card__icon{flex-shrink:0}.card__icon img{width:40px;height:auto}.card__text{font-size:15px;line-height:1.4}.como-funciona__cta-wrapper{margin-top:60px}@media (max-width:768px){.como-funciona .container{gap:80px}.como-funciona__subtitulo{margin-bottom:20px}.timeline__item{padding-top:60px;padding-bottom:60px}.como-funciona__cta-wrapper{margin-top:40px}}