@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary:#1e293b;--primary-hover:#0f172a;--secondary:#10b981;--secondary-hover:#059669;--accent:#f43f5e;--bg-color:#fff;--surface:#fff;--surface-border:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700}.app-container{flex-direction:column;flex:1;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:4rem 2rem 2rem;display:flex}.progress-container{background:#e2e8f0;border-radius:3px;width:100%;max-width:300px;height:6px;margin-bottom:2rem;overflow:hidden}.progress-bar{background:var(--primary);border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.page-title{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.main-options-grid{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;margin-bottom:1rem;display:grid}.card-btn{background:var(--surface);border:1px solid var(--surface-border);color:var(--text-main);cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem 1.5rem;font-size:1.1rem;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.card-btn:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.card-btn.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.card-img-wrapper{flex:1;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.card-footer{justify-content:space-between;align-items:center;width:100%;font-size:1.1rem;font-weight:600;display:flex}.wide-btn{background:var(--surface);border:1px solid var(--surface-border);color:var(--text-main);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;padding:1.5rem 2rem;font-size:1.2rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px -1px #0000000d}.wide-btn:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.wide-btn-content{align-items:center;gap:1.25rem;display:flex}.arrow-circle{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.options-grid{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}.options-grid.cols-2{grid-template-columns:repeat(2,1fr)}.option-btn{background:var(--surface);border:1px solid var(--surface-border);color:var(--text-main);font-family:var(--font-body);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:1rem;padding:1.25rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.option-btn:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.action-btn{background:var(--secondary);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #10b9814d}.action-btn:hover{background:var(--secondary-hover);transform:translateY(-2px)}.link-btn{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:1rem;font-size:.9rem;text-decoration:underline;display:block}.link-btn:hover{color:var(--text-main)}.aspect-row{background:var(--surface);border:1px solid var(--surface-border);border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:.75rem;padding:1rem;display:flex}.aspect-label{font-size:1.1rem;font-weight:500}.aspect-actions{gap:.5rem;display:flex}.aspect-btn{border:1px solid var(--surface-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.aspect-btn.active-bien{border-color:var(--secondary);color:var(--secondary);background:#10b9811a}.aspect-btn.active-mal{border-color:var(--accent);color:var(--accent);background:#f43f5e1a}.loader-container{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:4rem 0;display:flex}.spinner{border:4px solid var(--surface-border);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;margin-bottom:1.5rem;animation:1s linear infinite spin}.nutrient-card{background:var(--surface);border:1px solid var(--surface-border);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative}.nutrient-number{color:#fff;background-color:#fbbf24;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.nutrient-img{width:60px;height:80px;color:var(--primary);background:0 0;justify-content:center;align-items:center;margin:0 auto 1rem;font-weight:700;display:flex}.nutrient-name{color:var(--text-main);font-size:1rem;font-weight:600;font-family:var(--font-body)}.promo-text{text-align:center;color:var(--text-main);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.vsl-btn{color:#fff;font-family:var(--font-body);cursor:pointer;background:#16a34a;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:400px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:inline-flex}.vsl-btn:hover{background:#15803d}.vsl-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.vsl-title{text-align:center;color:var(--text-main);margin-bottom:2rem;font-size:2rem;line-height:1.2}@keyframes spin{to{transform:rotate(360deg)}}.icon-wrapper{background:#f1f5f9;border-radius:8px;padding:.75rem;display:flex}