.banner{background-image:url(/images/banner.png)}.banner,.banner-plans{display:flex;justify-content:flex-end;flex-direction:column;gap:1rem;background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;min-height:500px;animation:fadeIn .8s ease-out}.banner-plans{background-image:url(/images/bannerPlans.png)}.banner-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.banner-content>*{opacity:0;animation:fadeInUpStagger .5s forwards}.banner-content>:first-child{animation-delay:.1s}.banner-content>:nth-child(2){animation-delay:.3s}.banner-content>:nth-child(3){animation-delay:.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUpStagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.banner-content>*{animation:fadeInUpStagger .4s forwards}.banner-content>:first-child{animation-delay:.05s}.banner-content>:nth-child(2){animation-delay:.15s}.banner-content>:nth-child(3){animation-delay:.25s}.buttons{display:flex;flex-direction:column;gap:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-family:var(--font-asap);font-weight:600;cursor:pointer;transition:all .3s;background-color:var(--third);color:var(--foreground)}.btn:hover{transform:translateY(-2px)}.title{display:flex;align-self:end;background-color:hsla(0,0%,100%,.5);padding:1rem 2rem;border-radius:.5rem 0 0 0;font-size:1.5rem;font-weight:700;text-align:end;max-width:800px}@media (max-width:768px){.banner{min-height:400px}.buttons{flex-direction:column}.title{font-size:1.25rem;padding:1rem}}