:root{--bg: #0f172a;--surface: #1e293b;--surface2: #263248;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--stripe: #635bff;--stripe-hover: #4f46e5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:1rem}.container{max-width:680px;margin:0 auto;padding-bottom:3rem}.header{text-align:center;padding:2rem 0 1.5rem}.logo{font-size:1.8rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.tagline{color:var(--text-muted);font-size:.9rem}.pro-badge{display:inline-block;margin-top:.5rem;background:var(--success);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px}.plan-banner{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1.25rem}.plan-free{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.plan-pro{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--success)}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.link-btn:hover{color:var(--accent-hover)}.disclaimer-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.disclaimer-text{font-size:.8rem;color:var(--text-muted);line-height:1.5}.consent-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text);margin-top:1rem}.consent-label input{margin-top:2px;flex-shrink:0}.legal-link{color:var(--accent);text-decoration:none;font-size:inherit}.legal-link:hover{text-decoration:underline}.input-section{margin-bottom:1.5rem}.input-label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.75rem;font-size:.875rem;resize:vertical;font-family:inherit;line-height:1.5;margin-bottom:.75rem}.textarea:focus{outline:none;border-color:var(--accent)}.btn-primary{width:100%;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.875rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.resultado-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.aviso-legal{font-size:.75rem;color:var(--text-muted);padding:.5rem .75rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:6px}.resumen-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.resumen-item{background:var(--surface2);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.resumen-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.resumen-valor{font-size:.95rem;font-weight:600;color:var(--text)}.probabilidad-section{display:flex;flex-direction:column;gap:.5rem}.prob-header{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-muted)}.prob-valor{font-weight:700}.prob-bar-bg{height:8px;background:var(--surface2);border-radius:999px;overflow:hidden}.prob-bar-fill{height:100%;border-radius:999px;transition:width .8s ease}.indicadores-section{display:flex;flex-direction:column;gap:.75rem}.section-title{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.indicador-item{background:var(--surface2);border-radius:8px;padding:.875rem;border-left:3px solid var(--border)}.indicador-item.impacto-alto{border-left-color:var(--danger)}.indicador-item.impacto-medio{border-left-color:var(--warning)}.indicador-item.impacto-bajo{border-left-color:var(--success)}.indicador-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.indicador-tipo{font-size:.875rem;font-weight:600;color:var(--text)}.impacto-badge{font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;text-transform:uppercase}.impacto-badge.impacto-alto{background:#ef444426;color:var(--danger)}.impacto-badge.impacto-medio{background:#f59e0b26;color:var(--warning)}.impacto-badge.impacto-bajo{background:#22c55e26;color:var(--success)}.indicador-detalle{font-size:.825rem;color:var(--text-muted);line-height:1.5}.coste-section{display:flex;flex-direction:column;gap:.75rem}.coste-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.coste-item{border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem;text-align:center}.coste-verde{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.coste-rojo{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.coste-azul{background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.coste-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.coste-valor{font-size:.95rem;font-weight:700;color:var(--text)}.veredicto{padding:1rem;border-radius:10px;text-align:center;font-size:1.1rem;font-weight:700;letter-spacing:.02em}.veredicto-pagar{background:#22c55e1a;border:2px solid var(--success);color:var(--success)}.veredicto-revisar{background:#3b82f61a;border:2px solid var(--accent);color:var(--accent)}.razonamiento-box{background:var(--surface2);border-radius:8px;padding:1rem;font-size:.875rem;color:var(--text-muted);line-height:1.6;border-left:3px solid var(--accent)}.indicadores-locked{background:var(--surface2);border-radius:10px;padding:1rem;border:1px dashed var(--border)}.locked-header{font-size:.9rem;color:var(--text);margin-bottom:.5rem}.locked-gancho{font-size:.825rem;color:var(--text-muted);margin-bottom:.75rem;font-style:italic}.blur-item{font-size:.8rem;color:var(--text-muted);margin:.25rem 0;filter:blur(4px);-webkit-user-select:none;user-select:none}.upsell-box{background:linear-gradient(135deg,#635bff1a,#3b82f61a);border:1px solid rgba(99,91,255,.3);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.upsell-title{font-size:1rem;font-weight:700;color:var(--text)}.upsell-list{list-style:none;display:flex;flex-direction:column;gap:.375rem}.upsell-list li{font-size:.875rem;color:var(--text-muted)}.btn-stripe{width:100%;background:var(--stripe);color:#fff;border:none;border-radius:8px;padding:.875rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-stripe:hover:not(:disabled){background:var(--stripe-hover)}.btn-stripe:disabled{opacity:.6;cursor:not-allowed}.upsell-disclaimer{font-size:.75rem;color:var(--text-muted);text-align:center}.error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.875rem;font-size:.875rem;color:var(--danger)}.footer{margin-top:3rem;text-align:center;display:flex;flex-direction:column;gap:.375rem}.footer p{font-size:.75rem;color:var(--text-muted)}.footer-disclaimer{font-size:.7rem!important;opacity:.6}@media (max-width: 480px){.resumen-grid{grid-template-columns:1fr 1fr}.coste-grid{grid-template-columns:1fr}}.upload-zone{border:2px dashed var(--border);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:.5rem;background:var(--surface)}.upload-zone:hover{border-color:var(--accent);background:#3b82f60a}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.4rem}.upload-icon{font-size:2rem;line-height:1}.upload-text{font-size:.95rem;font-weight:500;color:var(--text)}.upload-hint{font-size:.75rem;color:var(--text-muted)}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.image-preview{max-width:100%;max-height:280px;border-radius:6px;object-fit:contain}.btn-remove-image{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger);border-radius:6px;padding:.375rem .875rem;font-size:.8rem;cursor:pointer;transition:background .2s}.btn-remove-image:hover{background:#ef444433}.separator{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;color:var(--text-muted);font-size:.8rem}.separator:before,.separator:after{content:"";flex:1;height:1px;background:var(--border)}.faq-section{max-width:680px;margin:3rem auto 1rem;padding:0}.faq-title{font-size:1.1rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.faq-question{font-size:.875rem;font-weight:600;color:var(--text);margin:0 0 .4rem}.faq-answer{font-size:.825rem;color:var(--text-muted);margin:0;line-height:1.6}