*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f12;--surface: #1a1a22;--surface2: #24242e;--text: #e8e8f0;--text2: #8888a0;--accent: #e74c3c;--accent2: #c0392b;--radius: 12px;--radius-sm: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--transition: .35s cubic-bezier(.4, 0, .2, 1)}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);display:flex;justify-content:center;align-items:center;line-height:1.6;overflow-x:hidden}.stage{display:none;padding:2rem;width:100%;max-width:640px;opacity:0;transform:translateY(12px);transition:opacity var(--transition),transform var(--transition)}.stage.active{display:flex;flex-direction:column;align-items:center}.stage.stage-enter{opacity:1;transform:translateY(0)}.container{width:100%}.hidden{display:none!important}#error-bar{position:fixed;top:0;left:0;right:0;background:#991b1b;color:#fca5a5;padding:.75rem 1rem;text-align:center;font-size:.9rem;z-index:1000;transform:translateY(-100%);transition:transform var(--transition)}#error-bar.visible{transform:translateY(0)}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f12b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s}#loading-overlay.visible{opacity:1;pointer-events:all}.spinner{width:40px;height:40px;border:3px solid var(--surface2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading-overlay span{margin-top:1rem;color:var(--text2);font-size:.9rem}.btn-primary{background:var(--accent);color:#fff;border:none;padding:.85rem 2rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;width:100%;margin-top:1rem}.btn-primary:hover{background:var(--accent2)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid #333;padding:.7rem 1.5rem;border-radius:var(--radius);font-size:.9rem;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-secondary:hover{background:#333}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.form-container{text-align:center}.logo{margin-bottom:.5rem}h1{font-size:1.6rem;margin-bottom:.3rem}.subtitle{color:var(--text2);margin-bottom:2rem}form{text-align:left}label{display:block;margin-bottom:1rem}label span{display:block;font-size:.85rem;color:var(--text2);margin-bottom:.3rem}input,textarea{width:100%;padding:.7rem 1rem;border-radius:var(--radius-sm);border:1px solid #333;background:var(--surface);color:var(--text);font-size:1rem;font-family:var(--font);transition:border-color .2s}input:focus,textarea:focus{outline:none;border-color:var(--accent)}.chat-container{display:flex;flex-direction:column;height:80vh;max-height:700px}.chat-header{text-align:center;padding:.75rem 0}.orb-container{position:relative;width:84px;height:84px;margin:0 auto .5rem}.orb{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--accent),#600);animation:pulse 2.5s ease-in-out infinite;transition:opacity .4s;z-index:1}.orb.idle{opacity:.35;animation:none}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.06);opacity:1}}.orb-bars{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;display:flex;align-items:center;justify-content:center;gap:3px;z-index:0}.orb-bar{width:3px;background:linear-gradient(to top,transparent 0%,var(--accent) 40%,transparent 80%);border-radius:2px;animation:bar-dance .6s ease-in-out infinite alternate;animation-play-state:paused;--bar-h: 40%}.orb-bar:nth-child(1){animation-delay:0s}.orb-bar:nth-child(2){animation-delay:.1s}.orb-bar:nth-child(3){animation-delay:.2s}.orb-bar:nth-child(4){animation-delay:.05s}.orb-bar:nth-child(5){animation-delay:.15s}@keyframes bar-dance{0%{height:20%;opacity:.4}to{height:var(--bar-h);opacity:.9}}.status-label{font-size:.85rem;color:var(--text2);margin-bottom:.5rem}.transcript{flex:1;overflow-y:auto;background:var(--surface);border-radius:var(--radius);padding:1rem;margin:.5rem 0 1rem;font-size:.95rem;line-height:1.7;scroll-behavior:smooth}.transcript .placeholder{color:var(--text2);font-style:italic}.msg{margin-bottom:.6rem;line-height:1.6}.msg-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text2);margin-bottom:.15rem}.msg-tú .msg-text{display:inline-block;background:var(--surface2);padding:.4rem .8rem;border-radius:12px 12px 12px 4px;color:#ddd}.msg-asistente .msg-text{display:inline-block;background:transparent;padding:.2rem 0;color:var(--text)}.dot-pulse{display:inline-flex;align-items:center;gap:4px;padding:.3rem 0}.dot-pulse span{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;animation:dot-bounce 1.2s ease-in-out infinite}.dot-pulse span:nth-child(2){animation-delay:.2s}.dot-pulse span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-controls{display:flex;gap:.5rem;align-items:center}.btn-mic{background:var(--accent);color:#fff;border:none;width:56px;height:56px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;flex-shrink:0}.btn-mic:hover{background:var(--accent2)}.btn-mic:active{transform:scale(.92)}.btn-mic.listening{background:#b91c1c;animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #e74c3c80}50%{box-shadow:0 0 0 14px #e74c3c00}}.brief-container{width:100%}.rating-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;padding:.4rem 1rem;border:2px solid;border-radius:var(--radius);margin-bottom:1rem}.brief-text{line-height:1.7;font-size:.95rem;color:var(--text)}.brief-text ul{padding-left:1.2rem;margin:.5rem 0}.brief-text li{margin-bottom:.2rem}.brief-text h3,.brief-text h4{margin:1rem 0 .3rem;color:var(--accent)}.tabs{display:flex;gap:.25rem;margin:1rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{flex:1;min-width:80px;padding:.5rem .3rem;background:var(--surface);border:1px solid #333;border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;font-size:.8rem;transition:background .2s,color .2s,border-color .2s;text-align:center}.tab:hover{background:var(--surface2)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-content{background:var(--surface);border-radius:var(--radius);padding:1rem;min-height:200px;white-space:pre-wrap;font-size:.9rem;max-height:50vh;overflow-y:auto}.client-card p{margin-bottom:.4rem}.msg-transcript{margin-bottom:.3rem;font-size:.85rem}@media(max-width:480px){.stage{padding:1rem}.chat-container{height:calc(100vh - 2rem);max-height:none}h1{font-size:1.3rem}.tabs{gap:.15rem}.tab{font-size:.72rem;min-width:60px;padding:.4rem .2rem}.btn-secondary{font-size:.8rem;padding:.5rem .8rem}}.transcript::-webkit-scrollbar,.tab-content::-webkit-scrollbar{width:6px}.transcript::-webkit-scrollbar-track,.tab-content::-webkit-scrollbar-track{background:transparent}.transcript::-webkit-scrollbar-thumb,.tab-content::-webkit-scrollbar-thumb{background:#333;border-radius:3px}