:root{--primary-color:var(--tenant-primary-color);--primary-dark:var(--tenant-primary-darker);--primary-light:color-mix(in srgb, var(--tenant-primary-color) 70%, white);--secondary-color:#FFD54F;--text-color:#263238;--light-text:#eceff1;--success-color:#66BB6A;--warning-color:#FFA726;--danger-color:#EF5350;--background-light:#f5f9f5;--card-shadow:0 4px 12px rgba(0, 0, 0, 0.1);--hover-transition:all 0.3s ease;--btn-radius:30px}body{font-family:Roboto,sans-serif;background-color:var(--background-light);color:var(--text-color);line-height:1.6}.navbar{box-shadow:0 1px 8px rgba(0,0,0,.1);background-color:#fff;padding:.8rem 1rem;border-bottom:3px solid var(--primary-color)}.navbar-brand img{max-height:40px}.card{border:none;border-radius:12px;box-shadow:var(--card-shadow);overflow:hidden;transition:var(--hover-transition);margin-bottom:1.5rem}.card:hover{box-shadow:0 8px 18px rgba(0,0,0,.15)}.card-header{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.05);padding:1.25rem 1.5rem;font-weight:600;color:var(--primary-color);border-left:4px solid var(--primary-color);display:flex;align-items:center}.card-header i{margin-right:10px;font-size:1.1em}.card-body{padding:1.5rem}.btn{border-radius:var(--btn-radius);font-weight:500;padding:.5rem 1.5rem;transition:var(--hover-transition)}.btn-block{padding:.75rem 1.5rem}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background-color:#e0e0e0;border-color:#e0e0e0;color:var(--text-color)}.btn-secondary:hover{background-color:#d0d0d0;border-color:#d0d0d0;color:var(--text-color)}.btn-danger{background-color:var(--danger-color);border-color:var(--danger-color)}.btn-link{color:var(--primary-color)}.btn-link:hover{color:var(--primary-dark);text-decoration:none}.form-control{border-radius:8px;border:1px solid #dce4e8;padding:.75rem 1rem;transition:var(--hover-transition)}.form-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 .2rem rgba(76,175,80,.25)}.form-control-plaintext{padding:.75rem 0}.nav-pills{background-color:#fff;border-radius:12px;box-shadow:var(--card-shadow);padding:8px;margin-bottom:1.5rem}.nav-pills .nav-link{border-radius:8px;padding:10px 20px;color:var(--text-color);font-weight:500;transition:var(--hover-transition)}.nav-pills .nav-link:hover:not(.active){background-color:#f5f5f5}.nav-pills .nav-link.active{background-color:var(--primary-color);color:#fff}.nav-pills .nav-link.active:hover{background-color:var(--primary-dark)}.nav-tabs{border-bottom:1px solid rgba(0,0,0,.1);background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px}.nav-tabs .nav-link{border:none;border-bottom:2px solid transparent;color:#546e7a;font-weight:500;padding:.75rem 1rem;font-size:.9rem;transition:all .2s ease}.nav-tabs .nav-link:hover{border-color:var(--primary-light);background-color:rgba(0,0,0,.01)}.nav-tabs .nav-link.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);background-color:transparent}.tab-content{background-color:#fff}.alert{border-radius:10px;border:none;padding:1rem 1.25rem}.alert-success{background-color:#e8f5e9;color:var(--success-color)}.alert-warning{background-color:#fff3e0;color:var(--warning-color)}.alert-danger{background-color:#ffebee;color:var(--danger-color)}.badge{padding:.5em .75em;font-weight:500;border-radius:20px}.badge-success{background-color:var(--success-color)}.badge-danger{background-color:var(--danger-color)}table.table{border-collapse:separate;border-spacing:0}.table th{border-top:none;border-bottom:2px solid #f0f0f0;padding:.75rem 1.25rem;color:#78909c;font-weight:500}.table td{border-top:none;border-bottom:1px solid #f0f0f0;padding:1rem 1.25rem;vertical-align:middle}.compact-table{width:100%;margin-bottom:0}.compact-table td,.compact-table th{padding:.4rem!important;font-size:.8rem!important}.welcome-section{background-color:#fff;border-radius:12px;padding:2rem;text-align:center;margin-bottom:1.5rem;box-shadow:var(--card-shadow);transition:var(--hover-transition)}.welcome-section h2{color:var(--primary-color);font-weight:600;margin-bottom:1rem}.welcome-section p{color:#546e7a;font-size:1.1rem;max-width:800px;margin:0 auto}.welcome-content{font-size:.95rem;color:#37474f;line-height:1.5}.separator{display:flex;align-items:center;text-align:center;margin:15px 0;color:#78909c}.separator::after,.separator::before{content:'';flex:1;border-bottom:1px solid #e0e0e0}.separator-text{padding:0 10px;font-size:.85rem}.donation-ecosystem{display:flex;justify-content:space-between;margin:15px 0;flex-wrap:wrap}.ecosystem-item{display:flex;flex-direction:column;align-items:center;margin:8px;flex:1;min-width:80px;max-width:120px;text-align:center}.ecosystem-icon{width:60px;height:60px;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:var(--hover-transition)}.ecosystem-icon i{font-size:24px;color:var(--primary-color)}.ecosystem-title{font-weight:600;margin-bottom:3px;color:var(--primary-dark);font-size:.9rem}.ecosystem-description{font-size:.8rem;color:#666;line-height:1.2}.ecosystem-item:hover .ecosystem-icon{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.1)}.impact-section{display:flex;justify-content:space-around;margin:1rem 0 2rem;flex-wrap:wrap}.impact-item{text-align:center;padding:1rem;flex:1;min-width:200px}.impact-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.impact-number{font-size:2rem;font-weight:700;color:var(--primary-dark);margin-bottom:.5rem}.impact-text{color:#546e7a}.donation-amount{margin-bottom:1rem}.amount-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.amount-option{flex:1;min-width:70px;position:relative;margin-bottom:8px;cursor:pointer;display:block}.amount-option input{position:absolute;opacity:0;cursor:pointer;height:100%;width:100%;top:0;left:0;margin:0;z-index:2}.amount-text{display:flex;justify-content:center;align-items:center;height:40px;width:100%;border-radius:var(--btn-radius);background-color:#fff;border:1px solid #dce4e8;color:var(--text-color);font-weight:500;text-align:center;transition:var(--hover-transition);position:relative;z-index:1}.amount-option:hover .amount-text{border-color:var(--primary-light);box-shadow:0 2px 5px rgba(0,0,0,.05)}.amount-option input:checked+.amount-text{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 3px 8px rgba(var(--primary-rgb,0,123,255),.3);transform:translateY(-1px);font-weight:600}.amount-option input:checked+.amount-text::before{content:'';position:absolute;top:-4px;right:-4px;width:12px;height:12px;background-color:var(--primary-color);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--primary-color)}.section-title{font-size:1.1rem;font-weight:600;color:var(--primary-color);padding-bottom:.5rem;position:relative}.section-title i{color:var(--primary-color)}.credit-card-preview{perspective:1000px;margin-bottom:20px;padding:10px}.jp-card-container{width:100%;max-width:320px;height:180px;margin:0 auto;position:relative;z-index:1;transition:transform .5s}.jp-card{border-radius:16px;position:relative;width:100%;height:100%;transition:all .4s ease;transform-style:preserve-3d;box-shadow:0 6px 12px rgba(0,0,0,.15)}.jp-card-back,.jp-card-front{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));border-radius:16px;padding:20px;display:flex;flex-direction:column;color:#fff;backface-visibility:hidden}.jp-card-back{transform:rotateY(180deg);padding:0}.jp-card-logo{height:40px;margin-bottom:auto;display:flex;align-items:center}.jp-card-number{font-size:1.3rem;letter-spacing:2px;font-family:monospace;margin-bottom:10px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.jp-card-expiry,.jp-card-name{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;opacity:.9}.jp-card-name{margin-bottom:1px}.jp-card-expiry::before{content:'Válida hasta';display:block;font-size:.7rem;opacity:.7;margin-bottom:4px}.jp-card-bar{width:100%;height:40px;background-color:#444;margin-top:20px}.jp-card-signature{width:calc(100% - 40px);height:40px;margin:20px auto;background-color:rgba(255,255,255,.8);display:flex;justify-content:flex-end;align-items:center}.jp-card-cvv-container{background:#fff;color:#222;padding:5px 10px;border-radius:4px;margin-right:10px}.jp-card-cvv{font-family:monospace;font-size:.85rem}.payment-icons-container{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.08)}.payment-icons{display:flex;justify-content:center;align-items:center}.card-brand{transition:all .3s ease;opacity:.7;cursor:pointer;padding:3px;border-radius:4px}.card-brand.active{transform:translateY(-3px);opacity:1}.card-brand i{font-size:1.8rem;filter:drop-shadow(0 2px 3px rgba(0, 0, 0, .1))}.card-brand.active,.card-brand:hover{transform:translateY(-3px) scale(1.05);opacity:1;background-color:rgba(255,255,255,.1);box-shadow:0 3px 5px rgba(0,0,0,.05)}.card-type-icon{transition:all .3s ease}.security-badge{display:flex;align-items:center;background-color:rgba(41,182,109,.08);padding:3px 8px;border-radius:20px;transition:all .3s ease}.security-badge:hover{background-color:rgba(41,182,109,.15);transform:translateY(-2px)}.security-badge i{animation:pulse 2s infinite}.payment-status-icon i{font-size:.9rem}.input-card-highlight{background-color:#f8fcff;border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.15)}.cvv-hint{font-size:.75rem}.input-focused{position:relative}.input-focused label{color:var(--primary-color);font-weight:600}.input-focused .k-input,.input-focused input{border-color:var(--primary-color)!important;box-shadow:0 0 0 .1rem rgba(var(--primary-rgb),.15)}.input-focused::after{content:'';position:absolute;bottom:-1px;left:50%;width:0;height:2px;background-color:var(--primary-color);transition:all .3s ease;transform:translateX(-50%);animation:focusIndicator .5s forwards}input.has-value,select.has-value{background-color:#f8faff;border-color:var(--primary-color)}.jp-card.flip{transform:rotateY(180deg)}.jp-card.animate{animation:cardIntro 1s ease}#cardCvv:focus~.cvv-hint i{animation:pulse 1.5s infinite;color:var(--primary-color)}.card-visa .jp-card-logo::before{content:'VISA';color:#fff;font-weight:700;font-size:1.2rem;letter-spacing:1px}.card-mastercard .jp-card-logo::before{content:'MasterCard';color:#fff;font-weight:700;font-size:1.1rem}.card-amex .jp-card-logo::before{content:'AMEX';color:#fff;font-weight:700;font-size:1.2rem;letter-spacing:1px}.k-dropdown-wrap{border-radius:var(--btn-radius)!important;background-color:#fff!important}.k-dropdown:focus .k-dropdown-wrap{box-shadow:0 0 0 .15rem rgba(var(--primary-rgb),.25)!important;border-color:var(--primary-color)!important}#invoiceCollapse{transition:all .3s ease-in-out}.payment-details{display:flex;flex-wrap:wrap}.detail-label{font-size:.75rem;color:#6c757d;margin-bottom:.25rem}.detail-value{font-size:1rem;font-weight:500;color:#212529}.empty-state{display:flex;align-items:center;justify-content:center;border-radius:100%;width:80px;height:80px;background-color:rgba(0,0,0,.03);margin:0 auto}.empty-state i{opacity:.5}.payment-card-display{position:relative;background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);border-radius:16px;padding:1.5rem;color:#fff;margin-bottom:1.5rem;box-shadow:0 8px 16px rgba(53,122,56,.3)}.payment-card-display::before{content:"";position:absolute;top:-15px;left:-15px;width:30px;height:30px;background-color:var(--primary-light);border-radius:50%;opacity:.3;z-index:-1}.credit-card-number{font-size:1.25rem;letter-spacing:3px;margin:1rem 0}.credit-card-name{font-size:.9rem;text-transform:uppercase}.credit-card-expiry{font-size:.9rem}.credit-card-logo{text-align:right}.side-panel-mode{max-width:100%;overflow-x:hidden;font-size:.95rem;overflow-y:auto;scrollbar-width:thin}.side-panel-mode::-webkit-scrollbar{width:6px}.side-panel-mode::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}.side-panel-mode .container,.side-panel-mode .container-lg{padding-left:.75rem;padding-right:.75rem;max-width:100%}.side-panel-mode .welcome-section{padding:.75rem 1rem;margin-bottom:.5rem;text-align:center}.side-panel-mode .welcome-section h2{font-size:1.25rem;margin-bottom:.5rem}.side-panel-mode .welcome-section p{font-size:.85rem;margin-bottom:.75rem}.side-panel-mode .card{margin-bottom:.5rem;border-radius:8px}.side-panel-mode .card-header{padding:.5rem .75rem;font-size:.9rem;font-weight:500}.side-panel-mode .card-body{padding:.75rem}.side-panel-mode .nav-pills{padding:0;margin-bottom:.5rem;box-shadow:var(--card-shadow)}.side-panel-mode .nav-pills .nav-link{padding:.5rem .75rem;font-size:.85rem;border-radius:6px}.side-panel-mode .table td,.side-panel-mode .table th{padding:.5rem;font-size:.85rem}.side-panel-mode .form-group{margin-bottom:.5rem}.side-panel-mode .form-group label{font-size:.85rem;margin-bottom:.25rem}.side-panel-mode .btn{padding:.35rem .6rem;font-size:.85rem}.side-panel-mode .btn-sm{padding:.25rem .5rem;font-size:.75rem}.side-panel-mode .row{margin-left:-8px;margin-right:-8px}.side-panel-mode .col,.side-panel-mode [class*=col-]{padding-left:8px;padding-right:8px}.side-panel-mode .form-control{font-size:.85rem;padding:.4rem .6rem;height:calc(1.5em + .5rem + 2px)}.side-panel-mode select.form-control{height:calc(1.5em + .5rem + 2px)}.side-panel-mode .input-group-text{padding:.25rem .5rem;font-size:.85rem}.side-panel-mode label{font-size:.85rem;margin-bottom:.2rem}.side-panel-mode .alert{margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8rem}.side-panel-mode .mb-3{margin-bottom:.75rem!important}.side-panel-mode .mb-4{margin-bottom:1rem!important}.side-panel-mode .py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.side-panel-mode .py-4{padding-top:1rem!important;padding-bottom:1rem!important}.recurring-donation-card{border-width:2px;border-radius:10px;transition:all .3s ease;background-color:rgba(var(--primary-color-rgb,33,150,243),.05)}.recurring-donation-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.recurring-donation-card .fas.fa-sync-alt{font-size:1.2rem;animation:spin 4s infinite linear;opacity:.8}.custom-control-input:checked~.custom-control-label::before{background-color:var(--primary-color);border-color:var(--primary-dark)}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:.8}}@keyframes cardIntro{0%{transform:scale(.8) translateY(20px);opacity:0}50%{transform:scale(1.05) translateY(0);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes focusIndicator{to{width:100%}}.animate-pulse{animation:pulse 2s infinite ease-in-out}.fa-ayuda{color:var(--primary-color)}@media (max-width:767px){.card-body,.card-header{padding:1rem}.form-group.row{margin-right:-8px;margin-left:-8px}.col-form-label{padding-bottom:.25rem}.impact-section{flex-direction:column}.impact-item{margin-bottom:1rem}.jp-card-container{max-width:280px;height:165px}.jp-card-number{font-size:1.1rem}}@media (max-width:576px){.jp-card-container{max-width:280px;height:170px}.jp-card-number{font-size:1.1rem}}@media (max-width:320px){.donation-ecosystem{margin:8px 0}.ecosystem-item{min-width:60px;margin:5px}.ecosystem-icon{width:45px;height:45px}.ecosystem-icon i{font-size:18px}.ecosystem-title{font-size:.8rem}.ecosystem-description{font-size:.7rem}.side-panel-mode .btn{padding:.3rem .5rem;font-size:.8rem}.side-panel-mode .form-control{font-size:.8rem;padding:.35rem .5rem}}.verification-digit{width:46px!important;height:60px!important}.digit-input{font-size:24px!important;font-weight:700!important;height:54px!important;border-radius:8px!important}.digit-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.verification-code-container{margin:30px 0}.btn-resend-code.disabled{pointer-events:none;opacity:.6}