:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-attachment:fixed;position:relative;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="%233b82f6" fill-opacity="0.03" d="M50 0 L100 50 L50 100 L0 50 Z" /></svg>');background-size:200px 200px;opacity:.5;pointer-events:none;z-index:-1}body:after{content:"";position:fixed;bottom:0;right:0;width:300px;height:300px;background:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="%233b82f6" fill-opacity="0.03" /></svg>');background-size:100px 100px;opacity:.6;pointer-events:none;z-index:-1}#root{width:100%;display:flex;flex-direction:column;align-items:center}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:#64748b}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::selection{background-color:#bfdbfe;color:#1e40af}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{animation:fadeInUp .6s ease-out}h1{animation:fadeInUp .8s ease-out}.seccion:nth-of-type(1){animation:fadeInUp 1s ease-out}.seccion:nth-of-type(2){animation:fadeInUp 1.2s ease-out}.botones{animation:fadeInUp 1.4s ease-out}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width: 1200px){.container{max-width:1000px}}@media (hover: none){input,button{font-size:16px}input{padding:12px}}@media (max-width: 480px){body:after{width:150px;height:150px;background-size:50px 50px}}:root{--primary-color: #0f172a;--primary-light: #334155;--secondary-color: #0ea5e9;--accent-color: #f59e0b;--text-color: #334155;--text-light: #64748b;--background-color: #f8fafc;--card-bg: #ffffff;--border-color: #e2e8f0;--success-color: #22c55e;--error-color: #ef4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);padding:1rem 0;position:sticky;top:0;z-index:100;border-radius:0 0 12px 12px;margin:0 1rem 1rem;max-width:calc(100% - 2rem);margin-left:auto;margin-right:auto}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center}.logo-container{display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.main-nav ul{display:flex;list-style:none;gap:2rem}.main-nav a{color:var(--text-light);text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem 0;position:relative;transition:color .3s ease}.main-nav a:hover,.main-nav a.active{color:var(--secondary-color)}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--secondary-color);transition:width .3s ease}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.container{max-width:1200px;margin:2rem auto;padding:2rem;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background:var(--background-color);min-height:100vh}h1{font-size:2.5rem;font-weight:800;color:var(--primary-color);text-align:left;margin-bottom:2rem;letter-spacing:-.025em}.titulo-principal{font-size:2.75rem;font-weight:800;color:var(--primary-color);text-align:center;margin-bottom:2.5rem;letter-spacing:-.025em;position:relative;padding-bottom:1rem;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.titulo-principal:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.grid-container{margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}.seccion{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-md)}h2{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}h2:before{content:"";display:block;width:4px;height:24px;background:var(--secondary-color);border-radius:2px}.form-control{margin-bottom:1.25rem}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-color);margin-bottom:.5rem}input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--primary-color);background:var(--background-color);transition:all .2s ease}input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #0ea5e926}.input-help{display:block;font-size:.75rem;color:var(--text-light);margin-top:.25rem;font-style:italic}.total-row{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:2px dashed var(--border-color)}.valor-calculado{font-family:SF Mono,Fira Code,monospace;font-size:1.125rem;font-weight:600;color:var(--secondary-color)}.botones{display:flex;gap:1rem;margin-top:2rem}button{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}button[type=submit]{background:var(--secondary-color);color:#fff}button[type=submit]:hover{background:#0284c7;transform:translateY(-1px)}button[type=button]{background:var(--background-color);color:var(--text-color);border:1px solid var(--border-color)}button[type=button]:hover{background:var(--border-color)}.resultado{margin-top:3rem;background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:var(--shadow-lg)}.info-empresa{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--background-color);border-radius:8px}.tabla-comparativa{overflow-x:auto;margin:2rem 0}table{width:100%;border-collapse:collapse;font-size:.875rem}th{background:var(--primary-color);color:#fff;font-weight:600;text-align:left;padding:1rem}td{padding:1rem;border-bottom:1px solid var(--border-color)}.grupo-header td{background:var(--background-color);font-weight:600;color:var(--primary-color)}.subtotal td{background:var(--background-color);font-weight:500}.positivo{color:var(--success-color)}.negativo{color:var(--error-color)}.explicacion{background:var(--background-color);border-radius:8px;padding:1.5rem;font-size:.875rem;line-height:1.6;color:var(--text-color)}.total-activos,.total-pasivos{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem;background-color:var(--background-color);border-radius:8px;font-weight:700}.total-activos label,.total-pasivos label{font-size:1.1rem;color:var(--primary-color)}.total-activos .total,.total-pasivos .total{font-size:1.3rem;color:var(--primary-color)}.total-patrimonio,.total-pasivos-patrimonio{margin-top:1rem;padding:.5rem;background-color:#f8f9fa;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.total-pasivos-patrimonio{margin-top:1.5rem;background-color:#e9ecef;font-weight:700;font-size:1.1em}tr.total-final td{background-color:#e9ecef;font-weight:700;font-size:1.1em;border-top:2px solid #dee2e6;border-bottom:2px solid #dee2e6}@media (max-width: 768px){.container{padding:1.5rem;margin:1rem auto}.grid-container{grid-template-columns:1fr}h1{font-size:2rem}.botones{flex-direction:column}button{width:100%;margin:.5rem 0}.header-content{padding:1rem}.logo{font-size:1.25rem}}@media (max-width: 480px){h1{font-size:1.75rem}.seccion{padding:1rem}.info-empresa{flex-direction:column}.logo{font-size:1.1rem}}.validacion-ecuacion{margin-top:2rem;padding:1.5rem;background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow-sm)}.validacion-ecuacion h3{color:var(--primary-color);font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.validacion-año{margin-bottom:1.5rem;padding:1rem;background:var(--background-color);border-radius:6px}.validacion-año:last-child{margin-bottom:0}.validacion-año h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem}.validacion-año p{margin:.5rem 0;font-size:.95rem}.ecuacion-correcta{color:var(--success-color);font-weight:500}.ecuacion-incorrecta{color:var(--error-color);font-weight:500}.diferencia{margin-top:.5rem;padding:.5rem;background:#ef44441a;border-radius:4px;color:var(--error-color);font-size:.9rem!important}.nota-validacion{margin-top:10px;padding:10px;border-radius:5px;background-color:#f8f9fa;font-size:.9em;line-height:1.4}.nota-validacion strong{color:#495057}.grupo-header{background-color:#2c3e50;color:#fff;font-weight:700;text-align:center}.grupo-header td{padding:12px}.subtotal{background-color:#f8f9fa;font-weight:600}.subtotal td{border-top:2px solid #dee2e6;border-bottom:2px solid #dee2e6}