:root{--color-border-gray:#dedede;--color-white:white}.card-pay{background-color:var(--color-white);border:1px solid var(--color-border-gray);border-radius:40px;margin-bottom:40px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000014,inset 4px 4px 10px #00000026}.picture-placeholder{background-image:url("/images/reparaciones/FOTO 2 (457 x 352 px).png");background-position:right -40px center;background-repeat:no-repeat;background-size:cover;border-radius:14px;flex-shrink:0;flex-basis:35%;height:352px;margin-right:60px;overflow:hidden}.payment-container{flex-direction:column;justify-content:center;max-width:1400px;min-height:85vh;margin:0 auto;padding:150px 20px 80px;font-family:Montserrat,sans-serif;display:flex}.query-content-pay{text-align:center;flex-direction:column;flex-basis:65%;justify-content:center;align-items:center;padding-left:0;padding-right:0;display:flex}.payment-container{padding-bottom:96px}@media (max-width:992px){.query-title-pay{font-size:26px}.query-subtitle-pay{font-size:15px}.query-form-pay{max-width:640px;margin-left:auto;margin-right:auto}}@media (max-width:991px){.query-row-pay{flex-direction:column;gap:1rem;width:100%}.query-document-select-pay,.query-input-with-button-pay{width:100%}.query-input-with-button-pay{position:relative}.query-input-with-button-pay .query-document-input-pay{flex:none;width:100%;padding-right:70px}.query-input-with-button-pay .query-search-button-pay{z-index:2;width:44px;height:44px;margin-left:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}}@media (max-width:768px){.query-title-pay{text-align:center;margin-left:0;padding-left:0;font-size:24px}.query-subtitle-pay{text-align:center;margin-left:0;padding-left:0;font-size:16px}.query-form-pay{max-width:92%;margin-left:auto;margin-right:auto}.query-select-pay{height:54px;font-size:16px}.query-document-select-pay,.query-document-input-pay{height:56px;min-height:56px;padding:12px 16px;font-size:17px}.query-search-button-pay{width:50px;height:50px}.picture-placeholder{display:none!important}.query-section-pay{justify-content:center!important}}@media (max-width:576px){.payment-container{padding:30px 0}.query-title-pay{font-size:22px}.query-subtitle-pay{font-size:15px}.query-form-pay{max-width:96%}}.query-title-pay{color:var(--color-dark-blue);text-align:center;flex-direction:column;margin-top:0;margin-bottom:8px;margin-left:0;padding-left:0;font-size:28px;font-weight:700;line-height:1.2;display:flex}.query-title-highlight-pay{color:var(--acrecer-azul);margin-bottom:24px;font-size:45px;font-weight:700}.query-subtitle-pay{color:var(--acrecer-verde);text-align:center;margin-top:0;margin-left:0;padding-left:0;font-size:24px;font-weight:600;line-height:1.3}.query-form-pay{width:100%;max-width:720px;margin-top:0;margin-left:auto;margin-right:auto}.query-select-container-pay{margin-bottom:12px}.query-select-pay{border:1px solid var(--color-border-gray);background-color:var(--color-white);color:#000;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"%23000000\" d=\"M7 10l5 5 5-5z\"/></svg>");background-position:right 15px center;background-repeat:no-repeat;border-radius:8px;width:100%;height:56px;padding:0 35px 0 18px;font-size:16px}.query-row-pay{align-items:center;gap:16px;display:flex}.query-document-select-pay,.query-document-input-pay{border:1px solid var(--color-border-gray);background-color:var(--color-white);color:#666;border-radius:8px;flex:1;max-width:250px;height:56px;min-height:56px;padding:12px 16px;font-size:18px;line-height:1.2;display:block}.query-document-input-pay:-webkit-autofill{caret-color:#888;-webkit-box-shadow:0 0 0 1000px var(--color-white)inset!important;box-shadow:0 0 0 1000px var(--color-white)inset!important;-webkit-text-fill-color:#888!important;border-radius:8px!important;transition:background-color!important}.query-document-input-pay:-webkit-autofill:hover{caret-color:#888;-webkit-box-shadow:0 0 0 1000px var(--color-white)inset!important;box-shadow:0 0 0 1000px var(--color-white)inset!important;-webkit-text-fill-color:#888!important;border-radius:8px!important;transition:background-color!important}.dquery-document-input-pay:-webkit-autofill:focus{caret-color:#888;-webkit-box-shadow:0 0 0 1000px var(--color-white)inset!important;box-shadow:0 0 0 1000px var(--color-white)inset!important;-webkit-text-fill-color:#888!important;border-radius:8px!important;transition:background-color!important}.query-document-input-pay:autofill{box-shadow:0 0 0 1000px var(--color-white)inset!important}.query-document-select-pay{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"%23666666\" d=\"M7 10l5 5 5-5z\"/></svg>");background-position:right 15px center;background-repeat:no-repeat;padding-right:40px}.query-input-with-button-pay{justify-content:center;align-items:center;width:100%;display:flex}.query-input-with-button-pay .query-document-input-pay{flex:1}.query-input-with-button-pay .query-search-button-pay{margin-left:16px}.query-document-input-pay::placeholder{color:#888}.query-search-button-pay{background-color:var(--acrecer-verde);cursor:pointer;border:1px solid #00000014;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;box-shadow:0 6px 14px #00000024}.query-search-button-pay:hover{filter:brightness(1.05)}.query-section-pay{border-radius:30px;justify-content:space-between;align-items:center;padding:85px 60px}.close-modal-button{cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:19px;right:25px;background-color:#e3eeff!important;border-radius:7px!important;padding:2px!important}.close-modal-button img{width:auto;height:25px}.close-modal-button{color:#2c2c2c;background:#fff;border:1px solid #e2e2e2;font-size:14px;line-height:1.2}.payment-modal{z-index:9999;background:#0000004d;flex-direction:column;place-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:fixed;inset:0}.payment-modal-content{aspect-ratio:2;background:#fff;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:330px;max-height:700px;display:flex;position:relative}@media (max-width:1368px){.payment-modal-content .row{flex-direction:row;justify-content:center;align-items:center;display:flex}}@media (max-width:920px){.payment-modal-content .row{flex-direction:row;justify-content:center;align-items:center;display:flex}}@media (max-width:600px){.payment-modal-content .row{flex-direction:row;justify-content:center;align-items:center;display:flex}}@media (max-width:768px){.payment-modal-content{width:80vw;max-height:70vh}}.contracts-section-pay{flex-direction:column;gap:20px;display:flex}.back-contracts-button{background-color:var(--acrecer-verde);cursor:pointer;border:none;border-radius:15px;padding:4px 8px;position:absolute;top:30px;left:30px}.invoices-section{text-align:center;flex-direction:column;justify-content:center;gap:20px;display:flex}.invoices-table{flex-direction:column;gap:10px;display:flex}@media (max-width:768px){.invoices-table{overflow-x:auto}}.invoice-row-topics{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.invoice-row{border-bottom:1px solid #5e5e5e;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;padding-bottom:10px;display:grid}.invoice-cell{justify-content:center;align-items:start;display:flex}@media (max-width:768px){.invoice-cell{white-space:wrap;font-size:12px;overflow:hidden}}.invoice-cell b{text-align:center;justify-content:center;align-items:center;display:flex}.modal-text{text-align:center;justify-content:center;align-items:center;padding:0 25px;display:flex}.values-row{grid-template-columns:repeat(2,1fr);display:grid}.values-row span{align-items:center;display:flex}.values-row span:first-child{justify-content:start;padding-left:20px}.values-row span:nth-child(2){justify-content:end;padding-right:20px}.values-row-line{background-color:#dce3e7;border-radius:100px;width:100%;height:2px}.actions-to-pay{flex-direction:column;justify-content:space-between;gap:60px;padding-top:30px;display:flex}.actions-to-pay span{color:var(--acrecer-azul);font-size:16px;font-weight:600}.actions-to-pay img{width:auto;height:125px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}@media (max-width:1140px){.actions-to-pay img{bottom:25%;left:50%;transform:translate(-50%)}}.actions-to-pay button{cursor:pointer;background:#fff;border:none;border-radius:100px;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100px;padding:0 100px;display:flex;position:relative;box-shadow:0 5px 25px #44708826}@media (max-width:768px){.actions-to-pay button{border-radius:45px;flex-direction:column;justify-content:start;height:200px;padding:25px 60px}}@media (min-width:768px) and (max-width:1140px){.actions-to-pay button{flex-direction:column;justify-content:start;height:200px;padding:50px 100px}}@media (max-width:768px){.contract-select-section{justify-content:center;display:flex}.contract-select-section p{text-align:center}}.contract-select-section select{max-width:350px!important}.values-table{background-color:#f2f6f9;border-radius:25px;flex-direction:column;justify-content:center;gap:20px;padding:20px;display:flex}.card-pay.pay-form-active{background-color:#0000;background-image:linear-gradient(90deg,#0000 45%,#fffffff2 60%,#fff 70%),url(/images/payment/render.jpg);background-position:0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:30px;justify-content:flex-end;min-height:500px;padding:0;display:flex;position:relative;box-shadow:0 20px 40px #0000001a}.card-pay.pay-form-active .picture-placeholder{display:none}.card-pay.pay-form-active .query-content-pay{flex-basis:45%;justify-content:center;align-items:center;max-width:45%;margin-right:0;padding:60px 40px 60px 20px;display:flex}.card-pay.pay-form-active .payment-content-wrapper{flex-direction:row;align-items:center;gap:40px;width:100%;display:flex}.pay-text-column{text-align:left;flex:1;max-width:45%}.card-pay.pay-form-active .query-title-pay{text-align:left;align-items:flex-start;margin-bottom:20px}.card-pay.pay-form-active .query-subtitle-pay{color:#97a32f;text-transform:uppercase;margin-bottom:5px;font-size:20px;font-weight:700}.card-pay.pay-form-active .query-title-highlight-pay{color:#003b5c;font-size:36px;font-weight:800;line-height:1.1}.card-pay.pay-form-active .query-description{color:#555;font-size:14px;line-height:1.5}.pay-separator-line{background-color:#97a32f;border-radius:2px;flex-shrink:0;width:2px;height:140px}.pay-form-column{flex-direction:column;flex:1.2;display:flex}.card-pay.pay-form-active .query-row-pay{flex-direction:column;align-items:stretch;gap:15px;width:100%}.card-pay.pay-form-active .query-document-select-pay,.card-pay.pay-form-active .query-document-input-pay{color:#333;background-color:#f9f9f9;border:1px solid #e6e6e6;border-radius:6px;width:100%;max-width:100%;height:50px;padding:0 15px;font-size:14px}.card-pay.pay-form-active .query-search-button-pay{text-transform:uppercase;color:#fff;width:100%;height:50px;box-shadow:none;cursor:pointer;background-color:#9fc326;border:none;border-radius:6px;justify-content:center;align-items:center;margin:0;font-size:15px;font-weight:700;transition:background .3s;display:flex;position:static;transform:none}.card-pay.pay-form-active .query-search-button-pay:hover{background-color:#8eae22}.card-pay.pay-form-active .query-search-button-pay svg{display:none}@media (max-width:991px){.card-pay.pay-form-active{background-color:#0000;background-image:linear-gradient(#ffffffe6 0%,#fff 60%),url(/images/payment/render.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:flex-start;padding-top:40px}.card-pay.pay-form-active .query-content-pay{background:0 0;flex-basis:auto;max-width:100%;padding:20px 30px}.card-pay.pay-form-active .payment-content-wrapper{flex-direction:column;gap:30px}.pay-separator-line{width:60px;height:3px;margin:0 auto}.pay-text-column{text-align:center;max-width:100%}.card-pay.pay-form-active .query-title-pay{text-align:center;align-items:center}.pay-form-column{width:100%}}