*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 0 0,#154b7370,transparent 55%),#072c43;color:#f1f8fb;font:14px/1.7 Arial,Helvetica,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #a4d5e22b;max-width:1200px;margin:auto;gap:20px}header img{width:145px;height:42px;object-fit:contain;filter:brightness(0) invert(1)}a{color:inherit;text-decoration:none}header>a:last-child{font-size:12px;color:#bed3de}main{max-width:1120px;padding:0 25px;margin:auto}.hero{text-align:center;padding:55px 0 35px;max-width:760px;margin:auto}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-1px;line-height:1.15}h1{font-size:52px;margin:18px 0 24px}h1 em{color:#b9e9e1;font-style:normal}.hero>p:not(.eyebrow){font-size:16px;color:#bed3de}.eyebrow{font-size:10px;color:#99cfda;letter-spacing:2px;font-weight:700}h2{font-size:31px;margin:12px 0 20px}.button{display:inline-block;padding:13px 22px;background:#b9e9e1;color:#0b3449;font-weight:700;border-radius:9px;margin:16px 0}.notice{padding:17px 20px;border:1px solid #a4d5e240;border-radius:10px;background:#a6dfdc0b;font-size:12px;color:#bed3de;margin:15px 0 25px}.notice p{margin:9px 0 0}.panel{background:#10374b;border:1px solid #a4d5e22b;border-radius:17px;padding:28px;margin-bottom:24px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.badge{background:#b9e9e112;border:1px solid #b9e9e15c;border-radius:30px;padding:8px 17px;color:#b9e9e1;font-size:12px}.muted{color:#adc9d7;font-size:12px;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}input,button{font:inherit}input[type=range]{width:100%;accent-color:#b9e9e1;margin:20px 0;min-height:26px}.level-buttons{display:flex;justify-content:space-between;gap:8px}.level-buttons button{background:#082a3d;border:1px solid #a4d5e22b;color:#bed3de;border-radius:9px;padding:10px 14px;cursor:pointer;flex:1}.level-buttons button[aria-pressed=true]{background:#b9e9e1;color:#0b3449}.cost-hero{padding:27px 20px;background:#082a3d;border:1px solid #a6dfdc55;border-radius:12px;text-align:center;margin-top:28px}.cost-hero>span{font-size:10px;letter-spacing:2px;color:#adc9d7}.cost-hero>strong{display:block;font:64px/1.2 Georgia,serif;color:#b9e9e1;margin:10px}.cost-hero small{color:#adc9d7;font-size:11px}.three,.four{display:grid;gap:15px;margin-top:25px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.three b,.four b{display:block;font:25px/1.3 Georgia,serif;color:#c6f2e8}.three small,.four small{display:block;font-size:11px;color:#adc9d7}.four>div{background:#082a3d;padding:18px 14px;border:1px solid #a4d5e22b;border-radius:10px}.four small{min-height:40px}table{width:100%;border-collapse:collapse;font-size:12px;min-width:670px}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid #a4d5e22b}th{color:#a6dfdc;font-size:10px}td{color:#bed3de}.table-scroll{overflow-x:auto}.chart{height:290px;margin:25px 0 10px}input[type=number]{display:block;width:100%;max-width:360px;background:#082a3d;color:#fff;padding:14px;border:1px solid #7199ac7a;border-radius:8px;margin:10px 0}label{font-size:12px}.summary{background:#a6dfdc0b;padding:18px;border-radius:10px;font-size:13px;color:#bed3de}details{border-bottom:1px solid #a4d5e22b}summary{padding:18px 0;cursor:pointer}details p{font-size:12px;color:#bed3de}.solution{display:grid;grid-template-columns:1fr 230px;gap:30px;align-items:center}.solution p{color:#bed3de}.solution>img{width:100%;height:250px;object-fit:contain;background:#eaf3f6;border-radius:13px;padding:12px}.text-link{display:block;font-size:12px;text-decoration:underline}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:20px}.actions button,.actions a{padding:13px 18px;border:1px solid #a4d5e24b;background:#10374b;color:#c6e6ec;border-radius:8px;cursor:pointer}footer{text-align:center;font-size:10px;color:#adc9d7;padding:25px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b9e9e1;outline-offset:4px}@media(max-width:650px){header{padding:16px 20px}header img{width:110px}header>a:last-child{font-size:10px}main{padding:0 16px}.hero{padding:35px 0 20px}h1{font-size:37px}h2{font-size:27px}.panel{padding:20px}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.three{gap:8px}.three b{font-size:23px}.cost-hero{padding:24px 10px}.cost-hero>strong{font-size:52px}.level-buttons{gap:5px}.level-buttons button{padding:9px}.solution{grid-template-columns:1fr}.solution>img{height:190px}.chart{height:250px}.badge{font-size:10px;padding:6px 12px}.heading{gap:10px}}@media print{html{color-scheme:light}body{background:white;color:#123}header{position:static}.panel,.notice,.summary,.cost-hero,.four>div{background:white;border:1px solid #bbb;break-inside:avoid}.muted,.notice,.summary,td,.four small,.three small{color:#345}.cost-hero>strong,.three b,.four b,h1 em{color:#16445a}.actions,.level-buttons,.button,header>a:last-child{display:none}.chart{height:230px}.panel{margin-bottom:15px}.solution{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--severity:#66d9bf}.badge{color:var(--severity);border-color:var(--severity);background:color-mix(in srgb,var(--severity) 12%,#10374b)}#calculadora{border-top:3px solid var(--severity);transition:border-color .25s}.heading h2{color:var(--severity);transition:color .25s}.cost-hero{border-color:var(--severity);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--severity) 13%,transparent),transparent 75%),#082a3d;box-shadow:0 0 30px color-mix(in srgb,var(--severity) 8%,transparent);transition:border-color .25s,box-shadow .25s}.cost-hero>strong,.cost-hero .three b,#energy-loss,#life-loss,#detergent-loss,#cost10,#yearly{color:var(--severity);transition:color .25s}.level-buttons button{color:var(--option-color);border-color:color-mix(in srgb,var(--option-color) 45%,transparent);background:color-mix(in srgb,var(--option-color) 7%,#082a3d);font-weight:700;transition:background .2s,box-shadow .2s,transform .2s}.level-buttons button small{display:block;font-size:10px;font-weight:400;line-height:1.35;margin-top:5px;color:inherit}.level-buttons button[aria-pressed=true]{background:var(--option-color);border-color:var(--option-color);color:#082a3d;box-shadow:0 0 20px color-mix(in srgb,var(--option-color) 22%,transparent);transform:translateY(-2px)}#level{appearance:none;-webkit-appearance:none;height:10px;min-height:10px;border-radius:20px;background:linear-gradient(90deg,#66d9bf 0%,#f6cd63 25%,#ff9a52 50%,#ff626b 75%,#ff70ad 100%);margin:25px 0 22px;cursor:pointer}#level::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--severity);border:4px solid #edf8fb;box-shadow:0 0 0 4px color-mix(in srgb,var(--severity) 22%,transparent)}#level::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--severity);border:4px solid #edf8fb;box-shadow:0 0 0 4px color-mix(in srgb,var(--severity) 22%,transparent)}.summary{border-left:3px solid var(--severity)}@media(max-width:650px){.level-buttons button{padding:10px 3px;font-size:12px;min-width:0}.level-buttons button small{font-size:8px;overflow-wrap:anywhere}.badge{max-width:145px;text-align:center}.heading h2{font-size:25px}}@media(prefers-reduced-motion:reduce){#calculadora,.heading h2,.cost-hero,.cost-hero>strong,.cost-hero .three b,.level-buttons button{transition:none}.level-buttons button[aria-pressed=true]{transform:none}}