.banner-section{display:flex;width:100%;flex-direction:column;align-items:center}.banner-section .up{display:flex;width:100%;flex-direction:column-reverse;justify-content:space-between;border-radius:1rem;padding:2.5rem}@media (min-width:768px){.banner-section .up{padding:3.5rem}}@media (min-width:1024px){.banner-section .up{flex-direction:row}}.banner-section .up{--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1))}.banner-section .up .izq{display:flex;height:100%;width:100%;flex-direction:column;justify-content:space-between;font-family:Biko,sans-serif;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.banner-section .up .der{height:18rem;width:100%;max-width:32rem;border-radius:1rem;padding:1rem;background-color:rgb(246 246 246/.1)}.banner-section .up .der .box-image{position:relative;display:flex;height:100%;border-radius:.75rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#575764 var(--tw-gradient-from-position);--tw-gradient-to:rgb(87 87 100/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#d1d5db var(--tw-gradient-to-position)}.banner-section .up .der .box-image img{position:absolute;bottom:0;width:100%;object-fit:cover}.banner-section .down{display:flex;width:100%;max-width:80rem;flex-direction:column-reverse;gap:.5rem;font-family:Biko,sans-serif}@media (min-width:640px){.banner-section .down{flex-direction:row}}@media (min-width:768px){.banner-section .down{gap:.75rem}}.banner-section .down{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.pill{width:max-content;border-radius:.375rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.pill.dark{background-color:rgb(20 20 22/var(--tw-bg-opacity,1));color:rgb(246 246 246/var(--tw-text-opacity,1))}.pill.dark,.pill.light{--tw-bg-opacity:1;--tw-text-opacity:1}.pill.light{background-color:rgb(246 246 246/var(--tw-bg-opacity,1));color:rgb(20 20 22/var(--tw-text-opacity,1))}.pill.outlined{border-width:1px}.plan{display:flex;width:100%;flex-direction:column;gap:1.25rem;border-radius:.75rem;padding:2.5rem 2rem;--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgb(20 20 22/0.1);--tw-shadow:var(--tw-shadow-colored);justify-content:space-between}.plan .title{margin-bottom:1.25rem;width:100%;max-width:11rem}.plan .price>span:nth-of-type(2){--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan .button:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan .button{transition-duration:.2s}.plan .features li{margin-bottom:1.25rem;display:flex;gap:.5rem;--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan.dark{--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1))}.plan.dark,.plan.dark .features li,.plan.dark .price>span:nth-of-type(2){--tw-text-opacity:1;color:rgb(246 246 246/var(--tw-text-opacity,1))}.plan.light{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan.light .button{border-width:1px}.plan.light .button,.plan.light .button:hover{--tw-border-opacity:1;border-color:rgb(20 20 22/var(--tw-border-opacity,1))}.plan.light .button:hover{--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.plan.light .button{transition-duration:.2s}.plan.light .button.accent{--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.plan.yellow{--tw-bg-opacity:1;background-color:rgb(251 210 100/var(--tw-bg-opacity,1))}.plan.yellow,.plan.yellow .helper>span,.plan.yellow .price>span,.plan.yellow .title span{--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan.yellow .button{border-width:1px}.plan.yellow .button,.plan.yellow .button:hover{--tw-border-opacity:1;border-color:rgb(20 20 22/var(--tw-border-opacity,1))}.plan.yellow .button:hover{--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.plan.yellow .button{transition-duration:.2s}.plan.yellow .button.accent{--tw-bg-opacity:1;background-color:rgb(20 20 22/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.plan.yellow .features li{--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan.blue{--tw-bg-opacity:1;background-color:rgb(60 76 117/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.plan.blue .helper>span,.plan.blue .price>span,.plan.blue .title span{--tw-text-opacity:1;color:rgb(246 246 246/var(--tw-text-opacity,1))}.plan.blue .button.accent{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 20 22/var(--tw-text-opacity,1))}.plan.blue .features li{--tw-text-opacity:1;color:rgb(246 246 246/var(--tw-text-opacity,1))}.period-selector{height:min-content;border-width:1px;--tw-border-opacity:1;border-color:rgb(22 109 106/var(--tw-border-opacity,1));border-radius:9999px;display:flex;align-items:center;font-family:Biko,sans-serif;font-size:1.125rem;line-height:1.75rem}.period-selector button{padding:.25rem 1.5rem;border-radius:9999px}.period-selector button:last-child{padding-inline-start:1.5rem}.period-selector .checked{--tw-bg-opacity:1;background-color:rgb(22 109 106/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));height:100%;width:100%;border-radius:9999px}