:root{--color-primary: #004E70;--color-accent: #6FB2E3;--color-bg: #FFFFFF;--color-surface: #F7FAFC;--color-text: #1A202C;--color-text-muted: #718096;--color-border: #E2E8F0;--color-selected-bg: #EBF5FB;--color-selected-border: #004E70;--color-profile-a: #2E7D32;--color-profile-b: #F9A825;--color-profile-c: #E65100;--color-profile-d: #C62828;--font-display: "Genos", sans-serif;--font-body: "Inter", sans-serif}@media (prefers-color-scheme: dark){:root{--color-primary: #1E6F9E;--color-accent: #6FB2E3;--color-bg: #0D1B2A;--color-surface: #1A2E42;--color-text: #E8F4FD;--color-text-muted: #94A3B8;--color-border: #2D4A63;--color-selected-bg: #1A2E42;--color-selected-border: #1E6F9E}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.container{width:100%;max-width:680px;margin:0 auto;padding:16px 20px 40px;display:flex;flex-direction:column;min-height:100vh}.app-header{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border);margin-bottom:24px}.app-logo{height:40px;width:auto;display:block}h1,h2,h3,.font-display{font-family:var(--font-display);font-weight:700;line-height:1.15}h1{font-size:clamp(28px,6vw,42px);color:var(--color-text);text-align:center;margin-bottom:16px}h2{font-size:clamp(22px,5vw,32px);color:var(--color-text);margin-bottom:12px}.subtitle{font-size:17px;color:var(--color-text-muted);text-align:center;margin-bottom:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;font-family:var(--font-body);font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;text-decoration:none;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;width:100%;text-align:center}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{opacity:.93}.btn-primary:active{transform:scale(.99)}.btn-whatsapp{background-color:#25d366;color:#fff;font-size:17px;margin-top:24px;box-shadow:0 4px 12px #25d36640}.btn-whatsapp:hover{background-color:#20ba5a}.btn-secondary-link{display:block;text-align:center;margin-top:14px;font-size:14px;font-weight:500;color:var(--color-accent);text-decoration:underline}.btn-secondary-link:hover{opacity:.85}.fade-in{animation:fadeIn .25s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.options-grid{display:flex;flex-direction:column;gap:12px;margin:20px 0}.option-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .15s ease;user-select:none}.option-card:hover{border-color:var(--color-accent)}.option-card.selected{border-color:var(--color-selected-border);background-color:var(--color-selected-bg)}.option-label{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-primary);line-height:1;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#004e7014}.option-card.selected .option-label{background-color:var(--color-primary);color:#fff}.option-text{font-size:15px;font-weight:500;color:var(--color-text)}.progress-container{width:100%;display:flex;flex-direction:column;gap:6px}.progress-text{font-size:13px;font-weight:500;color:var(--color-text-muted);text-align:right}.progress-bar-track{width:100%;height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-primary);border-radius:4px;transition:width .3s ease-in-out}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;text-align:left}.form-label{font-size:14px;font-weight:600;color:var(--color-text)}.form-input{width:100%;padding:14px 16px;font-family:var(--font-body);font-size:16px;border:1.5px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .2s ease}.form-input:focus{border-color:var(--color-primary)}.form-error{font-size:12.5px;color:var(--color-profile-d);display:none}.form-error.visible{display:block}.legal-box{padding:14px 16px;border-left:3px solid var(--color-primary);border-radius:0 6px 6px 0;font-size:13px;line-height:1.5;margin-bottom:24px}@media (prefers-color-scheme: light){.legal-box{background-color:#f0f7ff;color:#4a5568}}@media (prefers-color-scheme: dark){.legal-box{background-color:#0d2035;color:#94a3b8}}.uma-box{padding:14px 16px;border-left:3px solid #F9A825;border-radius:0 6px 6px 0;font-size:13px;line-height:1.5;margin:24px 0}@media (prefers-color-scheme: light){.uma-box{background-color:#fff8e1;color:#4a5568}}@media (prefers-color-scheme: dark){.uma-box{background-color:#2a1f00;color:#94a3b8}}.disclaimer-footer{font-size:12px;color:var(--color-text-muted);text-align:center;max-width:600px;margin:32px auto 0;line-height:1.5}.meter-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;background-color:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);margin-bottom:24px}.meter-value{font-family:var(--font-display);font-size:clamp(48px,10vw,72px);font-weight:700;line-height:1}.meter-sublabel{font-size:14px;color:var(--color-text-muted);margin-top:4px;margin-bottom:16px}.meter-bar-track{width:100%;height:12px;background-color:var(--color-border);border-radius:6px;overflow:hidden;margin-bottom:14px}.meter-bar-fill{height:100%;width:0%;border-radius:6px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.profile-badge-name{font-family:var(--font-display);font-size:24px;font-weight:700}.area-breakdown{display:flex;flex-direction:column;gap:10px;margin:20px 0}.area-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:var(--color-surface);border-radius:8px;font-size:14px}.area-left{display:flex;align-items:center;gap:10px}.area-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.area-dot.verde{background-color:var(--color-profile-a)}.area-dot.amarillo{background-color:var(--color-profile-b)}.area-dot.rojo{background-color:var(--color-profile-d)}.area-score{font-weight:600;color:var(--color-text-muted)}