:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#212431;--bg-input:#161922;--border-color:#2d3148;--text-primary:#e8e9ed;--text-secondary:#9ca3b0;--text-muted:#6b7280;--accent:#3b82f6;--accent-hover:#2563eb;--accent-glow:rgba(59, 130, 246, 0.15);--success:#10b981;--warning:#f59e0b;--radius:10px;--radius-lg:14px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-muted)}[aria-current=page]{color:var(--text-primary);font-weight:500}.main{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);padding:.7rem .9rem;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder{color:var(--text-muted)}.input-row{display:flex;gap:.75rem}.input-row input{flex:1}.input-row select{width:120px;flex-shrink:0}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.resultados{margin-top:2rem}.resultados h2{font-size:1.35rem;margin-bottom:1rem}.result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.75rem}.result-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.4rem}.result-highlight{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-card) 0,rgba(59,130,246,.08) 100%)}.result-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.result-value{font-size:1.3rem;font-weight:700}.comparacion{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.75rem}.comparacion h3{font-size:1rem;margin-bottom:1rem;color:var(--text-secondary)}.comp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.comp-item{display:flex;flex-direction:column;gap:.3rem}.comp-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.comp-value{font-size:1.05rem;font-weight:600}.comp-diff .comp-value{color:var(--warning)}.tabla-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.tabla-container h3{font-size:1rem;margin-bottom:1rem;color:var(--text-secondary)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;padding:.7rem .75rem;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-color);white-space:nowrap}td{padding:.6rem .75rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:rgba(59,130,246,.04)}@media (max-width:600px){.comp-grid{grid-template-columns:1fr}.result-cards{grid-template-columns:1fr}h1{font-size:1.35rem}.main{padding:1.25rem 1rem 3rem}}