@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");*{margin:0;font-family:Nunito,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.containerAhorraPay{background-color:#eaf9fb;width:100%;min-height:100vh;gap:48px}.containerAhorraPay,.main-content{display:flex;flex-direction:column}.main-content{flex-grow:1;gap:32px}.cardFormComponentPage{padding-right:17px;flex-grow:1}.ErrorMessage{display:flex;align-items:center;justify-content:center;height:100vh;font-size:20px}.prueba{position:fixed;top:0;bottom:0;padding-top:72px;z-index:100;display:flex;flex-direction:row;align-items:flex-start;transition:right .5s ease}.active{right:0}.inactive{right:-75vw}.toggle-viewer{display:flex;flex-direction:column-reverse;margin-top:10%;background-color:#273abe;cursor:pointer;border:none;padding:32px 16px;border-radius:16px 0 0 16px;gap:8px}.toggle-viewer .material-symbols-outlined{font-size:32px;color:#fff;transform:rotate(90deg)}.title-page{color:#fff;font-size:24px;writing-mode:vertical-lr;transform:rotate(180deg)}.viewer-container{background-color:#273abe;width:75vw;height:100%;display:flex;flex-direction:column}.viewer-container .viewer{width:-webkit-fill-available;width:-moz-available;width:fill-available;height:-webkit-fill-available;height:-moz-available;height:fill-available;padding:24px;border:none;flex:1}.toggle-viewer .rotate{transform:rotate(270deg)}@media (max-width:1250px){.cardFormComponentPage{padding-right:0}.containerAhorraPay{padding-bottom:0}.prueba{left:0;width:100%;height:auto;padding-top:72px;flex-direction:column;transition:top .5s ease}.active,.prueba{right:0;top:0}.inactive{top:calc(100dvh - 64px - 72px);right:0}.toggle-viewer{flex-direction:row;justify-content:center;align-items:center;padding:16px 32px;border-radius:16px 16px 0 0;width:100%;margin-top:0}.toggle-viewer .material-symbols-outlined{color:#fff;transform:rotate(180deg)}.title-page,.toggle-viewer .rotate{transform:rotate(0deg)}.title-page{writing-mode:horizontal-tb}.viewer-container{width:100%;height:100%}.viewer-container .viewer{padding:16px}}.cardFormComponent{padding-bottom:20px;margin-top:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:auto}.formComponentContainer{padding:24px;border-radius:16px;background:#fff;box-shadow:0 6px 12px 0 rgba(0,0,0,.1);width:760px;justify-content:center}.paymentCardFormContainer{z-index:2000;position:fixed;background-color:rgba(0,0,0,.85);width:100%;height:100%;top:0}@media (max-width:1299px){.cardFormComponent{flex-direction:column}}@media (max-width:850px){.formComponentContainer{display:flex;width:85%;padding:16px;justify-content:center;align-items:center;align-content:center}}@media (max-width:400px){.cardContainer{display:flex;justify-content:center}.cardImageStyle{width:330.3px;height:199.8px}}.infoImageCardContainer{position:absolute;margin-top:40px;margin-left:30px}.imageContainerCard{display:flex;flex-direction:row;margin-top:-12px}.cardTypeContainer{margin-left:180px}.numberCard{margin-top:30px}.numberCard span{color:#fff;font-family:Lato,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal;opacity:.9}.infoCard{display:flex;flex-direction:row;justify-content:space-between;margin-top:40px}.cvvCard span,.nameCard span,.validityCard span{color:#fff;text-align:center;font-family:Lato,sans-serif;font-size:14px;font-weight:100;opacity:.6;font-weight:lighter}.cvvTextCard span,.nameTextCard span,.validityTextCard span{color:#fff;text-align:center;font-family:Lato,sans-serif;font-size:18px;font-weight:lighter;margin-top:5px}.nameTextCard span{line-height:-10!important}.cvvTextCard,.nameTextCard,.validityTextCard{margin-top:3px}.infoCardContainer{width:100%}.nameCardContainer{width:150px}.validityCardContainer{margin-left:20px;width:100px}.creditCardNumber,.payMethod{border-radius:4px;padding:8px 12px;background:#fff;border:1px solid #adb5c2}.labelForm input::-moz-placeholder{color:#757575;font-size:16px;font-style:normal;font-weight:400}.labelForm input::placeholder{color:#757575;font-size:16px;font-style:normal;font-weight:400}.formCardContainer{width:100%}.numberContainer,.paymentMethodContainer{width:100%;display:flex;flex-direction:column;justify-content:space-around;height:100%}.creditCardNumber{width:90%}.payMethod,.payMethodContainer{width:100%}.cardComponentContainer{margin-right:50px}.payMethod option{color:#424242;font-size:16px;font-style:normal;font-weight:400;padding:8px 12px}.labelForm select{color:red}@media (max-width:1250px){.cardComponentContainer{margin-right:0;margin-bottom:24px}}@media (max-width:400px){.infoImageCardContainer{margin-left:10px}.infoCard{margin-top:10px}}.FormComponent{flex-direction:column;justify-content:center}.FormComponent,.priceContainer{display:flex;align-items:center}.priceContainer{flex-direction:row}.price span{color:#424242;font-size:24px;font-weight:700;letter-spacing:.48px}.amount .underline{border-bottom:3px solid #953993;display:inline-block}.amount span{color:#953993;font-family:Lato,sans-serif;font-size:40px;font-weight:700;line-height:48px;letter-spacing:.8px}.amount{margin-left:16px}.cardDataText{margin-top:24px}.cardDataText span{color:#424242;text-align:center;font-size:20px;font-style:normal;font-weight:400}.errorNumberCreditCard{margin-top:4px}.textErrorNumberCreditCard{margin-left:2px;color:#e2472f;font-size:14px;font-style:normal;font-weight:400}.expireCode{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.questionImg{margin-right:15px;width:20px}.messageAdvice{position:absolute;margin-top:-54px}.textMessageAdvice{padding:8px;border-radius:4px;background-color:#656565;margin-top:-13px;width:285px}.textMessageAdvice span{font-size:14px;font-family:Inter,sans-serif;color:#fff}.messageAdvice img{position:absolute;right:168px;margin-top:-1px}.ayeImg{margin-left:-37px}.banByMethod,.cardFormat,.creditCardNumberContainer,.paymentMethod,.wayToPay{margin-top:4px}.banByMethod label img,.paymentMethod label img,.wayToPay label img,cardFormat label img{margin-left:-30px}.banByMethod label,.cardFormat label,.creditCardNumberContainer label,.informationSecure,.paymentMethod label,.wayToPay label{display:flex;flex-direction:row;align-items:center}.informationSecure{justify-content:center;margin-top:20px}.bankByMethodContainer,.expirationDate,.informationSecureContainer,.numberContainer,.paymentMethodContainer,.securityCodeContainer{width:100%;display:flex;flex-direction:column;justify-content:space-around;height:100%}.cardFormatContainer,.wayToPayContainer{width:100%;display:flex;flex-direction:column;height:100%}.pay{width:100%;height:36px;margin-top:24px;background-color:#953993;border-width:0;border-radius:4px}.pay span{color:#fff;font-weight:600;line-height:20px}.pay span,.textBankByMethod,.textCardFormat,.textExpirationDate,.textExpireCode,.textInformationSecure,.textName,.textNumberContainer,.textPaymentMethod,.textWayToPay{font-size:16px;font-style:normal}.textInformationSecure{color:#424242;font-weight:700}.banByMethod,.cardFormat,.paymentMethod,.wayToPay{display:flex;flex-direction:row;cursor:pointer}.selectPaymentMethod{border:1px solid #adb5c2}.selectPaymentMethod,.selectPaymentMethodAfter{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:93.5%;padding:8px 12px;border-radius:4px}.selectPaymentMethodAfter{border-radius:4px 4px 0 0;border:2px solid #8cd2d9;border-bottom-color:#c2c2c2}.bankBytMethodCaretImg,.paymentMethodCaretImg{margin-left:0;position:absolute;padding:8px 3.5% 8px 90%;margin-top:-4px}.cardFormatCaretImg,.wayToPayCaretImg{margin-left:0;position:absolute;padding:8px 3.5% 8px 80%;margin-top:-4px}.itemsBankByMethod,.itemsPaymentMethod{width:99%;background-color:#fff;cursor:pointer;border-radius:0 0 4px 4px;border-bottom:2px solid #8cd2d9;border-right:2px solid #8cd2d9;border-left:2px solid #8cd2d9}.itemBankBytMethodImgContainer,.itemsPaymentMethodContainer{position:absolute;top:1;left:0;right:0;width:100%;z-index:999;margin-top:0}.itemCardFormatContainer,.itemWayToPayContainer{position:absolute;top:1;left:0;right:0;width:94%;z-index:999;margin-top:35px}.itemCardFormatContainer{margin-left:5%}.itemsBankByMethod{max-height:300px;overflow-y:auto;position:absolute}.itemsBankByMethod::-webkit-scrollbar{width:4px;height:82px}.itemsBankByMethod::-webkit-scrollbar-thumb{background:#d9d9d9}.bankByMethodContainer,.cardFormatContainer,.paymentMethodContainer,.wayToPayContainer{position:relative}.itemsBankByMethod,.itemsPaymentMethod{display:flex;flex-direction:column;box-shadow:0 8px 16px 0 rgba(0,0,0,.16)}.itemsBankByMethod span,.itemsPaymentMethod span{color:#424242;font-size:14px;font-style:normal;padding:6px 16px}.itemsBankByMethod span:hover,.itemsPaymentMethod span:hover{background-color:#eaf9fb}.labelForm input{outline:none}.wayToPayCardFormatContainer{display:flex;flex-direction:row;width:100%}.cardFormatImgContainer,.wayToPayImgContainer{width:100%;display:flex}.cardFormatImgContainer{display:flex;align-items:center;justify-content:end}.textcardFormatContainer{display:flex;padding-left:10px}.cardFormat,.wayToPay{width:95%;display:flex;flex-direction:row;align-items:center;justify-content:end}.cardBankHolderContainer,.expirationDatePaymentMethodContainer,.numberPaymentMethodContainer,.securityCodePayButton{display:flex;flex-direction:row;justify-content:space-around;margin-top:24px}@media (min-width:900px){.bankByMethodContainer,.expirationDate,.informationSecureContainer,.numberContainer,.paymentMethodContainer,.securityCodeContainer{width:760px;display:flex;flex-direction:column;justify-content:space-around;height:100%}}@media (min-width:1200px){.itemBankBytMethodImgContainer,.itemsPaymentMethodContainer{position:absolute;top:1;left:0;right:0;max-width:380px;z-index:999;margin-top:0}}@media (max-width:650px){.FormComponent,.priceContainer{flex-direction:column}.cardDataText{display:flex;justify-content:center}.cardDataText span{text-align:center}.cardBankHolderContainer,.expirationDatePaymentMethodContainer,.numberPaymentMethodContainer,.securityCodePayButton{display:flex;flex-direction:column;margin-top:24px}.wayToPayCardFormatContainer{flex-direction:column}.textcardFormatContainer{display:flex;padding-left:0}.cardFormatImgContainer{display:flex;align-items:center;justify-content:start}.formComponentContainer{display:flex;justify-content:center;align-items:center;align-content:center}.amount{margin-left:0}.banByMethod label,.cardFormat label,.creditCardNumberContainer label,.paymentMethod label,.wayToPay label{display:flex;flex-direction:row;align-items:center;width:100%}.bankByMethodContainer,.cardFormatContainer,.paymentMethodContainer,.wayToPayCardFormatContainer{margin-top:16px}.informationSecureContainer{margin-top:40px}.cardFormat,.creditCardNumber,.wayToPay{width:100%}.securityCodeContainer .creditCardNumberContainer label{width:96%}.itemCardFormatContainer,.itemWayToPayContainer{width:99.8%}.itemCardFormatContainer{margin-left:0}.cardFormatCaretImg,.wayToPayCaretImg{margin-left:0;position:absolute;padding:8px 3.5% 8px 91%;margin-top:-4px}.itemsBankByMethod,.itemsPaymentMethod{max-width:98.7%;background-color:#fff;cursor:pointer;border-radius:0 0 4px 4px;border-bottom:2px solid #8cd2d9;border-right:2px solid #8cd2d9;border-left:2px solid #8cd2d9}}@media (max-width:500px){.itemsBankByMethod,.itemsPaymentMethod{max-width:100%;background-color:#fff;cursor:pointer;border-radius:0 0 4px 4px;border-bottom:2px solid #8cd2d9;border-right:2px solid #8cd2d9;border-left:2px solid #8cd2d9}.messageAdvice{right:13px;margin-top:-245px}.messageAdvice img{right:33px}}.footerComponent{margin:0;background-color:#fff;width:100%;padding:0;box-shadow:24px 6px 12px 0 rgba(0,0,0,.1)}.container{padding:24px 61px;display:flex;flex-direction:row;justify-content:end;align-items:center}.infoContainer{align-items:right}.imageContainer{margin-right:32px;justify-content:right}.infoTextContainer{color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.28px}.termsConditionsPrivacy{text-decoration:underline;color:#fff}@media (max-width:1250px){.container{padding:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.imageContainer{margin-right:0;margin-bottom:20px}.footerComponent{background-color:#fff;width:100%}}.greetingComponent{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}.greetingText{text-align:center;color:#424242;font-size:24px;font-weight:800}.info{margin-top:16px}.infoText{text-align:center;color:#424242;font-size:20px;font-weight:400}@media (max-width:1250px){.greeting{display:flex;justify-content:center}.greetingComponent{padding:0 4px;align-items:center;width:90%}.greetingComponent,.greetingText,.infoText{display:flex;justify-content:center;text-align:center}.greetingComponent{width:auto}}.headerComponent{background-color:#fff;width:100%;height:72px;display:flex;align-items:center;box-shadow:0 6px 12px 0 rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.insuranceLogo{max-height:100%;display:flex;justify-content:center;align-items:center}.insuranceLogoImg{height:100%;width:auto;max-width:50%;-o-object-fit:contain;object-fit:contain;margin-left:24px}@media (max-width:600px){.insuranceLogo{justify-content:left}}.textLoader{color:#424242;text-align:center;font-size:20px;font-style:normal;font-weight:400}.loaderContainer{flex:1;text-align:center;display:flex;flex-direction:column;gap:20px;padding:32px;max-width:800px}.loaderComponentContainer{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.advice-text{color:#424242;font-family:Source Sans\ 3,sans-serif;font-size:36px;font-style:normal;font-weight:700;line-height:115%}.paymentMadeContainer{display:flex;justify-content:center;align-items:center;width:100dvw;height:100dvh}.imagePaymentMade{width:100%;justify-content:center;display:flex}.imagePaymentMade img{width:100%;max-width:300px}.logoImagePaymentMade{width:100%;justify-content:center;display:flex}.logoImagePaymentMade img{width:100%;max-width:320px}.containerPayment{background-color:#fff;width:80%;max-width:460px;padding:24px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px}.textOnePaymentMade{color:#424242;font-size:36px;font-weight:700;line-height:115%}.textOnePaymentMade,.textTwoPaymentMade{font-family:Source Sans Pro,sans-serif;font-style:normal;text-align:center}.textTwoPaymentMade{color:var(--Neutral-70,#757575);font-size:20px;font-weight:400;line-height:32px}