:root{--color-bg:#0B2545;--color-bg-elevated:#0E2D52;--color-bg-card:rgba(14,45,82,0.7);--color-surface:#0E2D52;--color-surface-hover:#143A66;--color-primary:#22C55E;--color-primary-dim:rgba(34,197,94,0.15);--color-primary-glow:rgba(34,197,94,0.3);--color-accent:#22C55E;--color-accent-dim:rgba(34,197,94,0.15);--color-danger:#EF4444;--color-warning:#F59E0B;--color-text:#F1F5F9;--color-text-muted:#94A3B8;--color-white:#ffffff;--color-black:#000000;--color-border:rgba(255,255,255,0.08);--color-user-bubble:#22C55E;--color-bot-bubble:#0E2D52;--font-heading:'Montserrat',sans-serif;--font-body:'Inter',sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:3rem;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--transition-smooth:0.4s var(--ease-out-expo);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{background-color:var(--color-bg);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(34,197,94,0.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(34,197,94,0.04) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 10% 50%,rgba(255,255,255,0.02) 0%,transparent 50%);color:var(--color-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh;}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;color:var(--color-white);letter-spacing:-0.03em;}img{max-width:100%;height:auto;display:block;}a{text-decoration:none;color:inherit;}ul{list-style:none;}.chat-app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:600px;margin:0 auto;position:relative;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px);}.chat-header{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10;}.chat-header-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-primary-dim);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;position:relative;}.chat-header-avatar::after{content:'';position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:var(--color-accent);border-radius:50%;border:2px solid var(--color-bg-elevated);}.chat-header-info h1{font-size:1rem;font-weight:700;}.chat-header-status{font-size:0.78rem;color:var(--color-accent);font-weight:500;}.chat-header-actions{margin-left:auto;display:flex;gap:8px;}.header-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;font-size:1rem;}.header-btn:hover{background:var(--color-primary-dim);color:var(--color-primary);border-color:var(--color-primary);}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;}.chat-messages::-webkit-scrollbar{width:4px;}.chat-messages::-webkit-scrollbar-track{background:transparent;}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;}.message{display:flex;gap:10px;max-width:85%;animation:messageIn 0.4s var(--ease-out-expo);}@keyframes messageIn{from{opacity:0;transform:translateY(12px) scale(0.97);}to{opacity:1;transform:translateY(0) scale(1);}}.message.bot{align-self:flex-start;}.message.user{align-self:flex-end;flex-direction:row-reverse;}.message-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-dim);display:flex;align-items:center;justify-content:center;font-size:0.85rem;flex-shrink:0;margin-top:4px;}.message.user .message-avatar{background:rgba(34,197,94,0.3);}.message-bubble{padding:12px 16px;border-radius:var(--radius-md);font-size:0.92rem;line-height:1.65;position:relative;}.message.bot .message-bubble{background:rgba(30,30,30,0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.07);border-bottom-left-radius:4px;color:var(--color-text);box-shadow:0 2px 12px rgba(0,0,0,0.2);}.message.user .message-bubble{background:linear-gradient(135deg,#22C55E,#16A34A);color:var(--color-white);border-bottom-right-radius:4px;box-shadow:0 2px 12px rgba(34,197,94,0.2);}.message-time{font-size:0.7rem;color:var(--color-text-muted);margin-top:6px;display:block;}.message.user .message-time{text-align:right;color:rgba(255,255,255,0.6);}.message-read-receipt{display:inline-flex;margin-left:4px;color:rgba(255,255,255,0.5);vertical-align:middle;}.message-read-receipt.read{color:#22C55E;}.scroll-fab{position:fixed;bottom:90px;right:24px;width:40px;height:40px;border-radius:50%;background:rgba(34,197,94,0.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(34,197,94,0.3);color:#22C55E;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(20px) scale(0.8);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);z-index:50;box-shadow:0 4px 16px rgba(0,0,0,0.3);}.scroll-fab.visible{opacity:1;transform:translateY(0) scale(1);}.scroll-fab:hover{background:rgba(34,197,94,0.35);transform:translateY(-2px) scale(1.05);}.scroll-fab:active{transform:translateY(0) scale(0.95);}.typing-indicator{display:none;align-self:flex-start;padding:8px 16px;gap:10px;align-items:center;}.typing-indicator.active{display:flex;}.typing-indicator .message-avatar{width:32px;height:32px;}.typing-dots{display:flex;gap:5px;padding:14px 18px;background:rgba(30,30,30,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md);border-bottom-left-radius:4px;}.typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--color-primary);animation:typingWave 1.4s ease-in-out infinite;}.typing-dots span:nth-child(2){animation-delay:0.15s;}.typing-dots span:nth-child(3){animation-delay:0.3s;}@keyframes typingWave{0%,100%{transform:translateY(0) scale(0.8);opacity:0.3;}50%{transform:translateY(-8px) scale(1.1);opacity:1;}}.chat-input-area{padding:12px 16px 16px;background:transparent;display:flex;gap:10px;align-items:flex-end;}.chat-input-wrapper{flex:1;position:relative;background:rgba(30,30,30,0.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);transition:border-color 0.3s ease,box-shadow 0.3s ease;}.chat-input-wrapper:focus-within{border-color:rgba(34,197,94,0.4);box-shadow:0 0 20px rgba(34,197,94,0.1);}.chat-input{width:100%;padding:14px 18px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-body);font-size:0.92rem;outline:none;resize:none;max-height:120px;}.chat-input::placeholder{color:var(--color-text-muted);}.send-btn{width:46px;height:46px;border-radius:50%;border:none;background:linear-gradient(135deg,#22C55E,#16A34A);color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 12px rgba(34,197,94,0.25);}.send-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(34,197,94,0.35);}.send-btn:active:not(:disabled){transform:scale(0.92) rotate(15deg);transition:transform 0.1s ease;}.send-btn:disabled{opacity:0.3;cursor:not-allowed;transform:none;box-shadow:none;}.whatsapp-bar{padding:12px 20px;background:linear-gradient(135deg,rgba(37,211,102,0.15),rgba(34,197,94,0.1));border-top:1px solid rgba(37,211,102,0.2);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all 0.3s ease;}.whatsapp-bar:hover{background:linear-gradient(135deg,rgba(37,211,102,0.25),rgba(34,197,94,0.15));}.whatsapp-bar-icon{width:36px;height:36px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}.whatsapp-bar-text{font-size:0.85rem;font-weight:600;color:var(--color-white);}.whatsapp-bar-text span{display:block;font-size:0.75rem;font-weight:400;color:var(--color-text-muted);}.whatsapp-bar-arrow{margin-left:auto;color:#25D366;font-size:1.2rem;}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 16px 16px;text-align:center;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;animation:welcomeFadeIn 0.8s ease-out;}.welcome-hero-left,.welcome-hero-right{display:contents;}.welcome-screen::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(34,197,94,0.12) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(255,255,255,0.04) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(34,197,94,0.06) 0%,transparent 70%);animation:meshFloat 12s ease-in-out infinite alternate;z-index:0;pointer-events:none;}@keyframes meshFloat{0%{transform:translate(0,0) scale(1);opacity:0.8;}33%{transform:translate(10px,-15px) scale(1.05);opacity:1;}66%{transform:translate(-8px,10px) scale(0.98);opacity:0.9;}100%{transform:translate(5px,-5px) scale(1.02);opacity:1;}}@keyframes welcomeFadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.welcome-screen.hidden{opacity:0;transform:scale(0.95);pointer-events:none;display:none !important;transition:opacity 0.5s ease,transform 0.5s ease;}#chatHeader,#chatMessages,#chatInputArea{animation:chatEnter 0.6s cubic-bezier(0.16,1,0.3,1) both;animation-delay:0.3s;}@keyframes chatEnter{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}.welcome-icon{width:96px;height:96px;border-radius:50%;background:var(--color-primary-dim);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:var(--spacing-lg);animation:pulse 2s ease-in-out infinite;position:relative;z-index:1;border:2px solid rgba(34,197,94,0.3);box-shadow:0 0 30px rgba(34,197,94,0.2),0 0 60px rgba(34,197,94,0.08),0 0 0 1px rgba(255,255,255,0.05) inset;}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.3),0 0 30px rgba(34,197,94,0.2),0 0 60px rgba(34,197,94,0.08);}50%{box-shadow:0 0 0 18px rgba(34,197,94,0),0 0 50px rgba(34,197,94,0.25),0 0 80px rgba(34,197,94,0.1);}}.welcome-screen h2{font-size:1.6rem;margin-bottom:8px;position:relative;z-index:1;background:linear-gradient(135deg,#ffffff 30%,#22C55E 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.welcome-screen .subtitle{color:var(--color-text-muted);font-size:0.92rem;margin-bottom:var(--spacing-lg);max-width:350px;position:relative;z-index:1;line-height:1.5;}.intake-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;padding:28px 24px;background:rgba(15,23,42,0.6);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);position:relative;z-index:1;box-shadow:0 0 0 1px rgba(255,255,255,0.03) inset,0 20px 40px rgba(0,0,0,0.4),0 4px 12px rgba(0,0,0,0.2);}.form-group{text-align:left;}.form-group label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:6px;display:block;}.form-input{width:100%;padding:14px 18px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-body);font-size:0.95rem;outline:none;transition:all 0.3s ease;}.form-input:focus{border-color:var(--color-primary);background:rgba(34,197,94,0.06);box-shadow:0 0 0 3px rgba(34,197,94,0.1);}.form-input::placeholder{color:rgba(255,255,255,0.25);}.form-row{display:flex;gap:12px;}.form-row .form-group{flex:1;}.phone-input-group{display:flex;align-items:stretch;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-sm);transition:all 0.3s ease;}.phone-input-group:focus-within{border-color:var(--color-primary);background:rgba(34,197,94,0.06);box-shadow:0 0 0 3px rgba(34,197,94,0.1);}.phone-prefix{display:flex;align-items:center;padding:0 12px 0 16px;color:var(--color-primary);font-weight:600;font-size:0.95rem;font-family:var(--font-body);user-select:none;border-right:1px solid rgba(255,255,255,0.08);}.phone-input{border:none !important;background:transparent !important;border-radius:0 var(--radius-sm) var(--radius-sm) 0 !important;box-shadow:none !important;}.phone-input:focus{box-shadow:none !important;border-color:transparent !important;background:transparent !important;}.start-btn{padding:16px 24px;background:linear-gradient(135deg,#22C55E 0%,#16A34A 50%,#22C55E 100%);background-size:200% 100%;color:var(--color-white);font-family:var(--font-heading);font-weight:700;font-size:0.9rem;letter-spacing:1px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform 0.25s ease,box-shadow 0.25s ease,background 0.3s ease;margin-top:8px;position:relative;overflow:hidden;animation:shimmerBg 3s ease-in-out infinite;display:flex;align-items:center;justify-content:center;gap:10px;}.start-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(34,197,94,0.4),0 4px 12px rgba(34,197,94,0.2);}.start-btn:active{transform:translateY(-1px);box-shadow:0 6px 20px rgba(34,197,94,0.3);}.start-btn::after{content:'';position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transform:skewX(-20deg);animation:shimmerSweep 4s ease-in-out infinite;}@keyframes shimmerBg{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}@keyframes shimmerSweep{0%{left:-75%;}30%{left:125%;}100%{left:125%;}}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(34,197,94,0.35);}.micro-trust{display:flex;align-items:center;gap:6px;margin-top:20px;font-size:0.78rem;color:var(--color-text-muted);position:relative;z-index:1;}.start-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;animation:none;}.start-btn:disabled::after{animation:none;}.welcome-trust{margin-top:var(--spacing-lg);font-size:0.78rem;color:var(--color-text-muted);display:flex;align-items:center;gap:6px;position:relative;z-index:1;}.trust-badges{display:flex;gap:20px;margin-top:16px;position:relative;z-index:1;}.trust-badge{display:flex;align-items:center;gap:6px;font-size:0.73rem;color:rgba(255,255,255,0.65);letter-spacing:0.3px;padding:6px 12px;background:rgba(30,41,59,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-full);transition:all 0.3s ease;}.trust-badge:hover{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.15);color:rgba(255,255,255,0.85);}.trust-badge svg{opacity:0.7;flex-shrink:0;}.testimonials{width:100%;max-width:360px;position:relative;z-index:1;min-height:90px;margin-bottom:16px;flex-shrink:0;}.testimonial{display:none;padding:16px 20px;background:rgba(15,23,42,0.5);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md);animation:testimonialFade 0.5s ease-out;box-shadow:0 8px 24px rgba(0,0,0,0.2);}.testimonial.active{display:block;}@keyframes testimonialFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}.testimonial-stars{color:#FFB300;font-size:0.8rem;letter-spacing:2px;margin-bottom:6px;}.testimonial p{font-size:0.82rem;color:rgba(255,255,255,0.8);line-height:1.5;font-style:italic;margin-bottom:6px;}.testimonial-author{font-size:0.72rem;color:var(--color-primary);font-weight:600;}.cta-reassurance{text-align:center;font-size:0.72rem;color:var(--color-text-muted);margin-top:8px;letter-spacing:0.5px;}.urgency-badge{display:flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.15);border-radius:var(--radius-full);font-size:0.75rem;color:rgba(255,255,255,0.75);position:relative;z-index:1;animation:urgencyPulse 3s ease-in-out infinite;}.urgency-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:dotPulse 2s ease-in-out infinite;}@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(0.8);}}@keyframes urgencyPulse{0%,100%{border-color:rgba(16,185,129,0.15);}50%{border-color:rgba(16,185,129,0.3);}}.admin-app{max-width:1200px;margin:0 auto;padding:24px 28px;min-height:100vh;background:linear-gradient(180deg,#0F172A 0%,#0d0f14 100%);}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;margin-bottom:var(--spacing-lg);background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}.admin-header h1{font-size:1.5rem;letter-spacing:-0.5px;background:linear-gradient(135deg,#ffffff 0%,#22C55E 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.admin-header h1 span{color:var(--color-primary);}.admin-stats{display:flex;gap:10px;}.stat-chip{padding:8px 16px;border-radius:var(--radius-full);font-size:0.8rem;font-weight:600;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);transition:all 0.3s ease;}.stat-chip:hover{background:rgba(255,255,255,0.06);transform:translateY(-1px);}.stat-chip.hot{color:#FF5252;border-color:rgba(255,82,82,0.3);background:rgba(255,82,82,0.1);}.stat-chip.warm{color:var(--color-warning);border-color:rgba(255,179,0,0.2);background:rgba(255,179,0,0.06);}.stat-chip.cold{color:#42A5F5;border-color:rgba(66,165,245,0.2);background:rgba(66,165,245,0.06);}.stat-chip.contacted{color:var(--color-accent);border-color:rgba(16,185,129,0.2);background:rgba(16,185,129,0.06);}.conv-divider{padding:10px 16px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;}.new-divider{color:#FF5252;border-bottom:1px solid rgba(255,82,82,0.2);background:rgba(255,82,82,0.04);}.seen-divider{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);text-align:center;opacity:0.5;font-size:0.7rem;}.new-badge{display:inline-block;background:#FF5252;color:white;font-size:0.6rem;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:0.5px;margin-left:6px;vertical-align:middle;animation:badgePulse 2s ease-in-out infinite;}@keyframes badgePulse{0%,100%{opacity:1;}50%{opacity:0.6;}}.conversation-card.is-new{border-left:3px solid #FF5252;background:rgba(255,82,82,0.04);}.conv-status.hot{color:#FF5252;background:rgba(255,82,82,0.1);border:1px solid rgba(255,82,82,0.2);padding:2px 8px;border-radius:12px;font-size:0.7rem;font-weight:700;}.conv-status.warm{color:var(--color-warning);background:rgba(255,179,0,0.1);border:1px solid rgba(255,179,0,0.2);padding:2px 8px;border-radius:12px;font-size:0.7rem;font-weight:700;}.conv-status.cold{color:#42A5F5;background:rgba(66,165,245,0.1);border:1px solid rgba(66,165,245,0.2);padding:2px 8px;border-radius:12px;font-size:0.7rem;font-weight:700;}.conv-status.contacted{color:var(--color-accent);background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);padding:2px 8px;border-radius:12px;font-size:0.7rem;font-weight:700;}.status-select{padding:10px 36px 10px 16px;background-color:#1a1a1f;border:1px solid rgba(255,255,255,0.15);border-radius:9999px;color:#e8e6e3;font-family:'Inter',sans-serif;font-size:0.85rem;font-weight:600;cursor:pointer;outline:none;transition:all 0.3s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300B4D8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;box-shadow:0 2px 12px rgba(0,0,0,0.3);}.status-select:hover{border-color:rgba(34,197,94,0.4);box-shadow:0 4px 20px rgba(34,197,94,0.1);}.status-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(34,197,94,0.15);}.status-select option{background:#1a1a1f;color:#e8e6e3;padding:10px;}.conversation-list{display:flex;flex-direction:column;gap:8px;}.conversation-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:14px;cursor:pointer;transition:all 0.35s var(--ease-out-expo);position:relative;overflow:hidden;}.conversation-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,0.06) 0%,transparent 60%);opacity:0;transition:opacity 0.35s ease;pointer-events:none;}.conversation-card:hover{border-color:rgba(34,197,94,0.2);background:rgba(30,41,59,0.7);transform:translateX(4px);box-shadow:0 4px 24px rgba(0,0,0,0.2);}.conversation-card:hover::before{opacity:1;}.conversation-card.selected{border-color:rgba(34,197,94,0.4);background:rgba(34,197,94,0.08);box-shadow:0 0 0 1px rgba(34,197,94,0.15),0 4px 20px rgba(34,197,94,0.08);}.conversation-card.selected::before{opacity:1;}.conv-avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,rgba(34,197,94,0.15) 0%,rgba(34,197,94,0.05) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:0.85rem;color:var(--color-primary);flex-shrink:0;border:1px solid rgba(34,197,94,0.12);}.conv-info{flex:1;min-width:0;}.conv-name{font-weight:700;font-size:0.92rem;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.2px;}.conv-preview{font-size:0.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;opacity:0.7;}.conv-meta{text-align:right;flex-shrink:0;}.conv-time{font-size:0.72rem;color:var(--color-text-muted);opacity:0.6;}.conv-status{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;margin-top:6px;}.conv-status.active{background:rgba(16,185,129,0.1);color:var(--color-accent);border:1px solid rgba(16,185,129,0.15);}.conv-status.stuck{background:rgba(255,179,0,0.1);color:var(--color-warning);border:1px solid rgba(255,179,0,0.15);}.conv-status.contacted{background:rgba(34,197,94,0.1);color:var(--color-primary);border:1px solid rgba(34,197,94,0.15);}.conv-status.closed{background:rgba(255,82,82,0.1);color:var(--color-danger);border:1px solid rgba(255,82,82,0.15);}.admin-layout{display:grid;grid-template-columns:380px 1fr;gap:var(--spacing-lg);height:calc(100vh - 160px);}.admin-sidebar{overflow-y:auto;padding-right:4px;}.admin-sidebar::-webkit-scrollbar{width:3px;}.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(34,197,94,0.2);border-radius:4px;}.admin-detail{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}.admin-detail-header{padding:20px 24px;background:linear-gradient(135deg,rgba(34,197,94,0.05) 0%,rgba(255,255,255,0.02) 100%);border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:14px;}.admin-detail-name{font-weight:700;font-size:1.05rem;color:var(--color-white);letter-spacing:-0.3px;}.admin-detail-phone{font-size:0.82rem;color:var(--color-text-muted);margin-top:2px;}.admin-detail-actions{margin-left:auto;display:flex;gap:10px;align-items:center;}.admin-detail-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px;}.admin-detail-messages::-webkit-scrollbar{width:3px;}.admin-detail-messages::-webkit-scrollbar-thumb{background:rgba(34,197,94,0.2);border-radius:4px;}.admin-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--color-text-muted);font-size:0.9rem;}.admin-empty-icon{font-size:3.5rem;opacity:0.2;filter:grayscale(0.5);}.admin-filters{display:flex;gap:8px;margin-bottom:var(--spacing-lg);flex-wrap:wrap;padding:4px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-full);width:fit-content;}.filter-btn{padding:9px 18px;border-radius:var(--radius-full);font-size:0.8rem;font-weight:600;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all 0.3s ease;position:relative;}.filter-btn.active{background:rgba(34,197,94,0.15);color:var(--color-primary);box-shadow:0 2px 12px rgba(34,197,94,0.1);}.filter-btn:not(.active):hover{color:var(--color-text);background:rgba(30,41,59,0.7);}@media (max-width:768px){.chat-app{max-width:100%;}.admin-app{padding:16px;}.admin-layout{grid-template-columns:1fr;}.admin-detail{display:none;}.admin-detail.mobile-active{display:flex;position:fixed;inset:0;z-index:100;border-radius:0;background:var(--color-bg);}.admin-stats{display:none;}.admin-header h1{font-size:1.1rem;}.admin-filters{width:100%;}}.login-gate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg);z-index:9999;}.login-gate.hidden{display:none;}.login-card{width:100%;max-width:380px;padding:48px 36px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-md);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);text-align:center;animation:cardIn 0.6s var(--ease-out-expo);}@keyframes cardIn{from{opacity:0;transform:translateY(20px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);}}.login-icon{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;background:var(--color-primary-dim);display:flex;align-items:center;justify-content:center;font-size:2rem;border:1px solid rgba(34,197,94,0.15);}.login-card h2{font-size:1.4rem;margin-bottom:6px;background:linear-gradient(135deg,#ffffff 0%,#22C55E 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.login-subtitle{color:var(--color-text-muted);font-size:0.88rem;margin-bottom:28px;}.login-input-wrap{position:relative;margin-bottom:8px;}.login-input{width:100%;padding:16px 50px 16px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color 0.3s ease,box-shadow 0.3s ease;}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(34,197,94,0.1);}.login-input::placeholder{color:var(--color-text-muted);}.login-toggle-pw{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem;opacity:0.5;transition:opacity 0.3s ease;}.login-toggle-pw:hover{opacity:1;}.login-error{color:var(--color-danger);font-size:0.82rem;font-weight:600;min-height:24px;display:flex;align-items:center;justify-content:center;}.login-btn{width:100%;padding:16px;background:var(--color-primary);color:var(--color-white);font-family:var(--font-heading);font-weight:700;font-size:0.9rem;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.3s ease;margin-top:4px;}.login-btn:hover{background:#16A34A;transform:translateY(-2px);box-shadow:0 6px 25px var(--color-primary-glow);}.login-footer{margin-top:24px;font-size:0.72rem;color:var(--color-text-muted);opacity:0.5;}@keyframes shake{0%,100%{transform:translateX(0);}20%,60%{transform:translateX(-8px);}40%,80%{transform:translateX(8px);}}.login-card.shake{animation:shake 0.4s ease;}.logout-btn{padding:8px 16px;background:rgba(255,82,82,0.1);border:1px solid rgba(255,82,82,0.2);border-radius:var(--radius-full);color:var(--color-danger);font-family:var(--font-body);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;}.logout-btn:hover{background:rgba(255,82,82,0.2);border-color:rgba(255,82,82,0.4);transform:translateY(-1px);}.char-counter{position:absolute;right:8px;bottom:-18px;font-size:0.65rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;transition:color 0.2s ease;}.char-counter.warning{color:var(--color-warning);}.char-counter.over{color:var(--color-danger);font-weight:600;}.message.user .message-avatar{color:rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:center;}.message.user .message-avatar svg{width:20px;height:20px;}.verified-badge{vertical-align:middle;margin-left:4px;}.privacy-notice{font-size:0.7rem;color:var(--color-text-muted);margin-top:8px;text-align:center;}.privacy-notice a{color:var(--color-primary);text-decoration:underline;cursor:pointer;}.connecting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 30px;animation:fadeIn 0.4s ease;}.connecting-avatar{position:relative;width:80px;height:80px;}.connecting-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1;}.connecting-pulse{position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:2px solid var(--color-primary);animation:connectPulse 1.5s ease-in-out infinite;}@keyframes connectPulse{0%{transform:scale(1);opacity:0.6;}50%{transform:scale(1.15);opacity:0;}100%{transform:scale(1);opacity:0.6;}}.connecting-text{font-size:0.95rem;color:var(--color-text-secondary);font-weight:500;text-align:center;}.connecting-dots{display:flex;gap:6px;}.connecting-dots span{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:connectDots 1.4s infinite ease-in-out both;}.connecting-dots span:nth-child(1){animation-delay:-0.32s;}.connecting-dots span:nth-child(2){animation-delay:-0.16s;}@keyframes connectDots{0%,80%,100%{transform:scale(0.4);opacity:0.3;}40%{transform:scale(1);opacity:1;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.whatsapp-fallback-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-weight:600;font-size:0.95rem;text-decoration:none;cursor:pointer;transform:translateY(100%);opacity:0;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.3s ease;position:relative;z-index:10;}.whatsapp-fallback-bar.visible{transform:translateY(0);opacity:1;}.whatsapp-fallback-bar:hover{background:linear-gradient(135deg,#20c05c,#0f7a6c);}.whatsapp-fallback-bar svg{flex-shrink:0;animation:whatsappPulse 2s ease-in-out infinite;}@keyframes whatsappPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.15);}}.voice-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--color-border);background:rgba(30,41,59,0.7);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);flex-shrink:0;}.voice-btn:hover{background:var(--color-primary-dim);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05);}.voice-btn.recording{background:rgba(255,82,82,0.2);border-color:var(--color-danger);color:var(--color-danger);animation:voicePulse 1.2s ease-in-out infinite;box-shadow:0 0 20px rgba(255,82,82,0.25);}@keyframes voicePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,82,82,0.4);}50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(255,82,82,0);}}.message-bubble ul{list-style:disc;padding-left:1.2em;margin:6px 0;}.message-bubble ul li{margin-bottom:2px;line-height:1.5;}.message-bubble strong{font-weight:600;color:var(--color-white);}.message.user .message-bubble strong{color:inherit;}.message-bubble em{font-style:italic;opacity:0.9;}.welcome-screen .welcome-icon{animation:staggerFadeIn 0.6s ease-out 0.1s both,pulse 2s ease-in-out 0.7s infinite;}.welcome-screen h2{animation:staggerFadeIn 0.6s ease-out 0.25s both;}.welcome-screen .subtitle{animation:staggerFadeIn 0.6s ease-out 0.4s both;}.welcome-screen .testimonials{animation:staggerFadeIn 0.6s ease-out 0.55s both;}.welcome-screen .intake-form{animation:staggerFadeIn 0.7s ease-out 0.7s both;}.welcome-screen .urgency-badge{animation:staggerFadeIn 0.5s ease-out 0.9s both,urgencyPulse 3s ease-in-out 1.4s infinite;}.welcome-screen .welcome-trust,.welcome-screen .privacy-notice,.welcome-screen .trust-badges,.welcome-screen .credentials-section{animation:staggerFadeIn 0.5s ease-out 1.0s both;}@keyframes staggerFadeIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}.credentials-section{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px;padding:14px 20px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md);position:relative;z-index:1;width:100%;max-width:360px;}.credential-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;}.credential-number{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),#10B981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;}.credential-label{font-size:0.65rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.5px;font-weight:600;}.credential-divider{width:1px;height:32px;background:rgba(255,255,255,0.1);}@media (min-width:768px){.chat-app{max-width:900px;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);box-shadow:-40px 0 80px -20px rgba(34,197,94,0.03),40px 0 80px -20px rgba(34,197,94,0.03);}.welcome-screen{flex-direction:row;align-items:center;justify-content:center;gap:48px;padding:40px 40px 30px;text-align:left;}.welcome-hero-left{display:flex;flex-direction:column;align-items:flex-start;flex:1;max-width:380px;}.welcome-hero-left .welcome-icon{align-self:flex-start;}.welcome-hero-left h2{text-align:left;}.welcome-hero-left .subtitle{text-align:left;}.welcome-hero-right{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:380px;}.welcome-hero-right .intake-form{max-width:100%;width:100%;}.welcome-screen::before{background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(34,197,94,0.15) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(255,255,255,0.06) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at 50% 40%,rgba(34,197,94,0.08) 0%,transparent 70%);}.intake-form{border:1px solid rgba(34,197,94,0.15);box-shadow:0 8px 40px rgba(0,0,0,0.3);}.intake-form:hover{border-color:rgba(34,197,94,0.25);box-shadow:0 8px 40px rgba(34,197,94,0.08);}.credentials-section{max-width:100%;}}.chat-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;animation:messageIn 0.4s var(--ease-out-expo);}.chat-option-btn{padding:10px 16px;background:rgba(30,41,59,0.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(34,197,94,0.3);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.chat-option-btn:hover:not(:disabled){background:rgba(34,197,94,0.15);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,0.15);}.chat-option-btn:active:not(:disabled){transform:translateY(0);}.chat-option-btn:disabled{opacity:0.5;cursor:not-allowed;border-color:rgba(255,255,255,0.05);background:rgba(255,255,255,0.02);color:var(--color-text-muted);}.modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px;animation:modalFadeIn 0.3s ease-out;}@keyframes modalFadeIn{from{opacity:0;}to{opacity:1;}}.modal-content{position:relative;width:100%;max-width:420px;background:rgba(14,45,82,0.85);border:1px solid rgba(34,197,94,0.2);border-radius:var(--radius-md);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:32px 28px 24px;box-shadow:0 16px 48px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05) inset;animation:modalSlideUp 0.4s var(--ease-out-expo);color:var(--color-text);}@keyframes modalSlideUp{from{opacity:0;transform:translateY(24px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);}}.modal-close-btn{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--color-text-muted);font-size:1.6rem;cursor:pointer;line-height:1;transition:color 0.2s;padding:4px;}.modal-close-btn:hover{color:var(--color-white);}.modal-content h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-white);margin-bottom:16px;padding-right:24px;}.modal-body{max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}.modal-body p{font-size:0.88rem;line-height:1.65;color:var(--color-text-muted);margin-bottom:12px;}.modal-body p strong{color:var(--color-text);font-weight:600;}.modal-ok-btn{display:block;width:100%;margin-top:20px;padding:12px;background:var(--color-primary);color:var(--color-black);border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.2s;}.modal-ok-btn:hover{background:#16A34A;transform:translateY(-1px);box-shadow:0 4px 16px rgba(34,197,94,0.3);}.admin-back-btn{display:none;}@media (max-width:768px){.admin-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-body);font-size:0.82rem;font-weight:500;padding:6px 12px;cursor:pointer;transition:all 0.2s;margin-bottom:12px;}.admin-back-btn:hover{color:var(--color-white);border-color:var(--color-primary);}}
/* ===== Conversión 2026-07: chat-first ===== */
.benefits-list{display:flex;flex-direction:column;gap:10px;margin:18px auto 0;max-width:340px;text-align:left}
.benefit-item{display:flex;align-items:flex-start;gap:10px;font-size:0.95rem;color:rgba(255,255,255,0.92);line-height:1.35}
.benefit-check{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--color-primary-dim,rgba(34,197,94,0.15));color:var(--color-primary,#22C55E);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem}
.brand-footer{margin-top:14px;font-size:0.78rem;color:rgba(255,255,255,0.55);text-align:center}
.brand-footer strong{color:rgba(255,255,255,0.8)}
.brand-footer a{color:rgba(255,255,255,0.55);text-decoration:underline}

.team-online{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:10px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px}
.team-avatars{display:flex;flex-shrink:0}
.team-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;color:#fff;border:2px solid var(--color-bg,#0B2545);margin-left:-8px}
.team-avatar:first-child{margin-left:0}
.ta-1{background:#2563EB}.ta-2{background:#7C3AED}.ta-3{background:#0891B2}.ta-4{background:#D97706}
.team-online-text{display:flex;flex-direction:column;gap:2px;text-align:left}
.team-online-text strong{font-size:0.88rem;color:rgba(255,255,255,0.95);display:flex;align-items:center;gap:6px}
.team-online-text span{font-size:0.76rem;color:rgba(255,255,255,0.55)}
.online-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;display:inline-block;animation:onlinePulse 1.8s ease-in-out infinite}
@keyframes onlinePulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.5)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}

/* ===== Móvil: lo decisivo arriba del pliegue (título → asesores → nombre → botón) ===== */
@media (max-width:767px){
.welcome-hero-left{display:contents}
.welcome-icon{display:none}
.welcome-screen h2{order:1;font-size:1.35rem;margin-top:2px;margin-bottom:6px}
.welcome-screen .subtitle{order:2;font-size:0.9rem;line-height:1.4;margin-bottom:12px;max-width:340px}
.team-online{order:3;width:100%;max-width:360px;margin-bottom:12px}
.intake-form{order:4;padding:20px 18px;gap:12px}
.welcome-trust{order:5}
.benefits-list{order:6;margin:16px auto 0}
.trust-badges{order:7}
.privacy-notice{order:8}
.brand-footer{order:9;margin-bottom:10px}
}

/* Línea legal permanente (entrada directa al chat) */
.chat-legal{text-align:center;font-size:0.68rem;color:rgba(255,255,255,0.4);padding:3px 10px;background:rgba(0,0,0,0.18);flex-shrink:0}
.chat-legal a{color:rgba(255,255,255,0.5);text-decoration:underline}
.chat-legal strong{color:rgba(255,255,255,0.6)}