body{background-color:#f4f4f4;margin:0;font-family:Rubik}.bg{background-image:url(/bg.webp);background-size:cover;width:100%;height:100vh}.svgBgWrapper{width:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:0;display:flex;flex-direction:column;align-items:center}.svgLogoWrapper{width:100%;margin-top:min(6vh,6vw);margin-bottom:min(4vh,6vw);display:flex;align-items:center;justify-content:center;z-index:1;position:relative}.svgLogoWrapper img{width:min(60vw,300px)}.cardWrapper{width:100%;height:auto;display:flex;justify-content:center;padding-top:20px;padding-bottom:20px}.cardPayment{font-family:Rubik;background:#fff;box-shadow:0 4px 20px #00000059;border-radius:20px;height:auto;min-height:300px;width:400px;margin-right:20px;margin-left:20px;z-index:3}.cardHeader{background:#ebeef8;border-radius:15px 15px 0 0;height:85px;display:flex;align-items:flex-start;justify-content:center;padding-left:20px;padding-right:20px;flex-direction:column;gap:8px}.cardTitle{color:#666;font-weight:500;font-size:20px;line-height:24px;margin-top:6px}.cardSubTitle{color:#5c5c5c;font-weight:300;font-size:12px}.cardBody{padding:30px 25px 20px;color:#5c5c5c;font-weight:500}.cardBodyTitle{font-size:16px;line-height:19px}.paymentConcept{font-weight:400;margin-bottom:5px}.paymentInfo{display:flex;flex-direction:row;align-items:center}.paymentInfoAmount{margin-right:min(40px,6vw)}.paymentInfoDate{margin-left:min(40px,6vw)}.paymentInfoSeparator{height:30px;border-left:1px solid #898989;margin-top:-10px}.paymentInfoLegend{font-style:normal;font-weight:400;font-size:12px;line-height:10px}.paymentInfoValue{font-style:normal;font-weight:600;font-size:20px;line-height:10px;margin-top:15px}.paymentDetailSeparator{margin-bottom:15px;line-height:0px}.paymentDetails .paymentDetailSeparator:last-child{display:none}.legalTextLink{margin-top:10px;margin-bottom:25px;font-style:normal;font-weight:400;font-size:12px;line-height:14px;text-decoration-line:underline;color:#5c5c5c;cursor:pointer}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.popup{background:#fff;border-radius:10px;position:relative;max-width:500px;width:100%;margin-left:10px;margin-right:10px;white-space:pre-line;max-height:70vh;overflow-y:auto;font-family:Georgia}.popup-content{padding:25px 25px 80px}.popup::-webkit-scrollbar{width:8px}.popup::-webkit-scrollbar-track{background:#f9f9f9;border-radius:4px}.popup::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px;border:2px solid #f9f9f9}.popup::-webkit-scrollbar-thumb:hover{background-color:#555}.popup-close-container{position:sticky;bottom:0;background:#fff;height:80px;border-top:1px solid #eaeaea;font-size:16px;display:flex;justify-content:center;align-items:center;padding-left:10px;padding-right:10px}.pagoResumen{margin-top:10px;background:#f6f9fc;border-radius:10px;padding:20px;font-family:Rubik;font-style:normal;font-weight:400;font-size:14px;line-height:17px;color:#898989;text-align:center}.pagoResumen svg{margin-bottom:25px}.pagoResumenLabel{color:#5c5c5c}.pagoResumenImporte{font-size:50px;line-height:80px;font-weight:600;color:#5c5c5c;margin-bottom:10px}.pagoResumen b{font-weight:500}.actionButton{width:100%;background:#b7246b;border-radius:10px;border:none;min-height:42px;color:#fff;font-weight:500;font-size:16px;line-height:19px;text-align:center;margin-top:20px;cursor:pointer;opacity:1;transition:opacity .2s ease}.actionButton:focus{border:none!important}.actionButton:active{opacity:.5}.footer{font-family:Rubik;position:fixed;left:0;bottom:0;height:14px;font-size:8px;line-height:14px;background:#eee;width:100%;text-align:right;color:#333;padding-right:10px}.loading{position:absolute;width:100%;height:100%;text-align:center;background:#000;opacity:.5;top:0;z-index:9999;display:flex;align-items:center;justify-content:center}.loadingSpiner{width:100px;height:100px;border:4px solid rgba(0,0,0,.1);border-top:4px solid #91ff00;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.item{background-color:#fff;padding:15px;margin-bottom:15px;border:transparent;border-radius:5px;box-shadow:0 0 1em #ccc;transition:all .2s ease-in-out}.item:hover{box-shadow:0 0 1em #aaa}.item.completed{text-decoration:line-through}.toggles{color:#000}.name{padding-top:3px}.remove{padding-left:0}button:focus{border:1px solid #333}.not-found-container{font-family:Rubik,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f6f9fc;color:#5c5c5c}.not-found-title{font-size:4rem;color:#b82465;margin:0}.not-found-subtitle{font-size:1.5rem;color:#5c5c5c;margin:10px 0}.not-found-home-button{margin-top:20px;padding:10px 20px;font-size:1rem;color:#fff;background-color:#b82465;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.not-found-home-button:hover{background-color:#a01e55}