#hero{background:url(/build/assets/bg-hero-mobile-Daxm6ZOO.png);background-repeat:no-repeat;background-size:cover;background-position:center top;padding-top:94px;padding-bottom:170px}#hero .hero-auxiliar{font:700 20px/120% Vinila,sans-serif;text-align:center;margin-bottom:24px}@media (min-width: 1024px){#hero .hero-auxiliar{margin-bottom:16px}}#hero .hero-content>div{display:none}#hero .hero-content>div.active{display:block}#hero .hero-content>div>h1{font:700 24px/120% Vinila,sans-serif;text-align:center;margin-bottom:24px}@media (min-width: 1024px){#hero .hero-content>div>h1{font:700 48px/120% Vinila,sans-serif;margin:0 auto 20px;max-width:1104px}}#hero .hero-content>div>p{font:400 14px/150% Inter,sans-serif;text-align:center;margin-bottom:32px}@media (min-width: 1024px){#hero .hero-content>div>p{max-width:934px;font:400 18px/140% Inter,sans-serif;margin:0 auto 40px}}#hero .hero .hero-toggle{display:flex;gap:6px;padding:6px;max-width:360px;margin:0 auto;border-radius:80px;background:#ffffff0f;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 .5px #fff9,0 8px 24px #0000001f}#hero .hero .hero-toggle .toggle-btn{position:relative;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:7px 28px;border-radius:80px;border:none;cursor:pointer;color:#fff;font:700 14px/150% Inter,sans-serif;background:transparent}#hero .hero .hero-toggle .toggle-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#12295c 45%,#0e70cc);opacity:0;transition:opacity .35s ease;z-index:-1}#hero .hero .hero-toggle .toggle-btn.active:before{opacity:1}#hero .hero-planos{display:none;margin-top:32px}#hero .hero-planos.active{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center}@media (min-width: 768px){#hero .hero-planos.active{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}@media (min-width: 1024px){#hero .hero-planos.active{gap:12px}}@media (min-width: 1366px){#hero .hero-planos.active{gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,399px))}}@media (min-width: 1024px){#hero{background:url(/build/assets/bg-hero-desk-D0rAi8fO.png);background-repeat:no-repeat;background-size:cover;background-position:center top;padding-bottom:150px;padding-top:30px}}
