.bg-claro{background-color:#da291c}.text-claro{color:#da291c}.modal-screen{width:390px;height:100%;margin:0 auto}.quiz-screen{display:flex;flex-direction:column;padding:0}.quiz-header{margin-top:72px}.quiz-header p{color:#222;font:400 20px/normal Roboto,sans-serif}.quiz-questions{margin-top:61px}.quiz-questions fieldset{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.modal-footer{align-self:flex-end;margin-top:38px}.modal-footer button{height:50px}#registration-screen{padding:32px 0}.form-field{display:flex;flex-direction:column;gap:4px}.field-icon-wrap{position:relative}.arcop-input{appearance:none;width:100%;border:1px solid #bbb;border-radius:12px;padding:10px 20px;color:#424242;font:400 16px/normal Roboto,sans-serif;outline:none;transition:all .3s ease}.arcop-input:focus{outline:none}.arcop-input.is-error{background-color:#fcf3f3;border-color:#b41e13;color:#b41e13}.arcop-input.is-success{background-color:#f3fffc;border-color:#006b4f;color:#006b4f}.field-icon{position:absolute;top:50%;right:20px;display:none;width:20px;height:20px;transform:translateY(-50%);pointer-events:none}.field-icon-wrap:has(.arcop-input.is-success) .field-icon--success,.field-icon-wrap:has(.arcop-input.is-error) .field-icon--error{display:block}.field-icon-wrap:has(.arcop-input.is-success) .arcop-input,.field-icon-wrap:has(.arcop-input.is-error) .arcop-input{padding-right:44px}.field-error{min-height:1px;color:#da291c;font:400 12px/normal Roboto,sans-serif}.checkbox-error{margin-top:-10px}.question-option{position:relative;display:block;cursor:pointer;min-height:0;border:2px solid #e2e2e2;border-radius:10px;padding:20px 20px 20px 50px;text-align:left;font:500 14px/normal Roboto,sans-serif;transition:all .25s linear}.question-option.selected{border-color:#da291c!important}.question-option input{display:none}.question-option .check{position:absolute;left:15px;top:50%;display:flex;width:20px;height:20px;transform:translateY(-50%);align-items:center;justify-content:center;border:2px solid #e2e2e2;border-radius:40px;background:transparent}.question-option .check em{width:10px;height:10px;border-radius:200px;background:transparent}.question-option.selected .check{border-color:#da291c!important}.question-option.selected .check em{background-color:#da291c}.pagination{margin-top:40px}.pagination-button{width:fit-content;height:fit-content;border:0;background:transparent}.pagination-button img{width:38px;height:38px;object-fit:contain}.pagination-button:disabled{cursor:not-allowed;opacity:.3}#close-modal{width:14px;height:14px;padding:0;border:0;font-size:0;background:url(https://www.claro.com.pe/portal/pe-2020/recursos_contenido/claro-home/05ed392f-0935-4907-8b18-7d45766a5576-b62a3b7c-7e3c-48f9-91a2-cfd422d6f2f2-icon-close-black.svg) center / 100% no-repeat}.checkbox-row{display:flex;align-items:flex-start;gap:9px}.checkbox-row input{margin-top:3px;accent-color:#da291c}.policy-link{color:#00818f;font-weight:700;text-decoration:underline}@media(max-width:640px){#modal-panel{border-radius:20px}.modal-screen{width:calc(100% - 40px)}.quiz-header{margin-top:16px}.quiz-questions{margin-top:20px}.modal-footer{width:100%;margin-top:20px}.modal-footer button{width:100%}.pagination{margin-top:10px}}