:root{--padding: 16px;--color: #22A569;--color-darken: #168855;--color-bg: #D9EEEC;--on-primary: #fff;--body: #fafafa;--on-body: #000;--surface: #eee;--on-surface: #000;--coupon: #AD7E11;--dialog-border-radius: 6px}@font-face{font-family:Renner;font-weight:400;src:url(/fonts/renner-light.otf)}@font-face{font-family:Renner;font-weight:500;src:url(/fonts/renner-book.otf)}@media (min-width: 1200px){:root{--padding:calc((100vw - 1100px)/2)}}html,body{margin:0;padding:0;background-color:#f5f5f5}body,h1,h2,h3,h4,h5,h6{font-family:Renner,Century Gothic,sans-serif}main{min-height:100%;background-color:var(--body);transition:transform .2s ease-out}.p{padding:16px var(--padding)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 22px;background-color:#cacaca;color:#000;border:none;border-radius:2px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:500;font-family:Renner,sans-serif;user-select:none}.btn span{margin:0!important;padding:0!important;font-size:14px!important}.btn.--big{padding:12px 32px;font-size:16px}.btn.--block{width:100%}.btn:hover{filter:brightness(80%)}.btn:active{transform:translateY(2px)}.btn.--color{background:var(--color);color:#fff}.btn.--flat{background-color:transparent;color:var(--color);box-shadow:none}.btn[disabled]{background-color:#eee;color:#555;pointer-events:none}button.link{margin:0;padding:0;background-color:transparent;border:none;color:var(--color);text-decoration:underline;cursor:pointer}label{display:flex;flex-direction:column;gap:4px}label span{margin-left:0}label small{font-size:14px;color:#787878}.card{background-color:#fff;border-radius:2px;border-right:1px solid #DDD;border-left:1px solid #DDD}span{margin:0 16px;display:block}.card img{display:block;width:100%;height:auto}.card__title{margin-top:16px;font-size:20px}.card__subtitle{margin-bottom:16px;color:#787878}.card__actions{border-top:1px solid #e0e0e0}input[type=text],input[type=email],input[type=tel],textarea,select{appearance:none;display:block;box-sizing:border-box;width:100%;padding:18px 22px;background-color:transparent;border:none;border:1.6px solid #ccc;border-radius:5px;font:400 16px Renner,Century Gothic,sans-serif}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus,select:focus{outline:none;border-bottom:2px solid var(--color)}label:has(input:user-valid)>span:first-child:after{content:"";position:absolute;transform:translate(12px,-4px);width:24px;height:24px;background-image:url(https://cdn1.arno.cl/2024/11/check_circle_24dp_48752C_FILL1_wght400_GRAD0_opsz24.png);background-size:cover}footer{padding:22px var(--padding);font:400 14px Renner,Century Gothic,sans-serif;display:flex;flex-direction:column;gap:42px;background-color:#2b3631}footer .cols{display:flex;justify-content:space-between;gap:46px}footer p,footer a{color:#ddd;font-weight:400}footer h5{color:#fff;font-size:18px;font-weight:500}footer .links{display:flex;flex-direction:column;gap:6px;font-size:16px}footer .newsletter{max-width:450px}footer label span{font-size:14px;color:#fff;margin:0}footer .email{display:flex;gap:8px}footer .email input{height:36px;padding-top:8px;color:#ddd}footer .bottom{display:flex;justify-content:space-between}footer .social{display:flex;gap:8px}footer .social svg{width:28px;height:28px;fill:#ddd}button.reset{all:unset;cursor:pointer}button.reset:disabled{opacity:.2}button.reset:focus-visible{outline:auto}@media (max-width: 900px){footer .cols{flex-direction:column;gap:0}}.loader{display:inline-block;width:40rem;height:40rem;border-radius:50%;box-sizing:border-box;border:4rem solid var(--color);clip-path:polygon(50% 50%,0% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%);animation:1.6s to-loader linear infinite;background:none!important}.loader.small{width:24px;height:24px;border-width:3px}.loader.medium{width:40px;height:40px;border-width:4px}.loader.large{width:56px;height:56px;border-width:5px}.loader.white{border-color:#fff!important}@keyframes to-loader{0%{transform:rotate(0);clip-path:polygon(50% 50%,0% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}20%{clip-path:polygon(50% 50%,0% 0%,50% 0%,100% 0%,100% 50%,100% 50%,100% 50%,100% 50%,100% 50%)}30%{clip-path:polygon(50% 50%,0% 0%,50% 0%,100% 0%,100% 50%,100% 100%,50% 100%,50% 100%,50% 100%)}40%{clip-path:polygon(50% 50%,0% 0%,50% 0%,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%)}50%{clip-path:polygon(50% 50%,50% 0%,50% 0%,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%)}60%{clip-path:polygon(50% 50%,100% 50%,100% 50%,100% 50%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%)}70%{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%,0% 50%)}80%{clip-path:polygon(50% 50%,0% 100%,0% 100%,0% 100%,0% 100%,0% 100%,0% 100%,0% 100%,0% 50%)}90%{transform:rotate(360deg);clip-path:polygon(50% 50%,0% 50%,0% 50%,0% 50%,0% 50%,0% 50%,0% 50%,0% 50%,0% 50%)}to{clip-path:polygon(50% 50%,0% 50%,0% 50%,0% 50%,0% 50%,0% 50%,0% 50%,0% 50%,0% 50%)}}.modal{margin:0;padding:0;position:fixed;left:0;top:unset;bottom:0;max-height:calc(100% - 72px);min-width:100%;border:none;box-shadow:0 -2px 8px #0000001a;background-color:var(--body);animation:bottomSheetExit .2s cubic-bezier(.46,.11,.56,.31) forwards;z-index:99}.modal header{padding:16px;position:sticky;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;border-bottom:1px solid var(--surface);background-color:var(--body)}.modal header span{font-size:22px}.modal .content{padding:16px}.modal::backdrop{background-color:#00000080;animation:hideBackdrop 0s ease-in}.modal[open]{animation:bottomSheetEnter .3s cubic-bezier(.4,0,0,.97) forwards}.modal[open]::backdrop{animation:showBackdrop .3s cubic-bezier(.4,0,0,.97)}.modal[open]~main{border-radius:var(--dialog-border-radius);transform:scale(.9);transition:transform .3s ease-out}@keyframes bottomSheetEnter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bottomSheetExit{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes showBackdrop{0%{opacity:0}to{opacity:1}}@keyframes hideBackdrop{0%{opacity:1}to{opacity:0}}@keyframes modalEnter{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalExit{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:0}}@media (min-width: 768px){.modal{margin:auto;position:fixed;inset:0;border-radius:3px;max-height:80vh;max-width:560px;min-width:0px;animation:modalExit .2s ease-out}.modal[open]{animation:modalEnter .3s cubic-bezier(.4,0,0,.97) forwards}.modal .content{padding:16px 32px}}
