.timeline-mobile,.timeline__mobile-only{display:none;visibility:hidden}@media screen and (max-width:768px){.como-funciona{padding:40px 16px}.como-funciona .container{gap:16px}.como-funciona__titulo{font-size:28px;margin-bottom:12px;text-align:center;line-height:1.2}.como-funciona__subtitulo{font-size:14px;line-height:1.5;margin-bottom:20px;width:100%;max-width:600px;text-align:center}.como-funciona__timeline-wrapper{padding:0;position:relative;width:100%}.timeline{width:100%!important;display:flex!important;flex-direction:column!important;position:relative;padding:20px 10px}.timeline::before{display:none}.timeline::after{content:'';position:absolute;left:30px;top:30px;bottom:30px;width:2px;background-color:#d4d8e1;z-index:1}.timeline__item{width:100%!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:15px;align-items:center;padding:20px 0;position:relative}.timeline__item:last-child{padding-bottom:5px}.timeline__item::after{display:none}.timeline{counter-reset:timeline-step}.timeline__item{counter-increment:timeline-step}.timeline__item::before{content:counter(timeline-step);grid-column:1!important;justify-self:center!important;align-self:center;width:32px;height:32px;background:#2d3e50;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1;z-index:2;position:relative;box-shadow:0 0 0 3px #ffffff}.timeline__card{grid-column:2!important;position:relative!important;top:0!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;background-color:#2d3e50;color:#ffffff;padding:16px 18px;border-radius:8px;display:flex!important;align-items:center!important;gap:12px!important;transform:none!important;transition:all 0.3s ease!important;cursor:pointer;-webkit-tap-highlight-color:transparent}.timeline__item:nth-child(odd) .timeline__card,.timeline__item:nth-child(even) .timeline__card{position:relative!important;top:0!important;bottom:0!important}.timeline__card::before{display:none!important}.timeline__card::after{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #2d3e50 transparent transparent}.timeline__card:active{transform:scale(0.98)!important;background-color:#243447}.timeline__card.active{background-color:#3b82f6;box-shadow:0 4px 20px rgba(59,130,246,0.3);transform:scale(1.02)!important}.timeline__card.active::after{border-color:transparent #3b82f6 transparent transparent}.card__icon{flex-shrink:0;display:flex!important;align-items:center;visibility:visible!important}.card__icon img{width:30px!important;height:30px!important;display:block!important;filter:brightness(0) invert(1)!important}.card__text{font-size:17px!important;line-height:1.25!important;color:#ffffff;margin:0;flex:1;word-break:break-word;hyphens:auto}.como-funciona__cta-wrapper{margin-top:15px;text-align:center;padding:0 20px}.como-funciona__cta-wrapper .cta,.como-funciona__cta-wrapper .c-btn{background-color:var(--azul-claro);color:var(--branco-puro);border:none;padding:14px 32px;font-size:16px;font-weight:600;text-transform:none;letter-spacing:normal;box-shadow:0 4px 20px rgba(59,130,246,0.4);min-width:180px;display:inline-block;text-align:center;transition:all 0.3s ease}.como-funciona__cta-wrapper .cta:hover,.como-funciona__cta-wrapper .c-btn:hover{background-color:var(--azul-claro);transform:translateY(-2px);box-shadow:0 6px 25px rgba(59,130,246,0.5)}.como-funciona__cta-wrapper .cta:active,.como-funciona__cta-wrapper .c-btn:active{transform:scale(0.95)}.como-funciona__subtitulo-mobile{display:block!important;text-align:center;font-size:16px!important;color:var(--cinza-texto);padding:0 20px;margin:10px auto 10px;max-width:340px;line-height:1.5}}@media screen and (max-width:375px){.como-funciona{padding:32px 12px}}@media screen and (max-width:360px){.timeline{padding:20px 8px}.timeline::after{left:28px}.timeline__item{grid-template-columns:36px minmax(0,1fr)!important;gap:12px;padding:15px 0}.timeline__item:last-child{padding-bottom:5px}.timeline__item::before{width:28px;height:28px;font-size:12px}.timeline__card{padding:14px 16px}.card__icon img{width:26px!important;height:26px!important}.card__text{font-size:15px!important}.como-funciona__titulo{font-size:24px}.como-funciona__subtitulo-mobile{font-size:14px!important}}@media screen and (min-width:481px) and (max-width:768px){.como-funciona{padding:50px 20px}}@media screen and (min-width:415px) and (max-width:768px){.timeline{padding:20px 15px}.timeline::after{left:40px}.timeline__item{grid-template-columns:50px minmax(0,1fr)!important;gap:20px;padding:25px 0}.timeline__item:last-child{padding-bottom:10px}.timeline__item::before{width:36px;height:36px;font-size:16px}.timeline__card{padding:18px 22px}.card__icon img{width:32px!important;height:32px!important}.card__text{font-size:18px!important}}@media screen and (max-width:768px) and (orientation:landscape){.como-funciona{padding:40px 16px}.timeline__item{padding:15px 0}.timeline__item:last-child{padding-bottom:5px}}@media screen and (max-width:768px){@keyframes lineGrow{from{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1)}}@keyframes bulletPop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cardSlide{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes floating{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.timeline::after{animation:lineGrow 0.6s ease forwards}.timeline__item::before{opacity:0;animation:bulletPop 0.4s ease forwards}.timeline__card{opacity:0;animation:cardSlide 0.5s ease forwards}.timeline__card.floating{animation:cardSlide 0.5s ease forwards,floating 3s ease-in-out infinite}.timeline__item:nth-child(1)::before{animation-delay:0.1s}.timeline__item:nth-child(1) .timeline__card{animation-delay:0.2s}.timeline__item:nth-child(2)::before{animation-delay:0.3s}.timeline__item:nth-child(2) .timeline__card{animation-delay:0.4s}.timeline__item:nth-child(3)::before{animation-delay:0.5s}.timeline__item:nth-child(3) .timeline__card{animation-delay:0.6s}.timeline__item:nth-child(4)::before{animation-delay:0.7s}.timeline__item:nth-child(4) .timeline__card{animation-delay:0.8s}@media (prefers-reduced-motion:reduce){.timeline::after,.timeline__item::before,.timeline__card{animation:none!important;opacity:1!important}}}