html{scroll-behavior:smooth}:root{--text:#334155;--text-h:#0f172a;--bg:#f8fafc;--panel:#fff;--border:#cbd5e1;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:15px/1.45 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3,h4{color:var(--primary,var(--text-h));margin:0 0 8px}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.app{--primary:#1e3a8a;--primary-hover:#172554;--primary-rgb:30, 58, 138;--bg:#f8fafc;--panel:#fff;--text:#0f172a;--text-muted:#475569;--border:#cbd5e1;--success:#15803d;background:var(--bg);min-height:100vh;transition:background-color .2s}.app.tema-masculino{--bg:#dbeafe}.app.tema-feminino{--bg:#fce7f3;--primary:#9d174d;--primary-hover:#831843;--primary-rgb:157, 23, 77}.container{max-width:880px;margin:0 auto;padding:24px 16px 64px}.toc-nav{display:none}.results-anchor{scroll-margin-top:16px}@media (width>=1300px){.toc-nav{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:152px;max-height:calc(100vh - 48px);padding:10px;display:block;position:fixed;top:24px;left:calc(50% - 616px);overflow-y:auto}}.toc-group+.toc-group{margin-top:10px}.toc-group-title{margin-bottom:2px}.toc-group-title a{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:5px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.toc-group-title a:hover{color:var(--primary);text-decoration:underline}.toc-list{margin:0;padding:0;list-style:none}.toc-list a{color:var(--text);border-radius:4px;padding:3px 0 3px 18px;font-size:12px;line-height:1.3;text-decoration:none;display:block}.toc-list a:hover{color:var(--primary);text-decoration:underline}.header{text-align:center;margin-bottom:20px}.header h1{font-size:24px}.subtitle{color:var(--text-muted);margin:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:20px}.radio-group{gap:20px;margin-bottom:16px;display:flex}.radio-label{color:var(--text);align-items:center;gap:6px;font-weight:500;display:flex}.field-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:8px;display:grid}.field{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.field input,.field select,.field textarea{border:1px solid var(--border);color:var(--text);resize:vertical;background-color:#f8fafc;border-radius:6px;padding:9px 10px;font-family:inherit;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb), .15);outline:none}.paste-hint{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.age-display{color:var(--primary);margin:10px 0;font-weight:600}.empty-state{text-align:center;color:var(--text-muted);padding:32px 16px}.results-area{flex-direction:column;gap:16px;display:flex}.section{padding:0}.section-summary{cursor:pointer;color:var(--primary);align-items:center;gap:8px;padding:16px 20px;font-weight:700;list-style:none;display:flex}.section-summary::-webkit-details-marker{display:none}.section-summary:before{content:"▸";color:var(--text-muted);transition:transform .15s}.section[open]>.section-summary:before{transform:rotate(90deg)}.section-icon{width:18px;height:18px;stroke:var(--primary);flex-shrink:0}.section-body{padding:0 20px 20px}.results-section{margin-bottom:24px}.results-section-title{color:var(--primary);align-items:center;gap:8px;margin:0 0 10px;font-size:15px;display:flex}.copy-preview{margin-bottom:20px}.copy-preview-text{border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background-color:#f8fafc;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.copy-btn{background-color:var(--success);color:#fff;border:none;border-radius:6px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;display:block}.copy-btn:hover{background-color:#166534}.medida-box{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.medida-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.medida-titulo{color:var(--primary);font-weight:700}.medida-badge{color:var(--text);white-space:nowrap;background:#e2e8f0;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.badge-normal{background:#e2e8f0}.badge-extrapolado{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.date-warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;margin:10px 0 0;padding:8px 12px;font-size:13px}.medida-valor{color:var(--primary);margin-bottom:8px;font-size:20px;font-weight:700}.medida-fonte{color:var(--text-muted);margin-top:6px;font-size:11px}.growth-chart-svg{border:1px solid var(--border);background:#fbfcfe;border-radius:6px;width:100%;height:auto;display:block}.chart-gridline{stroke:#e2e8f0;stroke-width:1px}.chart-axis-label{fill:var(--text-muted);font-size:9px}.chart-zoom-label{fill:var(--text-muted);font-size:8px;font-style:italic}.chart-axis-title{fill:var(--text-muted);font-size:10px;font-weight:600}.chart-segment-divider{stroke:#94a3b8;stroke-width:1px;stroke-dasharray:2 2}.chart-curve{fill:none;stroke:#94a3b8;stroke-width:1px}.chart-curve-median{stroke:var(--primary);stroke-width:1.5px}.chart-curve-label{fill:var(--text-muted);font-size:8px}.chart-hover-line{stroke:var(--primary);stroke-width:1px;stroke-dasharray:3 3;opacity:.6}.chart-patient-point{fill:var(--primary);stroke:#fff;stroke-width:1.5px}.chart-tooltip{border:1px solid var(--border);pointer-events:none;background:#fff;border-radius:6px;padding:6px 8px;font-size:11px;line-height:1.5;box-shadow:0 2px 6px #0000001f}.footer{text-align:center;color:var(--text-muted);margin-top:32px;padding-top:16px;font-size:12px}.footer a{color:var(--text-muted);text-decoration:underline}.footer a:hover{color:var(--primary)}@media (width<=600px){.container{padding:12px 8px 48px}.card{padding:16px}.section-summary{padding:12px 16px}.section-body{padding:0 16px 16px}.radio-group{flex-direction:column;gap:8px}}
