.login{width:100vw;display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#00a39e,#008d8d 54.34%,#002c37 120.75%),#fff}.login .button{border-radius:4px;padding:16px;font-family:Barlow;font-size:16px;font-style:normal;font-weight:700;text-transform:uppercase;width:100%;max-width:none}.login .button.primary{color:#00194c;border:2px solid #F1EC2E;border-radius:4px;background:#f1ec2e;box-shadow:0 4px 8px #00000029}.login .button.secondary{color:#f1ec2e;border:2px solid #F1EC2E;border-radius:4px;background:transparent;box-shadow:0 4px 8px #00000029}.login .hero{max-width:375px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:16px}.login .hero .logo{width:100%}.login .hero hr{width:100%;border-color:#fff;margin:8px 0}.login .hero .title{color:#fff;text-align:center;font-family:Barlow Condensed;font-size:20px;font-style:italic;font-weight:700;line-height:120%;text-transform:uppercase}.login .hero .button-container{display:flex;flex-direction:column;gap:16px;width:100%}.login .hero .faqs-link{color:#fff;font-family:Barlow;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration:underline;cursor:pointer}@media (min-width: 768px){.login .hero{padding:0;max-width:410px}.login .hero .title{font-size:24px}}.input-wrapper{display:flex;flex-direction:column;width:100%;gap:8px}.input-wrapper input{width:100%;padding:14px 12px;border-radius:8px;background:#14434a;color:#fff;font-family:Barlow;font-size:14px;font-style:normal;font-weight:500;line-height:normal;border:none}.input-wrapper input::placeholder{color:#ffffff8e}.input-wrapper .checkbox-wrapper{display:flex;align-items:center;gap:8px}.input-wrapper .checkbox-wrapper .checkbox{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--Negro, #272727);background:var(--Blanco, #FAFAFA);cursor:pointer}.input-wrapper .checkbox-wrapper .checkbox svg{width:80%}.input-wrapper .checkbox-wrapper .checkbox.active{background-color:#f1ec2e;border-color:#f1ec2e;color:#272727}.input-wrapper .checkbox-wrapper .input-label{flex:1;color:#fff;font-family:Barlow;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.input-wrapper .checkbox-wrapper .input-label a{color:#fff;text-decoration:underline}.input-wrapper .input-error{color:#ff4141;font-family:Barlow;font-size:10px;font-style:normal;font-weight:500;line-height:normal}.input-wrapper .contain-inputs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.input-wrapper .contain-inputs-grid input{text-align:center}.forms{min-height:100vh;display:flex;justify-content:center;padding:16px 16px 64px;position:relative;background:linear-gradient(0deg,#001d20,#00363c),#fff}.forms .button{border-radius:4px;padding:16px;font-family:Barlow;font-size:16px;font-style:normal;font-weight:700;text-transform:uppercase;width:100%;max-width:none}.forms .button.primary{color:#00194c;border:2px solid #F1EC2E;border-radius:4px;background:#f1ec2e;box-shadow:0 4px 8px #00000029}.forms .button.secondary{color:#f1ec2e;border:2px solid #F1EC2E;border-radius:4px;background:transparent;box-shadow:0 4px 8px #00000029}.forms .content{display:flex;flex-direction:column;gap:24px}.forms .content header{display:flex;justify-content:flex-end}.forms .content header button{background-color:transparent;border:none}.forms .content header button svg path{stroke:#fff}.forms .content .stepper{display:flex;flex-direction:column;gap:4px}.forms .content .stepper .stepper-top{display:flex;justify-content:space-between;align-items:center}.forms .content .stepper .stepper-top .circle{width:16px;height:16px;border-radius:50%;border:3px solid #668588}.forms .content .stepper .stepper-top .circle.complete{background-color:#f1ec2e;border-color:#f1ec2e}.forms .content .stepper .stepper-top .line{flex:1 0 0;height:3px;background-color:#668588}.forms .content .stepper .stepper-top .line.complete{background-color:#f1ec2e}.forms .content .stepper .stepper-bottom{display:flex;justify-content:space-between;align-items:center}.forms .content .stepper .stepper-bottom p{color:#668588;font-family:Barlow;font-size:10px;font-style:normal;font-weight:600;line-height:normal}.forms .content .stepper .stepper-bottom p:first-child{margin-left:5px}.forms .content .stepper .stepper-bottom p:last-child{margin-right:5px}.forms .content .stepper .stepper-bottom p.complete{color:#f1ec2e}.forms .content form,.forms .content form .contain-form{display:flex;flex-direction:column;gap:24px;flex:1 0 0}.forms .content form .contain-form .contain-title{display:flex;flex-direction:column;gap:8px}.forms .content form .contain-form .contain-title h2{color:#fff;font-family:Barlow Condensed;font-size:32px;font-style:normal;font-weight:700;line-height:96%;text-transform:uppercase}.forms .content form .contain-form .contain-title p{color:#fffc;font-family:Barlow;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.forms .content form .contain-form .contain-input{display:flex;flex-direction:column;gap:8px}.forms .content form .contain-form .contain-input p{color:#fff;font-family:Barlow;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.forms .content form .contain-form .contain-inputs p{color:#fffc;font-family:Barlow;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.forms .content form .contain-form .consumption-selected{width:100%;border-radius:8px;border:1px solid #00194C;background:#fff;padding:10px 20px}.forms .content form .contain-form .consumption-selected p{color:#00194c;text-align:center;font-family:Barlow;font-size:24px;font-style:normal;font-weight:500;line-height:normal}.forms .content form .incorrect-data{display:flex;flex-direction:column}.forms .content form .incorrect-data p,.forms .content form .incorrect-data a{color:#fff;font-family:Barlow;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-align:center}.forms .content .contain-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}.forms .content .contain-buttons .back-button{color:#fff;font-family:Barlow;font-size:12px;font-style:normal;font-weight:500;line-height:normal;text-decoration:underline;text-transform:uppercase}.forms .popup-confirm{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:60;background:#000c;padding:102px 16px 16px}.forms .popup-confirm .popup-confirm-contain{display:flex;flex-direction:column;gap:24px;border-radius:8px;background:#e6f1f1;padding:32px}.forms .popup-confirm .popup-confirm-contain .title{color:#00194c;font-family:Barlow Condensed;font-size:32px;font-style:normal;font-weight:700;line-height:96%;text-transform:uppercase}.forms .popup-confirm .popup-confirm-contain .alphanumeric{color:#00194ccc;font-family:Barlow;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.forms .popup-confirm .popup-confirm-contain .phone-number-contain{display:flex;flex-direction:column;gap:8px}.forms .popup-confirm .popup-confirm-contain .phone-number-contain .text{color:#00194c;font-family:Barlow;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.forms .popup-confirm .popup-confirm-contain .phone-number-contain div{border-radius:8px;border:1px solid #00194C;background:#fff;padding:10px 15px}.forms .popup-confirm .popup-confirm-contain .phone-number-contain div p{color:#00194c;text-align:center;font-family:Barlow;font-size:24px;font-style:normal;font-weight:500;line-height:normal}.forms .popup-confirm .popup-confirm-contain .button.primary{background:#00545a;border-color:#00545a;color:#fff}.forms .popup-confirm .popup-confirm-contain .back-button{color:#00194c;text-align:center;font-family:Barlow;font-size:12px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline;text-transform:uppercase}@media (min-width: 768px){.forms{align-items:flex-start;padding-top:64px}.forms .content{padding:56px;width:100%;max-width:560px;border-radius:16px;background:#002125;flex:auto;position:relative}.forms .content header{position:absolute;top:14px;right:14px}}.modal-layout{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:60;background:linear-gradient(0deg,#001d20,#00363c),#fff;padding:16px}.modal-layout .modal{display:flex;flex-direction:column;gap:24px}.modal-layout .modal header{display:flex;justify-content:flex-end}.modal-layout .modal header button{background-color:transparent;border:none}.modal-layout .modal header button svg path{stroke:#fff}.modal-layout .modal .flex{display:flex}.modal-layout .modal .gap-2{gap:8px}.modal-layout .modal .flex-1{flex:1}.modal-layout .modal .flex-col{flex-direction:column}.modal-layout .modal .items-center{align-items:center}.modal-layout .modal .text-center{text-align:center}.modal-layout .modal h3{color:#fff;font-family:Barlow Condensed;font-size:32px;font-style:normal;font-weight:700;line-height:96%;text-transform:uppercase}.modal-layout .modal p{color:#fffc;font-family:Barlow;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-align:center}.modal-layout .modal b{color:#fffc;font-family:Barlow;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.modal-layout .modal a{color:#fff;font-family:Barlow;font-size:16px;font-style:normal;font-weight:500;line-height:normal}@media (min-width: 768px){.modal-layout{display:flex;justify-content:center;align-items:flex-start;padding-top:64px}.modal-layout .modal{max-width:560px;padding:56px;border-radius:10.343px;background:#002125;position:relative}.modal-layout .modal header{position:absolute;top:16px;right:16px}.modal-layout .modal h3{font-size:32px}.modal-layout .modal p,.modal-layout .modal b,.modal-layout .modal a{font-size:16px}}