@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";:root{--surface-0:#0a080c;--surface-1:#120e16;--surface-2:#1a1420;--text-primary:#f3f0f5;--text-secondary:#b8b0c2;--text-tertiary:#6a6275;--border-subtle:#261f30;--border-emphasis:#3a2f48;--accent-red:red;--accent-rose:#f35;--accent-pink:#f6a;--accent-purple:#dc63ff;--success:#10b981;--success-bg:#10b9811f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--danger:#ef4444;--danger-bg:#ef44441f;--info:#3b82f6;--info-bg:#3b82f61f;--gradient-brand:linear-gradient(135deg, red, #dc63ff);--gradient-brand-soft:linear-gradient(135deg, #f009, #dc63ff99);--glow-red:0 0 40px #ff000040;--glow-pink:0 0 40px #f6a3;--glow-purple:0 0 40px #dc63ff40;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006, 0 1px 4px #0000004d;--shadow-lg:0 12px 40px #00000080, 0 4px 12px #0000004d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Montserrat", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Fira Code", monospace;--glass-bg:#120e16d9;--glass-border:#ffffff0d;--glass-blur:8px}body{font-family:var(--font-sans);background-color:var(--surface-0);color:var(--text-primary);min-height:100vh}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:.5px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card-elevated{box-shadow:var(--shadow-lg), 0 0 0 .5px #ffffff0f;background:#1a1420e6}.glass-card-glow{box-shadow:var(--shadow-md), var(--glow-purple)}.blob{filter:blur(80px);opacity:.15;pointer-events:none;z-index:0;border-radius:50%;animation:12s ease-in-out infinite blob-float;position:fixed}.blob-tl{background:radial-gradient(circle, var(--accent-red), transparent);width:420px;height:420px;animation-delay:0s;top:-120px;left:-80px}.blob-br{background:radial-gradient(circle, var(--accent-purple), transparent);width:380px;height:380px;animation-delay:-4s;bottom:-100px;right:-60px}.blob-center{background:radial-gradient(circle,#f353,#0000);width:300px;height:300px;animation-delay:-8s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blob-float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.08)}50%{transform:translate(-20px,20px)scale(.94)}75%{transform:translate(-30px,-10px)scale(1.04)}}.btn-aurora{border-radius:var(--radius-md);font-family:var(--font-sans);color:#fff;cursor:pointer;background:var(--gradient-brand);box-shadow:var(--glow-red), var(--glow-purple);letter-spacing:.02em;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.btn-aurora:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 50px #ef444459,0 0 60px #a855f74d}.btn-aurora:active:not(:disabled){transform:translateY(0)}.btn-aurora:disabled{opacity:.5;cursor:not-allowed}.btn-aurora-sm{border-radius:var(--radius-sm);padding:.375rem .875rem;font-size:.75rem}.btn-aurora-lg{border-radius:var(--radius-md);padding:.75rem 1.75rem;font-size:1rem}.btn-ghost{border:.5px solid var(--border-subtle);color:var(--text-secondary);box-shadow:none;background:0 0}.btn-ghost:hover:not(:disabled){box-shadow:none;color:var(--text-primary);background:#ffffff0a}.btn-danger{background:var(--danger);box-shadow:0 0 24px #ef44444d}.btn-danger:hover:not(:disabled){box-shadow:0 0 40px #ef444473}.kpi-card{min-width:140px;padding:1.25rem}.kpi-card-inner{flex-direction:column;align-items:flex-start;gap:.625rem;display:flex;position:relative}.kpi-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.kpi-icon-svg{justify-content:center;align-items:center;display:flex}.kpi-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:600}.kpi-value-wrap{align-items:baseline;gap:.5rem;display:flex}.kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1}.kpi-delta{font-size:.75rem;font-weight:600}.kpi-delta-up{color:var(--success)}.kpi-delta-down{color:var(--accent-rose)}.kpi-glow-dot{border-radius:50%;width:8px;height:8px;position:absolute;top:-6px;right:-6px;box-shadow:0 0 10px}.kpi-sm .kpi-value{font-size:1.375rem}.kpi-lg .kpi-value{font-size:2.25rem}.kpi-lg .kpi-icon-circle{width:48px;height:48px}.badge{letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-new{background:var(--info-bg);color:var(--info)}.badge-active{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-neutral{color:var(--text-tertiary);background:#6a627526}.badge-purple{color:var(--accent-purple);background:#dc63ff1f}.badge-rose{color:var(--accent-rose);background:#ff33551f}.skeleton{background:linear-gradient(90deg, var(--surface-1) 25%, #ffffff0a 50%, var(--surface-1) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem}.skeleton-heading{width:60%;height:1.5rem}.skeleton-kpi{height:100px}.skeleton-chart{height:240px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.empty-state-icon{background:var(--surface-1);width:64px;height:64px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:2rem;display:flex}.empty-state-title{color:var(--text-primary);margin-bottom:.375rem;font-size:1rem;font-weight:600}.empty-state-body{color:var(--text-tertiary);max-width:360px;margin-bottom:1.25rem;font-size:.8125rem;line-height:1.5}.date-filter{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.date-filter-preset{font-family:var(--font-sans);color:var(--text-tertiary);background:var(--surface-1);border:.5px solid var(--border-subtle);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.date-filter-preset:hover{color:var(--text-secondary);background:var(--surface-2)}.date-filter-preset.active{color:#fff;background:var(--gradient-brand);box-shadow:var(--glow-red);border-color:#0000}.date-filter-input{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-1);border:.5px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;padding:.375rem .625rem;font-size:.75rem}.date-filter-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 2px #dc63ff26}.date-filter-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.data-table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table th{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;border-bottom:.5px solid var(--border-subtle);padding:.625rem .875rem;font-size:.6875rem;font-weight:600}.data-table td{color:var(--text-secondary);white-space:nowrap;border-bottom:.5px solid #261f3080;padding:.625rem .875rem}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#ffffff05}.data-table tbody tr:last-child td{border-bottom:none}.funnel-bar-wrap{flex-direction:column;gap:.625rem;display:flex}.funnel-step{position:relative}.funnel-bar-bg{background:var(--surface-1);border-radius:var(--radius-sm);height:32px;overflow:hidden}.funnel-bar-fill{border-radius:var(--radius-sm);justify-content:flex-start;align-items:center;min-width:0;height:100%;padding-left:.75rem;display:flex}.funnel-info{align-items:center;gap:.75rem;margin-top:.25rem;padding-left:.75rem;font-size:.75rem;display:flex}.funnel-step-name{color:var(--text-primary);font-weight:600}.funnel-step-count{color:var(--text-secondary);font-weight:500}.funnel-step-rate{color:var(--text-tertiary);font-size:.6875rem}.kanban-board{gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.kanban-col{flex-direction:column;flex:0 0 260px;gap:.5rem;display:flex}.kanban-col-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:.5px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.5rem .625rem;font-size:.75rem;font-weight:600;display:flex}.kanban-col-count{color:var(--text-tertiary);background:var(--surface-1);border-radius:999px;padding:.125rem .5rem;font-size:.6875rem}.kanban-col-body{flex-direction:column;gap:.5rem;min-height:120px;display:flex}.lead-card{border-radius:var(--radius-md);background:var(--surface-1);border:.5px solid var(--border-subtle);cursor:pointer;padding:.75rem .875rem;transition:all .2s}.lead-card:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-sm)}.lead-card-name{color:var(--text-primary);margin-bottom:.25rem;font-size:.8125rem;font-weight:600}.lead-card-company{color:var(--text-tertiary);margin-bottom:.375rem;font-size:.6875rem}.lead-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.lead-card-footer{color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:.625rem;display:flex}.chat-bubble{border-radius:var(--radius-md);max-width:75%;padding:.625rem .875rem;font-size:.8125rem;line-height:1.5}.chat-bubble-inbound{color:var(--text-primary);background:#3b82f61a;border:.5px solid #3b82f626;align-self:flex-start}.chat-bubble-outbound{color:var(--text-primary);background:#10b9811a;border:.5px solid #10b98126;align-self:flex-end}.chat-bubble-bot{color:var(--text-primary);background:#dc63ff14;border:.5px solid #dc63ff1f;align-self:flex-start}.chat-bubble-note{color:var(--text-tertiary);background:#6a627514;border:.5px solid #6a62751a;align-self:center;font-size:.75rem;font-style:italic}.chat-bubble-system{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:0 0;align-self:center;font-size:.6875rem}.chat-bubble-time{color:var(--text-tertiary);margin-top:.25rem;font-size:.625rem}.page-shell{background:var(--surface-0);min-height:100vh;position:relative;overflow-x:hidden}.page-shell-blobs{pointer-events:none;z-index:0;position:fixed;inset:0}.page-shell-content{z-index:1;position:relative}.stats-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.notif-bell{width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:relative}.notif-bell:hover{color:var(--text-primary);background:#ffffff0a}.notif-bell-badge{color:#fff;background:var(--accent-rose);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.notif-dropdown{border-radius:var(--radius-lg);background:var(--surface-2);border:.5px solid var(--border-emphasis);width:340px;max-height:440px;box-shadow:var(--shadow-lg);z-index:100;margin-top:.5rem;position:absolute;top:100%;right:0;overflow-y:auto}.notif-item{border-bottom:.5px solid var(--border-subtle);cursor:pointer;padding:.625rem .875rem;font-size:.75rem;transition:background .15s}.notif-item:hover{background:#ffffff08}.notif-item:last-child{border-bottom:none}.notif-item-name{color:var(--text-primary);margin-bottom:.125rem;font-weight:600}.notif-item-text{color:var(--text-tertiary)}.chart-card{padding:1.25rem}.chart-card-header{margin-bottom:1rem}.chart-card-title{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.chart-card-subtitle{color:var(--text-tertiary);font-size:.6875rem}.progress-steps{justify-content:center;align-items:center;gap:.125rem;display:flex}.progress-step{align-items:center;gap:.375rem;display:flex}.progress-step-dot{width:24px;height:24px;color:var(--text-tertiary);background:var(--surface-1);border:.5px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;transition:all .3s;display:flex}.progress-step.done .progress-step-dot{color:#fff;background:var(--gradient-brand);box-shadow:var(--glow-purple);border-color:#0000}.progress-step.active .progress-step-dot{color:#fff;background:var(--accent-purple);border-color:var(--accent-purple);box-shadow:0 0 12px #dc63ff4d}.progress-step-label{color:var(--text-tertiary);white-space:nowrap;font-size:.625rem;font-weight:500;transition:color .2s}.progress-step.done .progress-step-label,.progress-step.active .progress-step-label{color:var(--text-primary);font-weight:600}.progress-step-line{background:var(--border-subtle);width:28px;height:1px;margin:0 .125rem;transition:background .3s}.progress-step-line.done{background:var(--accent-purple)}.heatmap{display:inline-block}.heatmap svg{background:var(--surface-1);border-radius:var(--radius-sm);padding:.25rem}.scroll-depth{padding:1rem}.scroll-depth-track{background:var(--surface-1);border-radius:4px;height:8px;position:relative;overflow:hidden}.scroll-depth-fill{background:var(--gradient-brand);border-radius:4px;min-width:0;height:100%;transition:width .4s}.scroll-depth-marker{background:var(--border-subtle);border-radius:1px;width:2px;height:14px;transition:background .3s;position:absolute;top:-3px;transform:translate(-50%)}.scroll-depth-marker.reached{background:var(--accent-purple)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes eco-pulse{0%,to{box-shadow:var(--glow-red), var(--glow-purple)}50%{box-shadow:0 0 24px #f006,0 0 32px #dc63ff59}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-spin{animation:1s linear infinite spin}.fade-up{animation:.5s ease-out both fade-up}.eco-pulse{animation:3s ease-in-out infinite eco-pulse}.onboarding-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out both fade-in;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--surface-2);-webkit-backdrop-filter:blur(20px);border:.5px solid var(--border-emphasis);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:.35s ease-out 50ms both fade-up;overflow:hidden}.onboarding-gradient-bar{background:var(--gradient-brand);height:3px}.onboarding-body{text-align:center;padding:2rem 2rem 1.5rem}.onboarding-icon-wrap{justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.onboarding-icon{background:#dc63ff1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:inline-flex}.onboarding-step-title{color:var(--text-primary);margin-bottom:.625rem;font-size:1.125rem;font-weight:700}.onboarding-step-body{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.onboarding-footer{flex-direction:column;gap:.75rem;padding:1rem 2rem 1.5rem;display:flex}.onboarding-dots{justify-content:center;gap:.5rem;display:flex}.onboarding-dot{background:var(--border-subtle);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s}.onboarding-dot-active{background:var(--accent-purple)}.onboarding-btn-skip{font-family:var(--font-sans);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;margin-right:auto;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:color .15s}.onboarding-btn-skip:hover{color:var(--text-secondary)}.onboarding-btn-prev{font-family:var(--font-sans);color:var(--text-secondary);background:var(--surface-1);border:.5px solid var(--border-subtle);cursor:pointer;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background .15s}.onboarding-btn-prev:hover{background:var(--surface-2)}.onboarding-btn-next{font-family:var(--font-sans);color:#fff;background:var(--gradient-brand);cursor:pointer;border-radius:var(--radius-sm);border:none;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:transform .15s,box-shadow .15s}.onboarding-btn-next:hover{box-shadow:var(--glow-purple);transform:translateY(-1px)}.panel-acceso-wrapper{background:var(--surface-0);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.panel-acceso-inner{z-index:1;border-radius:var(--radius-xl);width:100%;max-width:960px;min-height:560px;box-shadow:var(--shadow-lg), 0 0 0 .5px #ffffff0f;display:flex;position:relative;overflow:hidden}.panel-acceso-left{background:linear-gradient(160deg,#0d0b14 0%,#1a1028 30%,#2d0e34 70%,#1d081f 100%);flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.panel-acceso-left:before{content:"";background:radial-gradient(at 30% 20%,#f003 0%,#0000 50%),radial-gradient(at 70% 80%,#dc63ff26 0%,#0000 50%);position:absolute;inset:0}.panel-acceso-brand{text-align:center;z-index:1;animation:.6s ease-out both fade-up;position:relative}.panel-acceso-logo{color:#fff;background:var(--gradient-brand);width:56px;height:56px;box-shadow:var(--glow-red), 0 8px 24px #ff33554d;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.5rem;display:inline-flex}.panel-acceso-headline{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.panel-acceso-tagline{color:#ffffff73;letter-spacing:.03em;font-size:.875rem;font-weight:400}.panel-acceso-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#120e16cc;flex:1;justify-content:center;align-items:center;padding:2.5rem;display:flex}.panel-acceso-card{width:100%;max-width:360px;animation:.5s ease-out .15s both fade-up}.panel-acceso-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.375rem;font-weight:700}.panel-acceso-subtitle{color:var(--text-tertiary);margin-bottom:1.5rem;font-size:.8125rem}.form-acceso-error{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);border:.5px solid #ef444433;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.625rem .875rem;font-size:.75rem;display:flex}.form-acceso-error svg{flex-shrink:0;margin-top:1px}.form-acceso-field{margin-bottom:1rem}.form-acceso-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.6875rem;font-weight:600;display:block}.form-acceso-input-wrap{align-items:center;display:flex;position:relative}.form-acceso-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:.75rem}.form-acceso-input{width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-1);border:.5px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-acceso-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #dc63ff1f}.form-acceso-input:disabled{opacity:.4}.form-acceso-input-password{padding-right:2.75rem}.form-acceso-eye{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;right:.5rem}.form-acceso-eye:hover{color:var(--text-primary)}.form-acceso-hint{text-align:center;color:var(--text-tertiary);background:var(--surface-1);border-radius:var(--radius-sm);margin-top:1rem;padding:.5rem;font-size:.6875rem}@media (width<=768px){.panel-acceso-inner{flex-direction:column;max-width:420px;min-height:auto}.panel-acceso-left{min-height:160px;padding:2rem 1.5rem}.panel-acceso-logo{border-radius:12px;width:44px;height:44px;margin-bottom:.75rem;font-size:1.25rem}.panel-acceso-headline{font-size:1.5rem}.panel-acceso-right{padding:1.5rem}.panel-acceso-card,.onboarding-card{max-width:100%}.onboarding-body{padding:1.5rem 1.5rem 1rem}.onboarding-footer{padding:.75rem 1.5rem 1.25rem}.kanban-board{flex-direction:column}.kanban-col{flex:1}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--terra-beige:#d2c9b1;--terra-rust:#924e3e;--terra-rust-hover:#7a3e2e;--terra-dark:#2d2d2d;--terra-gold:#eab308;--terra-green:#16a34a;--terra-red:#dc2626;--terra-blue:#3b82f6;--terra-purple:#8b5cf6;--bg:#d2c9b1;--surface:#fff;--glass:#ffffffc7;--glass-border:#d2c9b166;--text:#2d2d2d;--text-secondary:#475569;--text-muted:#64748b;--primary:#924e3e;--primary-dark:#7a3e2e;--secondary:#eab308;--secondary-dark:#ca8a04;--gradient:linear-gradient(135deg, #924e3e 0%, #eab308 100%);--gradient-hover:linear-gradient(135deg, #b0664f 0%, #fcd34d 100%);--accent-red:#924e3e;--accent-rose:#924e3e;--accent-pink:#eab308;--accent-purple:#eab308;--gradient-brand:linear-gradient(135deg, #924e3e, #eab308);--surface-0:#d2c9b1;--surface-1:#ffffffc7;--surface-2:#ffffffeb;--text-primary:#2d2d2d;--border-subtle:#0000000f;--border-emphasis:#0000001f;--green:#16a34a;--green-bg:#16a34a1a;--red:#dc2626;--red-bg:#dc262614;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000000a;--shadow:0 10px 30px -5px #0000000f;--shadow-lg:0 20px 40px -10px #0000001f}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-up{animation:.5s ease-out both fadeUp}.animate-fade-in{animation:.4s ease-out both fadeIn}.login-page{min-height:100vh;display:flex}.login-banner{background:var(--gradient);color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:64px;display:flex;position:relative;overflow:hidden}.login-banner:before{content:"";background:radial-gradient(circle at 20% 30%,#ffffff1f 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff14 0%,#0000 50%);position:absolute;inset:0}.login-banner-content{z-index:1;text-align:center;max-width:400px;position:relative}.login-banner h1{letter-spacing:-.02em;margin-bottom:8px;font-size:2.5rem;font-weight:800}.login-banner .subtitle{opacity:.85;margin-bottom:40px;font-size:1.125rem;font-weight:500}.login-banner .agency{text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-bottom:4px;font-size:.8125rem;font-weight:600}.login-banner .logo-mark{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 24px;font-size:1.5rem;font-weight:800;display:flex}.login-side{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.login-card{background:var(--glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:40px;animation:.6s ease-out both fadeUp}.login-card h2{margin-bottom:4px;font-size:1.375rem;font-weight:700}.login-card .hint{color:var(--text-secondary);margin-bottom:24px;font-size:.8125rem}.login-card label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.login-card input{border-radius:var(--radius);background:#fffc;border:1px solid #e2e0dc;outline:none;width:100%;margin-bottom:16px;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0ea5e91f}.login-card .btn{color:#fff;background:var(--gradient);border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:13px 24px;font-family:Montserrat,sans-serif;font-size:.9375rem;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.login-card .btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0ea5e94d}.login-card .btn:active{transform:translateY(0)}.demo-credentials{border-radius:var(--radius);color:var(--text-secondary);background:#0ea5e90f;border:1px solid #0ea5e926;margin-top:16px;padding:12px 16px;font-size:.75rem;line-height:1.8}.demo-credentials strong{color:var(--text)}.dashboard{max-width:1200px;margin:0 auto;padding:32px 24px 120px;animation:.5s ease-out both fadeIn}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.dashboard-brand{align-items:center;gap:14px;display:flex}.brand-icon{background:var(--gradient);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.125rem;font-weight:800;display:flex}.brand-text h1{font-size:1.25rem;font-weight:700;line-height:1.3}.brand-text .agency-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.date-selector{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:default;align-items:center;gap:8px;padding:10px 16px;font-size:.8125rem;font-weight:500;display:flex}.date-selector svg{width:14px;height:14px;color:var(--text-muted)}.demo-badge{background:var(--gradient);color:#fff;text-transform:uppercase;letter-spacing:.1em;z-index:100;border-radius:9999px;padding:6px 14px;font-size:.6875rem;font-weight:700;position:fixed;top:16px;right:16px;box-shadow:0 4px 16px #0ea5e940}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px;display:grid}.kpi-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px 24px;animation:.5s ease-out both fadeUp}.kpi-card:first-child{animation-delay:0s}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.2s}.kpi-card:nth-child(4){animation-delay:.3s}.kpi-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:6px;font-size:.6875rem;font-weight:600}.kpi-value{letter-spacing:-.02em;color:var(--text);font-size:2rem;font-weight:800;line-height:1.1}.kpi-change{align-items:center;gap:3px;margin-top:4px;font-size:.75rem;font-weight:600;display:inline-flex}.kpi-change.positive{color:var(--green)}.kpi-change.negative{color:var(--red)}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:40px;display:grid}.panel{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;animation:.5s ease-out both fadeUp}.panel:nth-child(2){animation-delay:.15s}.panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin-bottom:20px;font-size:.8125rem;font-weight:700}.funnel{flex-direction:column;gap:0;display:flex}.funnel-step{align-items:center;gap:12px;padding:10px 0;display:flex;position:relative}.funnel-label{width:90px;color:var(--text-secondary);text-align:right;white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:600}.funnel-bar-wrap{flex:1;height:28px;position:relative}.funnel-bar{border-radius:6px;min-width:4px;height:100%;transition:width .6s ease-out;position:relative}.funnel-bar.step-0{background:var(--gradient);width:100%}.funnel-bar.step-1{background:linear-gradient(90deg,#924e3e,#c4a34a);width:15.4%}.funnel-bar.step-2{background:linear-gradient(90deg,#6366f1,#8b5cf6);width:4.9%}.funnel-bar.step-3{background:linear-gradient(90deg,#8b5cf6,#a78bfa);width:1.6%}.funnel-bar.step-4{background:linear-gradient(90deg,#a78bfa,#ec4899);width:2.1%}.funnel-bar-value{color:#fff;text-shadow:0 1px 3px #0003;font-size:.75rem;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.funnel-step:not(:last-child):after{content:"";background:#0000000a;width:calc(100% - 102px);height:1px;position:absolute;bottom:0;left:102px}.funnel-conversion{text-align:center;color:var(--text-muted);padding:4px 0 4px 102px;font-size:.6875rem;font-weight:700}.traffic-bars{flex-direction:column;gap:14px;display:flex}.traffic-row{align-items:center;gap:12px;display:flex}.traffic-label{width:80px;color:var(--text-secondary);text-align:right;flex-shrink:0;font-size:.75rem;font-weight:600}.traffic-bar-bg{background:#0000000a;border-radius:9999px;flex:1;height:10px;overflow:hidden}.traffic-bar-fill{border-radius:9999px;height:100%;transition:width .8s ease-out}.traffic-pct{width:40px;color:var(--text);text-align:right;font-size:.8125rem;font-weight:700}.traffic-bar-fill.instagram{background:linear-gradient(90deg,#e1306c,#c13584);width:37%}.traffic-bar-fill.meta{background:linear-gradient(90deg,#1877f2,#3b82f6);width:29%}.traffic-bar-fill.google{background:linear-gradient(90deg,#34a853,#0f9d58);width:21%}.traffic-bar-fill.qr{background:linear-gradient(90deg,#f59e0b,#f97316);width:13%}.roi-table-wrap{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:32px;animation:.5s ease-out .4s both fadeUp;overflow-x:auto}.roi-table{border-collapse:collapse;width:100%;font-size:.8125rem}.roi-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:0 0;border-bottom:2px solid #0000000d;padding:16px 20px;font-size:.6875rem;font-weight:600}.roi-table tbody td{color:var(--text-secondary);border-bottom:1px solid #00000008;padding:14px 20px;font-weight:500}.roi-table tbody tr:last-child td{border-bottom:none}.roi-table tbody tr:hover{background:#0ea5e908}.roi-channel{color:var(--text);font-weight:700}.roi-indicator{align-items:center;gap:4px;font-weight:600;display:inline-flex}.roi-indicator.green{color:var(--green)}.roi-indicator.red{color:var(--red)}.roi-indicator.badge{border-radius:9999px;padding:2px 10px;font-size:.75rem}.roi-indicator.badge.green{background:var(--green-bg);color:var(--green)}.roi-indicator.badge.red{background:var(--red-bg);color:var(--red)}.actions-bar{align-items:center;gap:12px;margin-bottom:32px;animation:.5s ease-out .5s both fadeUp;display:flex}.btn-export{color:#fff;background:var(--gradient);border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:.8125rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-export:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e94d}.toast{background:var(--text);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;padding:14px 28px;font-size:.8125rem;font-weight:600;animation:.35s ease-out both slideDown;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.cta-overlay{background:var(--glass);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);z-index:50;justify-content:center;align-items:center;gap:12px;padding:16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000000a}.cta-overlay span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.cta-overlay a{color:var(--primary);font-size:.875rem;font-weight:700;text-decoration:none;transition:color .15s}.cta-overlay a:hover{color:var(--primary-dark)}.cta-overlay .cta-arrow{transition:transform .2s;display:inline-block}.cta-overlay a:hover .cta-arrow{transform:translate(3px)}.onboarding-overlay{-webkit-backdrop-filter:blur(6px);z-index:150;background:#00000073;justify-content:center;align-items:center;animation:.3s ease-out both fadeIn;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--surface);border-radius:var(--radius-xl);width:90%;max-width:480px;box-shadow:var(--shadow-lg);text-align:center;padding:40px 40px 32px;animation:.4s ease-out both fadeUp}.onboarding-steps{justify-content:center;align-items:center;gap:6px;margin-bottom:32px;display:flex}.onboarding-dot{background:#d4d4dc;border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s}.onboarding-dot.active{background:var(--primary);transform:scale(1.4)}.onboarding-dot.done{background:var(--secondary)}.onboarding-card h3{color:var(--text);margin-bottom:8px;font-size:1.25rem;font-weight:700}.onboarding-card p{color:var(--text-secondary);margin-bottom:32px;font-size:.9375rem;line-height:1.7}.onboarding-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:.8125rem;font-weight:600;transition:color .15s}.btn-skip:hover{color:var(--text-secondary)}.btn-next{color:#fff;background:var(--gradient);border-radius:var(--radius);cursor:pointer;border:none;padding:10px 28px;font-family:Montserrat,sans-serif;font-size:.8125rem;font-weight:700;transition:transform .15s,box-shadow .15s}.btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e94d}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}}@media (width<=768px){.login-page{flex-direction:column}.login-banner{min-height:auto;padding:40px 24px 32px}.login-banner h1{font-size:1.75rem}.login-side{padding:0 20px 40px}.login-card{z-index:2;margin-top:-24px;padding:28px 24px;position:relative}.kpi-grid{grid-template-columns:1fr}.dashboard{padding:20px 16px 120px}.dashboard-header{flex-direction:column;align-items:flex-start}.roi-table thead th,.roi-table tbody td{padding:10px 12px;font-size:.75rem}.funnel-label{width:60px;font-size:.6875rem}.funnel-conversion{padding-left:72px;font-size:.625rem}.onboarding-card{padding:28px 24px 24px}}@media (width<=480px){.login-banner h1,.kpi-value{font-size:1.5rem}.cta-overlay{text-align:center;flex-direction:column;gap:4px}.onboarding-actions{flex-direction:column}.btn-skip{order:2}.btn-next{order:1;width:100%}}.glass-card{color:var(--text-primary)!important;background:#ffffffd1!important;border:.5px solid #0000000f!important}.page-shell{background:var(--surface-0)!important}.text-muted-sm,.kpi-card .kpi-label{color:var(--text-tertiary)!important}.kpi-card .kpi-value{color:var(--text-primary)!important}.panel-acceso-left{background:linear-gradient(160deg,#1a0c08 0%,#2d1812 30%,#5c2a1e 60%,#3d1d15 100%)!important}.panel-acceso-left:before{background:radial-gradient(at 25% 20%,#d2691e4d 0%,#0000 50%),radial-gradient(at 70% 80%,#f59e0b2e 0%,#0000 50%)!important}.panel-acceso-logo{color:#0000!important;background:url(/logo-terra-viajes.png) 50%/contain no-repeat!important;border-radius:10px!important;width:56px!important;height:56px!important;font-size:0!important;animation:.6s ease-out both fade-up!important}.blob-center{background:radial-gradient(circle,#d2691e26,#0000)!important}.panel-acceso-right{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}