*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);color:#1c1917;line-height:1.6;min-height:100vh}.calculator-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh}.calculator-header{margin-bottom:2rem;text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);border-radius:1.5rem;color:#fff;box-shadow:0 10px 25px -5px #ea580c4d}.calculator-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.calculator-header p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}.panels-container{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.panels-container{grid-template-columns:1fr 1fr}}.panel{background:white;border-radius:1.5rem;border:2px solid #ffedd5;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.panel:hover{box-shadow:0 10px 25px -5px #ea580c26}.panel-title{font-weight:600;margin-bottom:1rem;color:#ea580c;font-size:1.25rem}.inputs-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 480px){.inputs-grid{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;color:#57534e;font-weight:500}.form-input{border:2px solid #fbbf24;border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;transition:all .3s ease;background:#fff7ed;width:100%}.form-input:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a;background:white}.btn{border:2px solid #f97316;border-radius:1rem;padding:.5rem 1rem;font-size:.875rem;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;display:inline-block;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ea580c4d}.reductores-section{margin-top:1.5rem}.reductores-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.reductores-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media (min-width: 640px){.reductores-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.reductores-grid{grid-template-columns:repeat(5,1fr)}}.kpis-section{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}@media (min-width: 768px){.kpis-section{grid-template-columns:repeat(3,1fr)}.kpis-secondary{grid-template-columns:repeat(4,1fr)}.kpis-tertiary{grid-template-columns:repeat(3,1fr)}}.kpi-card{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-radius:1.5rem;border:2px solid #fdba74;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f97316,#ea580c)}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #ea580c33}.kpi-title{font-size:.875rem;color:#57534e;margin-bottom:.5rem;font-weight:500}.kpi-value{font-size:1.5rem;font-weight:700;color:#ea580c;line-height:1.2}.warning-box{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;color:#92400e;border-radius:1.5rem;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 6px -1px #f59e0b33}.warning-title{color:#92400e;font-weight:600;margin-bottom:.5rem}.explanation-box{background:white;border-radius:1.5rem;border:2px solid #ffedd5;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a}.explanation-title{color:#ea580c;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.explanation-list{list-style-type:decimal;margin-left:1.5rem;color:#57534e}.explanation-list li{margin-bottom:.5rem}.highlight{color:#ea580c;font-weight:600}.footer{text-align:center;color:#a8a29e;font-size:.875rem;margin-top:3rem;padding:2rem 1rem;border-top:2px solid #ffedd5}@media (max-width: 767px){.calculator-container{padding:.5rem}.calculator-header{padding:1.5rem 1rem;margin-bottom:1rem;border-radius:1rem}.calculator-header h1{font-size:1.5rem}.calculator-header p{font-size:.9rem}.panel{padding:1rem;border-radius:1rem}.inputs-grid,.kpis-section{grid-template-columns:1fr}.kpi-card{padding:1.25rem;border-radius:1rem}.kpi-value{font-size:1.25rem}.form-input{padding:1rem;font-size:16px}.btn{padding:.75rem 1.5rem;font-size:1rem;width:100%}.reductores-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible{outline:2px solid #ea580c;outline-offset:2px}