section.planos{width:100%;padding-top:100px}section.planos .container{display:flex;flex-direction:column}section.planos .container .plano-chamada{width:100%}section.planos .container .plano-chamada h2{font-size:35px;line-height:30px;font-weight:700;margin-bottom:15px;text-align:center}section.planos .container .plano-chamada p{font-size:16px;line-height:24px;margin-bottom:30px;opacity:.8;text-align:center}section.planos .container .filter{width:100%;display:flex;justify-content:center;align-items:center}section.planos .container .filter .options{background-color:var(--Border);border-radius:20px;display:flex;gap:0}section.planos .container .filter .options button{padding:10px 20px;cursor:pointer}section.planos .container .filter .options button.active{background-color:var(--Primary);color:#fff;border-radius:20px}section.planos .container .boxes-wrapper{width:100%;display:flex;flex-direction:row;gap:10px;padding-top:30px;justify-content:center}section.planos .container .boxes-wrapper .box-plano{display:flex;flex-direction:column;gap:10px;border:1px solid var(--Border);border-radius:20px;max-width:400px;width:400px;padding:40px 30px 20px;background:linear-gradient(0,transparent,rgba(0,0,0,.05) 0,transparent);transition:all .7s}section.planos .container .boxes-wrapper .box-plano:hover{background:linear-gradient(0,transparent,rgba(0,0,0,.2) 0,transparent);border-color:var(--Primary);transition:all .7s}section.planos .container .boxes-wrapper .box-plano h4{font-size:30px;line-height:24px;font-weight:700;margin-bottom:10px}section.planos .container .boxes-wrapper .box-plano .plano-price h5{font-size:20px}section.planos .container .boxes-wrapper .box-plano .plano-price h5 .price-destaque{font-size:50px;font-weight:700}section.planos .container .boxes-wrapper .box-plano .botao-assinar{width:100%;padding-top:50px}section.planos .container .boxes-wrapper .box-plano .botao-assinar button{width:100%;background-color:var(--Primary);color:#fff;border-radius:15px;padding:10px 20px;display:flex;justify-content:center;align-items:center}section.planos .container .boxes-wrapper .box-plano .botao-assinar button .loading{width:30px;height:30px;margin-left:15px}section.planos .container .boxes-wrapper .box-plano .lista-beneficios p{font-size:15px;line-height:22px;margin-bottom:10px;opacity:.8}@media screen and (max-width:800px){section.planos .container .boxes-wrapper{flex-direction:column;align-items:center}section.planos .container .boxes-wrapper .box-plano{width:auto}}