.slider{background:#fff;border-radius:4px;outline:none;height:8px;position:relative}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px;transition:all .2s;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.2)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.3)}.slider::-webkit-slider-thumb:after{content:"↔";color:#059669;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.slider::-webkit-slider-track{background:#fff;border-radius:4px;height:8px}.slider::-moz-range-track{background:#fff;border:none;border-radius:4px;height:8px}.slider-container{position:relative}.slider-progress{pointer-events:none;background:#047857;border-radius:4px;height:8px;transition:width .1s;position:absolute;top:0;left:0}.modo-switch{background:linear-gradient(135deg,#1a2536,#2a3441);border-radius:50px;padding:4px;transition:all .3s;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2)}.modo-switch:hover{transform:translateY(-1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.4),0 6px 12px rgba(0,0,0,.3)}.switch-indicator{border:1px solid rgba(255,255,255,.2);border-radius:46px;box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.8)}.switch-text{letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:600}.calc-button{background:linear-gradient(135deg,#1a2536,#2a3441);border:2px solid rgba(255,255,255,.1);transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}.calc-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.calc-button:hover:before{left:100%}.calc-button:hover{background:linear-gradient(135deg,#2a3441,#1a2536);border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.15)}.calc-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2)}.calculator-container{background:linear-gradient(135deg,#030814 0%,#0a1123 50%,#051a2e 100%);border-radius:20px;width:100%;max-width:700px;margin:2rem auto;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(16,185,129,.3)}.value-display{color:#fff;font-weight:600;font-size:24px!important}.range-labels{color:#fff;font-weight:500;font-size:14px!important}.summary-label{color:fdfdfd;font-size:14px;font-weight:500}.summary-value,.summary-value-highlight{color:#6faef7;font-size:14px;font-weight:600}.summary-subtext{color:#9ca3af;font-size:.75rem;font-weight:400}.increment-decrement-button{color:#ff3737;cursor:pointer;background:#2d174e;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 3px 12px rgba(0,0,0,.12)}.increment-decrement-button:hover{background:#f0fdf4;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.increment-decrement-button:active{transform:scale(.95)}.apply-button{color:#fff;cursor:pointer;background:#ff3737;border:none;border-radius:12px;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .2s}.apply-button:hover{background:#ff3737;transform:translateY(-1px)}.apply-button:active{transform:translateY(0)}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-element:hover{transition:transform .2s;transform:translateY(-1px)}.calc-button-shimmer{position:relative;overflow:hidden}.calc-button-shimmer:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.calc-button-shimmer:hover:after{left:100%}.calc-button:focus-visible{outline-offset:2px;outline:2px solid rgba(255,255,255,.5)}.slider:focus-visible{outline-offset:2px;outline:2px solid rgba(255,255,255,.5)}.modo-switch:focus-visible{outline-offset:2px;outline:2px solid rgba(255,255,255,.5)}@media (max-width:479px){.modo-switch{width:160px!important;height:2.75rem!important}.switch-indicator{width:80px!important}.switch-text{font-size:.8rem!important}.modo-switch>div{width:80px!important}}@media (min-width:480px) and (max-width:639px){.modo-switch{width:180px!important;height:3rem!important}.switch-indicator,.modo-switch>div{width:90px!important}}@media (min-width:640px) and (max-width:767px){.modo-switch{width:200px!important;height:3.25rem!important}.switch-indicator,.modo-switch>div{width:100px!important}}@media (min-width:768px) and (max-width:1023px){.modo-switch{width:220px!important;height:3.5rem!important}.switch-indicator,.modo-switch>div{width:110px!important}}@media (min-width:1024px){.modo-switch{width:240px!important;height:3.5rem!important}.switch-indicator,.modo-switch>div{width:120px!important}}@media (min-width:1200px){.calculator-container{width:700px!important}.calculator-title{font-size:2.25rem}.calculator-subtitle{font-size:1.125rem}.value-display,.time-display{font-size:2.25rem}.increment-decrement-button{width:36px;height:36px;font-size:20px}.modo-switch{width:220px;height:3.25rem}.switch-indicator{width:110px}.switch-text{font-size:1rem}}@media (min-width:1024px) and (max-width:1199px){.calculator-container{width:680px!important}}@media (min-width:768px) and (max-width:1023px){.calculator-container{max-width:660px;margin:0 auto;width:90%!important}.calculator-title{font-size:2.5rem}.calculator-subtitle{font-size:1.25rem}.value-display,.time-display{font-size:2.5rem}.increment-decrement-button{width:34px;height:34px;font-size:18px}.modo-switch{width:220px;height:3.5rem}.switch-indicator{width:110px}.switch-text{font-size:1rem}.range-labels{font-size:.9rem}}@media (min-width:640px) and (max-width:767px){.calculator-container{max-width:640px;margin:0 auto;width:95%!important}.calculator-title{margin-bottom:1rem;font-size:2.25rem}.calculator-subtitle{font-size:1.125rem}.value-display,.time-display{font-size:2.25rem}.increment-decrement-button{width:32px;height:32px;font-size:16px}.modo-switch{width:200px;height:3.25rem}.switch-indicator{width:100px}.switch-text{font-size:.95rem}.range-labels{font-size:.875rem}.calculator-container>*{margin-bottom:2rem}}@media (min-width:480px) and (max-width:639px){.calculator-container{max-width:620px;margin:0 auto;width:98%!important}.calculator-title{margin-bottom:.75rem;font-size:2rem}.calculator-subtitle{font-size:1rem}.value-display,.time-display{font-size:2rem}.increment-decrement-button{width:30px;height:30px;font-size:14px}.modo-switch{width:180px;height:3rem}.switch-indicator{width:90px}.switch-text{font-size:.9rem}.range-labels{font-size:.8rem}.calculator-container>*{margin-bottom:1.5rem}.slider{margin:0 1rem}}@media (max-width:479px){.calculator-container{max-width:600px;margin:0 auto;width:100%!important}.calculator-title{margin-bottom:.5rem;font-size:1.75rem;line-height:1.2}.calculator-subtitle{font-size:.9rem;line-height:1.3}.value-display,.time-display{font-size:1.75rem}.increment-decrement-button{width:28px;height:28px;font-size:12px}.modo-switch{width:160px;height:2.75rem}.switch-indicator{width:80px}.switch-text{font-size:.8rem}.range-labels{font-size:.75rem}.calculator-container>*{margin-bottom:1.25rem}.slider{margin:0 .75rem}.slider::-webkit-slider-thumb{width:24px;height:24px}.slider::-moz-range-thumb{width:24px;height:24px}.slider::-webkit-slider-track{height:12px}.slider::-moz-range-track{height:12px}}@media (max-width:320px){.calculator-container{border-radius:16px;padding:1rem .5rem}.calculator-title{font-size:1.5rem}.calculator-subtitle{font-size:.8rem}.value-display,.time-display{font-size:1.5rem}.calc-button{width:2.75rem;height:2.75rem;font-size:1rem}.modo-switch{width:140px;height:2.5rem}.switch-indicator{width:70px}.switch-text{font-size:.75rem}.range-labels{font-size:.7rem}.calculator-container>*{margin-bottom:1rem}.slider::-webkit-slider-thumb{width:20px;height:20px}.slider::-moz-range-thumb{width:20px;height:20px}.slider::-webkit-slider-track{height:10px}.slider::-moz-range-track{height:10px}}@media (max-height:500px) and (orientation:landscape){.calculator-container{padding:1rem 1.5rem}.calculator-title{margin-bottom:.5rem;font-size:1.5rem}.calculator-subtitle{font-size:.9rem}.calculator-container>*{margin-bottom:.75rem}.value-display,.time-display{font-size:1.5rem}}@media (hover:none) and (pointer:coarse){.calc-button{min-width:44px;min-height:44px}.modo-switch{min-height:44px}.switch-text{padding:.5rem}.slider{height:20px}.slider::-webkit-slider-thumb{width:32px;height:32px}.slider::-moz-range-thumb{width:32px;height:32px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.calculator-container{border-width:.5px}.calc-button{border-width:1px}.modo-switch{border-width:.5px}}.calculator-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(26,37,54,.1) 0%,transparent 70%);width:120%;height:120%;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}@media (prefers-color-scheme:dark){.calculator-container{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.85),rgba(15,23,42,.75))}.modo-switch,.calc-button{background:linear-gradient(135deg,#0f172a,#1e293b)}.calc-button:hover{background:linear-gradient(135deg,#1e293b,#0f172a)}}.text-gradient-gold{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e3ed59,#f0ff7a);-webkit-background-clip:text;background-clip:text}.text-gradient-white{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e3f2fd,#bbdefb);-webkit-background-clip:text;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(26,37,54,.1);border:1px solid rgba(255,255,255,.1)}.shadow-elevated{box-shadow:0 32px 64px rgba(0,0,0,.6),0 16px 32px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.1)}.shadow-floating{box-shadow:0 20px 40px rgba(0,0,0,.3),0 10px 20px rgba(0,0,0,.2)}.responsive-container{width:100%;max-width:650px;margin:0 auto;padding:2rem 1.5rem}.responsive-text{font-size:max(1rem,min(2.5vw,1.5rem))}.responsive-title,.responsive-value{font-size:max(1.5rem,min(4vw,3rem))}.responsive-button{width:max(3rem,min(8vw,4.5rem));height:max(3rem,min(8vw,4.5rem));font-size:max(1rem,min(3vw,2rem))}.responsive-switch{width:max(160px,min(25vw,280px));height:max(2.5rem,min(6vw,4rem))}@media (min-width:320px){.calculator-container{width:100%;margin:0 auto}}@media (min-width:480px){.calculator-container{width:95%}}@media (min-width:768px){.calculator-container{width:90%;max-width:600px}}@media (min-width:1024px){.calculator-container{width:700px}}@media (min-width:1200px){.calculator-container{width:800px}}.calculator-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.calculator-grid{grid-template-columns:1fr 1fr;gap:2rem}}.responsive-spacing{margin-bottom:max(1rem,min(3vw,2rem))}.responsive-padding{padding:max(1rem,min(4vw,3rem))}.adaptive-title{font-size:max(1.5rem,min(5vw,3rem));line-height:1.2}.adaptive-subtitle{font-size:max(.8rem,min(2.5vw,1.5rem));line-height:1.3}.adaptive-value{font-size:max(1.5rem,min(5vw,3rem));font-weight:700}.adaptive-label{font-size:max(.8rem,min(2vw,1.5rem));font-weight:600}@container (width>=400px){.container-responsive{padding:2rem}}@container (width>=600px){.container-responsive{padding:3rem}}.panel-pago{max-width:320px;margin:0 auto}@media (max-width:479px){.panel-pago{max-width:100%;margin:0 1rem}}.payment-amount-text{-webkit-text-fill-color:transparent!important;background-image:linear-gradient(135deg,#2d74eb 0%,#4285f4 50%,#5c88d2 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;font-family:Sora,sans-serif!important;font-size:max(1.5rem,min(6vw,1.5rem))!important;font-weight:900!important;line-height:.9!important;animation:1.8s ease-in-out infinite pulsingBlueGlow!important}@keyframes pulsingBlueGlow{0%{filter:brightness()drop-shadow(0 0 5px rgba(66,133,244,.3));background-image:linear-gradient(135deg,#2d74eb 0%,#4285f4 50%,#5c88d2 100%)}50%{filter:brightness(1.2)drop-shadow(0 0 15px rgba(66,133,244,.6));background-image:linear-gradient(135deg,#4285f4 0%,#5c88d2 50%,#2d74eb 100%)}to{filter:brightness()drop-shadow(0 0 5px rgba(66,133,244,.3));background-image:linear-gradient(135deg,#2d74eb 0%,#4285f4 50%,#5c88d2 100%)}}@media (min-width:480px) and (max-width:639px){.panel-pago{max-width:95%;margin:0 auto}}@media (min-width:640px) and (max-width:767px){.panel-pago{max-width:90%;margin:0 auto}}@media (min-width:768px){.panel-pago{max-width:320px;margin:0 auto}}@media print{.calculator-container{color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.calc-button,.modo-switch,.slider{display:none!important}}.payment-calendar-overlay{z-index:99999!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:rgba(0,0,0,.5)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important}body.calendar-open{overflow:hidden!important}.calendar-info-text{color:#374151!important;font-size:.875rem!important;font-weight:500!important}.calendar-info-icon{color:#6faef7!important;width:1rem!important;height:1rem!important}.calendar-period-text{color:#2d74eb!important;font-weight:600!important}.calendar-mode-text{color:#6b7280!important;font-weight:400!important}.calendar-header-title{color:#fff!important;font-size:1.125rem!important;font-weight:600!important}.calendar-nav-button{color:#fff!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:.25rem!important;padding:.25rem!important;transition:all .2s!important}.calendar-nav-button:hover{background-color:rgba(255,255,255,.1)!important}.calendar-info-section{background-color:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;padding:.75rem 1.5rem!important}.payment-calendar-modal{z-index:100000!important;background:#fff!important;border-radius:.5rem!important;width:100%!important;max-width:32rem!important;max-height:90vh!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important}.payment-calendar-grid{background:#fff!important;grid-template-columns:repeat(7,1fr)!important;gap:.5rem!important;padding:1rem!important;display:grid!important}.payment-calendar-day{text-align:center!important;cursor:pointer!important;border:1px solid transparent!important;border-radius:.5rem!important;padding:.5rem 0!important;font-weight:500!important;transition:all .2s!important}.payment-calendar-day:hover{color:#374151!important;background-color:#f3f4f6!important}.payment-calendar-day.payment-date{color:#fff!important;background:linear-gradient(135deg,#2d74eb,#6faef7)!important;border-color:#3b82f6!important;font-weight:700!important;transform:scale(1.05)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)!important}.payment-calendar-day.today{color:#fff!important;background-color:#ff3737!important;border-color:#dc2626!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)!important}.payment-calendar-day.past{color:#9ca3af!important;cursor:not-allowed!important;background-color:#f9fafb!important}.payment-calendar-header{color:#fff!important;background-color:#374151!important;justify-content:space-between!important;align-items:center!important;padding:.75rem 1.5rem!important;display:flex!important}.payment-calendar-header h2{color:#fff!important;font-size:1.125rem!important;font-weight:600!important}.payment-calendar-nav-button{color:#fff!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:.25rem!important;padding:.25rem!important;transition:all .2s!important}.payment-calendar-nav-button:hover{color:#d1d5db!important;background-color:rgba(255,255,255,.1)!important}@media (max-width:640px){.payment-calendar-modal{max-width:95%!important;margin:0 auto!important}.payment-calendar-grid{gap:.25rem!important;padding:.75rem!important}.payment-calendar-day{padding:.375rem 0!important;font-size:.875rem!important}.payment-calendar-header{padding:.5rem 1rem!important}.payment-calendar-header h2{font-size:1rem!important}}
