.agent-n8n-root{--ow-naranja:#ff6b35;--ow-naranja-dark:#e55a2b;--ow-naranja-light:#ff8f66;--ow-naranja-glow:#ff6b351f;--ow-verde:#22c55e;--ow-verde-light:#4ade80;--ow-fondo:#f6f5f2;--ow-fondo-alt:#eeecea;--ow-azul-claro:#e0f2fe;--ow-rojo-suave:#fee2e2;--text-primary:#1a1a1a;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-on-accent:#fff;--bg-primary:var(--ow-fondo);--bg-card:#fff;--bg-input:#fff;--bg-header:#f6f5f2d9;--border:#0000000f;--border-light:#0000001a;--border-accent:#ff6b3540;--accent-gradient:linear-gradient(135deg,#ff6b35 0%,#ff8f66 50%,#ffb088 100%);--accent-gradient-vivid:linear-gradient(135deg,#ff6b35 0%,#e55a2b 100%);--surface-gradient:linear-gradient(180deg,#f6f5f2 0%,#fff 100%);--hero-gradient:radial-gradient(ellipse at 50% 0%,#ff6b350f 0%,transparent 70%);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000000f,0 1px 4px #0000000a;--shadow-lg:0 12px 40px #00000014,0 4px 12px #0000000a;--shadow-card:0 2px 8px #0000000a,0 0 0 1px #00000008;--shadow-accent:0 4px 20px #ff6b3533;--shadow-float:0 20px 60px #0000001a,0 4px 12px #0000000a;--transition:.22s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--spring:.4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:50;font-family:Inter,system-ui,-apple-system,sans-serif;position:fixed;inset:0;overflow:hidden}.agent-n8n-root:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.015'/%3E%3C/svg%3E");position:fixed;inset:0}.agent-n8n-root:after{content:"";background:var(--hero-gradient);pointer-events:none;z-index:0;width:140%;height:100%;position:fixed;top:-60%;left:50%;transform:translate(-50%)}.app{z-index:1;flex-direction:column;max-width:100%;height:100dvh;display:flex;position:relative}.header{z-index:10;background:var(--bg-header);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #0000;position:relative}.header-content{justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:12px 16px;display:flex}@media (min-width:1024px){.header-content{padding:12px 32px}}.logo{align-items:center;gap:12px;display:flex}.logo-link{align-items:center;text-decoration:none;display:flex}.logo-inner{align-items:center;gap:8px;display:inline-flex}.logo-img-wrap{width:36px;height:36px;transition:transform var(--transition);border-radius:9999px;flex-shrink:0;position:relative;overflow:hidden}.logo-link:hover .logo-img-wrap{transform:scale(1.05)}@media (min-width:768px){.logo-img-wrap{width:40px;height:40px}}.logo-img{object-fit:cover}.logo-brand{color:var(--text-primary);letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1}.tool-badge{color:var(--text-muted);background:#0000000a;border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:500}.btn-volver{color:#fff;cursor:pointer;transition:all var(--transition);background:#ff6b35;border:none;border-radius:9999px;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #ff6b3563}.btn-volver:hover{background:#ff8052;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b353b}.btn-volver svg{width:16px;height:16px}.header-actions{gap:8px;display:flex}.btn-icon{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--ow-naranja);border-color:var(--border-accent);background:var(--ow-naranja-glow);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-icon svg{width:18px;height:18px}.btn-icon-text{background:var(--bg-card);border:1px solid var(--border);height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:9999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.btn-icon-text:hover{color:var(--ow-naranja);border-color:var(--border-accent);background:var(--ow-naranja-glow);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-icon-text svg{width:16px;height:16px}.chat-area{scroll-behavior:smooth;flex:1;overflow-y:auto}.chat-area::-webkit-scrollbar{width:6px}.chat-area::-webkit-scrollbar-track{background:0 0}.chat-area::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.chat-area::-webkit-scrollbar-thumb:hover{background:#00000024}.chat-messages{flex-direction:column;gap:20px;max-width:920px;margin:0 auto;padding:24px 28px 130px;display:flex}.message{gap:14px;animation:.45s cubic-bezier(.16,1,.3,1) messageIn;display:flex}.message.user{flex-direction:row-reverse}@keyframes messageIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.message-avatar{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.message.assistant .message-avatar{background:var(--accent-gradient-vivid);color:#fff;box-shadow:var(--shadow-accent);border-radius:var(--radius-md)}.message.user .message-avatar{background:var(--ow-fondo-alt);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md)}.message-content{min-width:0;max-width:75%}.message.user .message-content{flex-direction:column;align-items:flex-end;display:flex}.message-bubble{border-radius:var(--radius-lg);word-wrap:break-word;overflow-wrap:break-word;padding:14px 20px;font-size:14.5px;font-weight:400;line-height:1.7}.message.assistant .message-bubble{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)var(--radius-lg)var(--radius-lg)6px;color:var(--text-primary);box-shadow:var(--shadow-card)}.message.user .message-bubble{background:var(--accent-gradient-vivid);color:#fff;border-radius:var(--radius-lg)var(--radius-lg)6px var(--radius-lg);box-shadow:var(--shadow-accent)}.message-bubble p{margin-bottom:8px}.message-bubble p:last-child{margin-bottom:0}.message-bubble strong{color:var(--ow-naranja);font-weight:700}.message.user .message-bubble strong{color:#fff}.message-bubble ul,.message-bubble ol{margin:8px 0;padding-left:20px}.message-bubble li{margin-bottom:4px}.message-bubble code{background:var(--ow-naranja-glow);color:var(--ow-naranja-dark);border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:13px;font-weight:500}.workflow-cards{flex-direction:column;gap:10px;margin-top:14px;display:flex}.workflow-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);cursor:default;box-shadow:var(--shadow-card);padding:18px;position:relative;overflow:hidden}.workflow-card:before{content:"";background:var(--accent-gradient-vivid);opacity:0;width:4px;height:100%;transition:opacity var(--transition);position:absolute;top:0;left:0}.workflow-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.workflow-card:hover:before{opacity:1}.workflow-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.workflow-card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:14.5px;font-weight:700;line-height:1.3}.workflow-card-badge{border-radius:var(--radius-full);background:var(--ow-naranja-glow);color:var(--ow-naranja);white-space:nowrap;letter-spacing:.01em;flex-shrink:0;padding:4px 12px;font-size:11px;font-weight:700}.workflow-card-meta{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.workflow-card-meta span{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.workflow-card-meta span svg{opacity:.6;width:13px;height:13px}.workflow-card-actions{gap:8px;display:flex}.btn-download{background:var(--accent-gradient-vivid);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;border:none;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:12.5px;font-weight:700;display:inline-flex}.btn-download:hover{box-shadow:var(--shadow-accent);filter:brightness(1.05);transform:translateY(-1px)}.btn-download:active{transform:translateY(0)}.btn-download svg{width:14px;height:14px}.typing-indicator{gap:5px;padding:8px 4px;display:flex}.typing-dot{background:var(--ow-naranja);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.25;transform:translateY(0)scale(.9)}30%{opacity:1;transform:translateY(-8px)scale(1)}}.welcome{text-align:center;padding:72px 24px 60px;animation:.9s cubic-bezier(.16,1,.3,1) welcomeIn}@keyframes welcomeIn{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.welcome-icon{background:var(--accent-gradient-vivid);border-radius:var(--radius-xl);width:80px;height:80px;box-shadow:var(--shadow-accent),0 0 0 6px var(--ow-naranja-glow);transition:transform var(--spring);justify-content:center;align-items:center;margin:0 auto 28px;display:flex}.welcome-icon:hover{transform:rotate(-8deg)scale(1.08)}.welcome-icon svg{color:#fff;width:38px;height:38px}.welcome h2{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:12px;font-size:30px;font-weight:800;line-height:1.2}.welcome h2 .brand-highlight{color:var(--ow-naranja);position:relative}.welcome h2 .brand-highlight:after{content:"";background:var(--accent-gradient);opacity:.6;border-radius:2px;height:3px;position:absolute;bottom:-2px;left:0;right:0}.welcome p{color:var(--text-secondary);max-width:480px;margin:0 auto 36px;font-size:15.5px;font-weight:450;line-height:1.7}.welcome-suggestions{flex-wrap:wrap;justify-content:center;gap:10px;max-width:640px;margin:0 auto;display:flex}.suggestion-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;box-shadow:var(--shadow-sm);padding:11px 20px;font-family:inherit;font-size:13.5px;font-weight:550;position:relative;overflow:hidden}.suggestion-chip:before{content:"";background:var(--accent-gradient);opacity:0;transition:opacity var(--transition);border-radius:inherit;position:absolute;inset:0}.suggestion-chip:hover{color:var(--ow-naranja-dark);border-color:var(--border-accent);background:var(--ow-naranja-glow);box-shadow:var(--shadow-md);transform:translateY(-3px)}.suggestion-chip:active{transform:translateY(-1px)}.powered-by{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;margin-top:28px;font-size:11px;font-weight:500;display:flex}.powered-by .ow-logo{color:var(--ow-naranja);font-weight:800}.input-area{z-index:10;background:linear-gradient(to top,var(--bg-primary)70%,transparent);padding:16px 28px 22px;position:sticky;bottom:0}.input-container{max-width:920px;margin:0 auto}.input-wrapper{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);box-shadow:var(--shadow-md);align-items:flex-end;gap:10px;padding:8px 10px 8px 20px;display:flex}.input-wrapper:focus-within{border-color:var(--ow-naranja);box-shadow:0 0 0 4px var(--ow-naranja-glow),var(--shadow-lg)}.input-wrapper textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:8px 0;font-family:inherit;font-size:15px;font-weight:450;line-height:1.5}.input-wrapper textarea::placeholder{color:var(--text-muted);font-weight:400}.send-btn{background:var(--accent-gradient-vivid);border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:42px;height:42px;transition:all var(--transition);box-shadow:var(--shadow-accent);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.send-btn:not(:disabled):hover{box-shadow:var(--shadow-accent),0 6px 24px #ff6b354d;transform:scale(1.08)}.send-btn:not(:disabled):active{transform:scale(.97)}.send-btn svg{width:18px;height:18px}.input-hint{text-align:center;color:var(--text-muted);letter-spacing:.01em;margin-top:10px;font-size:11.5px;font-weight:450}@media (max-width:640px){.header-content{padding:12px 16px}.logo-text h1{font-size:16px}.logo-brand{display:none}.tool-badge{padding:3px 8px;font-size:11px}.btn-volver{gap:4px;padding:6px 12px;font-size:13px}.btn-volver svg{width:14px;height:14px}.btn-icon-text{height:34px;padding:0 12px}.btn-icon-text span{display:none}.chat-messages{gap:16px;padding:16px 16px 110px}.message-content{max-width:88%}.message-bubble{padding:12px 16px;font-size:14px}.input-area{padding:12px 16px 16px}.input-wrapper{padding:6px 8px 6px 16px}.welcome{padding:48px 16px 40px}.welcome h2{font-size:24px}.welcome-suggestions{flex-direction:column;align-items:center}.suggestion-chip{text-align:center;width:100%}}.popup-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;background:#1a1a1aa6;justify-content:center;align-items:center;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.popup-overlay.active{opacity:1;visibility:visible}.popup-modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:960px;max-height:92vh;box-shadow:var(--shadow-float),0 0 0 1px var(--border);transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden auto;transform:translateY(30px)scale(.95)}.popup-overlay.active .popup-modal{transform:translateY(0)scale(1)}.popup-modal::-webkit-scrollbar{width:6px}.popup-modal::-webkit-scrollbar-track{background:0 0}.popup-modal::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.popup-close{float:right;z-index:10;background:var(--ow-fondo);border:1px solid var(--border);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;margin:16px 16px 0 0;font-size:20px;line-height:1;display:flex;position:sticky;top:0}.popup-close:hover{background:var(--ow-naranja-glow);color:var(--ow-naranja);border-color:var(--border-accent);transform:rotate(90deg)}.popup-modal:before{content:"";background:var(--accent-gradient);border-radius:var(--radius-xl)var(--radius-xl)0 0;height:4px;position:absolute;top:0;left:0;right:0}.popup-inner{margin-top:-20px;padding:0 40px 40px}.popup-header{text-align:center;margin-bottom:32px}.popup-badge{background:var(--ow-naranja-glow);color:var(--ow-naranja);border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:18px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.popup-header h2{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:6px;font-size:28px;font-weight:800;line-height:1.2}.popup-header h2 .highlight{color:var(--ow-naranja)}.popup-columns{grid-template-columns:1fr 1fr;align-items:start;gap:36px;display:grid}.popup-video-container{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-md);border:1px solid var(--border);background:#000;margin-bottom:24px;position:relative;overflow:hidden}.popup-video-container video{object-fit:cover;width:100%;height:auto;max-height:260px;display:block}.popup-video-label{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:10px;left:10px}.popup-section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.popup-section-title .icon{font-size:16px}.popup-muros{flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.popup-muros li{background:var(--ow-rojo-suave);border-radius:var(--radius-sm);color:var(--text-primary);border-left:3px solid #ef4444;align-items:flex-start;gap:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.popup-muros li .muro-icon{flex-shrink:0;margin-top:1px;font-size:16px}.popup-muros li strong{color:#dc2626;font-weight:700}.popup-beneficios{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.popup-beneficios li{border-radius:var(--radius-sm);color:var(--text-primary);border-left:3px solid var(--ow-verde);background:#22c55e0f;align-items:flex-start;gap:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.popup-beneficios li .benefit-icon{flex-shrink:0;margin-top:1px;font-size:16px}.popup-beneficios li strong{color:#16a34a;font-weight:700}.popup-form-card{background:var(--ow-fondo);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px 24px}.popup-form-card h3{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:17px;font-weight:800}.popup-form-subtitle{color:var(--text-secondary);margin-bottom:22px;font-size:13px;line-height:1.5}.popup-form-group{margin-bottom:16px}.popup-form-group label{color:var(--text-primary);letter-spacing:.02em;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.popup-form-group input,.popup-form-group textarea{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition);outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.popup-form-group input:focus,.popup-form-group textarea:focus{border-color:var(--ow-naranja);box-shadow:0 0 0 3px var(--ow-naranja-glow)}.popup-form-group input::placeholder,.popup-form-group textarea::placeholder{color:var(--text-muted);font-weight:400}.popup-form-group textarea{resize:vertical;min-height:80px}.popup-submit-btn{background:var(--accent-gradient-vivid);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition);box-shadow:var(--shadow-accent);letter-spacing:-.01em;border:none;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:800;position:relative;overflow:hidden}.popup-submit-btn:hover{box-shadow:var(--shadow-accent),0 8px 30px #ff6b3540;filter:brightness(1.05);transform:translateY(-2px)}.popup-submit-btn:active{transform:translateY(0)}.popup-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.popup-submit-btn .btn-loading,.popup-submit-btn.loading .btn-text{display:none}.popup-submit-btn.loading .btn-loading{display:inline}.popup-privacy{text-align:center;color:var(--text-muted);margin-top:12px;font-size:11px;line-height:1.5}.popup-success{text-align:center;padding:40px 24px;display:none}.popup-success.active{animation:.6s cubic-bezier(.16,1,.3,1) welcomeIn;display:block}.popup-success-icon{border-radius:var(--radius-full);background:#22c55e1a;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:36px;display:flex}.popup-success h3{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:10px;font-size:22px;font-weight:800}.popup-success p{color:var(--text-secondary);max-width:400px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:14.5px;line-height:1.6}.popup-success-btn{background:var(--accent-gradient-vivid);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-accent);border:none;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.popup-success-btn:hover{box-shadow:var(--shadow-accent),0 8px 30px #ff6b3540;transform:translateY(-2px)}.popup-skip{text-align:center;color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;width:100%;padding:16px;font-family:inherit;font-size:12.5px;display:block}.popup-skip:hover{color:var(--text-secondary)}@media (max-width:768px){.popup-overlay{align-items:flex-start;padding:12px}.popup-modal{border-radius:var(--radius-lg);max-height:95vh}.popup-inner{padding:0 20px 24px}.popup-columns{grid-template-columns:1fr;gap:24px}.popup-header h2{font-size:22px}.popup-video-container video{max-height:200px}}.popup-modal--roi:before{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%)}.popup-badge--roi{color:#3b82f6;background:#3b82f61a}.popup-submit-btn--roi{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);box-shadow:0 4px 14px #3b82f640}.popup-submit-btn--roi:hover{box-shadow:0 4px 14px #3b82f640,0 8px 30px #3b82f640}.popup-form-card--roi{border-color:#3b82f626}.popup-beneficios--roi li{background:#3b82f60d;border-left-color:#3b82f6}.popup-beneficios--roi li strong{color:#2563eb}