html{background:#f1f5f9}body{min-width:320px;min-height:100vh;margin:0}:root{color:#191c1e;background:#f1f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #fea619}.app-shell{max-width:780px;min-height:100vh;margin:0 auto;padding:24px 16px 36px}.topbar{align-items:center;gap:12px;padding:8px 0 24px;display:flex}.brand-mark{color:#fff;background:#004532;border-radius:14px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:800;display:grid}.eyebrow,.section-kicker{color:#00513b;letter-spacing:.12em;margin:0;font-size:.74rem;font-weight:800}h1{margin:2px 0 0;font-size:1.25rem;line-height:1.2}.demo-badge{color:#3f4944;letter-spacing:.08em;background:#e0e3e5;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:.72rem;font-weight:800}.progress{color:#6f7973;text-align:center;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:18px;font-size:.71rem;display:grid}.progress-item{justify-items:center;gap:5px;font-weight:700;display:grid}.progress-dot{color:#3f4944;background:#d8dadc;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.progress-dot.is-active{color:#fff;background:#004532}.work-card{background:#fff;border:1px solid #dbe2e8;border-radius:24px;padding:26px 20px;box-shadow:0 16px 38px #1f2d3712}h2{letter-spacing:-.03em;margin:8px 0 9px;font-size:clamp(1.55rem,6vw,2rem);line-height:1.15}.helper-text{color:#52615a;margin:0 0 24px;line-height:1.55}.choice-grid{gap:12px;margin:24px 0;display:grid}.choice-card,.material-card{color:#191c1e;text-align:left;background:#fff;border:2px solid #d8e0db;border-radius:16px;min-height:84px}.choice-card{text-align:center;align-content:center;justify-items:center;gap:4px;padding:12px;display:grid}.choice-card.selected,.material-card.selected{background:#effaf5;border-color:#004532;box-shadow:inset 0 0 0 1px #004532}.choice-icon{font-size:1.65rem;line-height:1}.choice-card small,.material-copy small{color:#52615a}.two-columns{grid-template-columns:repeat(2,1fr)}.primary-button,.secondary-button{letter-spacing:.035em;border-radius:16px;min-height:56px;padding:12px 18px;font-weight:800}.primary-button{color:#fff;background:#004532;border:0;width:100%}.primary-button:hover:not(:disabled){background:#00513b}.primary-button:disabled{cursor:not-allowed;color:#e9efec;background:#b8c4be}.secondary-button{color:#184837;background:#fff;border:1px solid #8d9b94}.button-row{grid-template-columns:1fr;gap:10px;margin-top:18px;display:grid}.material-list{gap:10px;margin:22px 0;display:grid}.material-card{align-items:center;gap:13px;min-height:76px;padding:12px 14px;display:flex}.material-icon{color:#00513b;background:#d8f3e6;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-size:1.35rem;display:grid}.material-copy{gap:3px;display:grid}.material-copy strong{font-size:1rem}.material-copy small{font-size:.8rem;line-height:1.3}.radio-indicator{border:2px solid #6f7973;border-radius:50%;width:21px;height:21px;margin-left:auto}.material-card.selected .radio-indicator{border:6px solid #004532}.color-panel{background:#f5fbf8;border:1px solid #9db8aa;border-radius:18px;margin:-6px 0 22px;padding:17px 14px 14px}.color-panel legend{color:#174b39;padding:0 7px;font-size:.9rem;font-weight:800}.color-panel legend span{color:#714600;letter-spacing:.06em;background:#fce8c5;border-radius:999px;margin-left:5px;padding:4px 6px;font-size:.62rem}.color-panel>p{color:#52615a;margin:0 0 12px;font-size:.82rem}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.color-card{color:#26332d;text-align:left;background:#fff;border:2px solid #cbd5d0;border-radius:13px;align-items:center;gap:9px;min-height:54px;padding:9px 10px;display:flex}.color-card.selected{background:#e7f7ef;border-color:#004532;box-shadow:inset 0 0 0 1px #004532}.color-swatch{border:1px solid #00000038;border-radius:50%;flex:none;width:22px;height:22px}.color-mezclado{background:conic-gradient(#f2c94c,#2f8f5b,#2e75c5,#8250a4,#f2c94c)}.color-blanco{background:#fff}.color-verde{background:#2f8f5b}.color-azul{background:#2e75c5}.color-amarillo{background:#f2c94c}.color-morado{background:#8250a4}.color-check{visibility:hidden;color:#004532;margin-left:auto;font-size:1.05rem;font-weight:900}.color-card.selected .color-check{visibility:visible}.context-strip{flex-wrap:wrap;gap:7px;margin:18px 0 22px;display:flex}.context-strip span,.summary-chip{color:#00513b;background:#d8f3e6;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800}.weight-label{margin-bottom:8px;font-size:1.05rem;font-weight:800;display:block}.weight-label span{color:#52615a;font-weight:500}.weight-input{color:#004532;text-align:center;border:2px solid #9faca5;border-radius:18px;width:100%;min-height:86px;padding:8px 18px;font-size:2.6rem;font-weight:800}.limit-note{color:#6f7973;margin:9px 0 18px;font-size:.8rem;line-height:1.4}.warning-panel{background:#fff4e4;border:2px solid #855300;border-radius:16px;margin:16px 0;padding:16px}.warning-panel strong{color:#684000}.warning-panel p{color:#573500;margin:7px 0 12px;line-height:1.45}.warning-panel label{margin-bottom:6px;font-size:.88rem;font-weight:800;display:block}.warning-panel textarea{resize:vertical;border:1px solid #bf9c68;border-radius:12px;width:100%;min-height:90px;padding:11px}.warning-panel small{color:#684000;margin-top:5px;display:block}.running-total{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.running-total div,.summary-metrics div{background:#f2f4f6;border-radius:14px;padding:14px}.running-total span,.summary-metrics span{color:#52615a;font-size:.78rem;font-weight:700;display:block}.running-total strong,.summary-metrics strong{color:#004532;margin-top:3px;font-size:1.25rem;display:block}.summary-card{background:#f7fcf9;border:2px solid #004532;border-radius:20px;padding:20px}.summary-chip+.summary-chip{margin-left:6px}.summary-card h3{margin:14px 0 4px;font-size:1.35rem}.summary-card>p{color:#52615a;margin:0}.summary-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.summary-metrics div{padding:12px 8px}.summary-metrics strong{font-size:1.15rem}.success-panel{color:#003d2d;background:#e4f8ee;border-radius:18px;align-items:flex-start;gap:14px;padding:18px;display:flex}.success-panel>span{color:#fff;background:#004532;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.success-panel strong{display:block}.success-panel p{color:#215846;margin:6px 0 0;line-height:1.45}.next-button{margin-top:18px}footer{color:#6f7973;text-align:center;padding:18px 4px 0;font-size:.78rem}footer>p{margin:12px 0 0}.api-status{text-align:left;background:#fff;border:1px solid #c9d2cd;border-radius:14px;align-items:center;gap:10px;padding:11px 12px;display:flex}.api-status-dot{background:#78857f;border-radius:50%;flex:none;width:10px;height:10px}.api-status-copy{gap:2px;display:grid}.api-status-copy strong{color:#26332d;font-size:.8rem}.api-status-copy small{color:#64716a;line-height:1.3}.api-status.is-conectada{background:#effaf5;border-color:#9ccdb5}.api-status.is-conectada .api-status-dot{background:#087a53}.api-status.is-error{background:#fff8ed;border-color:#e0b87a}.api-status.is-error .api-status-dot{background:#a25f00}.api-status.is-comprobando .api-status-dot{background:#39765d;animation:1.4s ease-in-out infinite api-pulse}.api-status button{color:#714600;background:#fff;border:1px solid #9a6518;border-radius:10px;margin-left:auto;padding:8px 9px;font-size:.7rem;font-weight:800}.api-status button:focus-visible{outline-offset:2px;outline:3px solid #fea619}@keyframes api-pulse{50%{opacity:.3;transform:scale(.78)}}@media (width>=640px){.app-shell{padding-top:38px}.work-card{padding:34px 42px}.button-row{grid-template-columns:1fr 1fr}.button-row .primary-button,.button-row .secondary-button{width:100%}}@media (prefers-reduced-motion:reduce){.api-status.is-comprobando .api-status-dot{animation:none}}