*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--negro:#0a0a0a;--blanco:#f5f3ee;--dorado:#c8a96e;--dorado-claro:#e8d5aa;--gris:#1a1a1a;--gris-medio:#2a2a2a;--texto-suave:#888}body{background:var(--negro);color:var(--blanco);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}.bg-texture{position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,hsla(39,45%,61%,.08) 0,transparent 70%),radial-gradient(ellipse 40% 40% at 90% 80%,hsla(39,45%,61%,.05) 0,transparent 60%);pointer-events:none;z-index:0}.container{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:40px 24px 80px}.header{text-align:center;margin-bottom:48px;animation:fadeDown .8s ease both}.badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--dorado);border:1px solid hsla(39,45%,61%,.3);padding:6px 16px;border-radius:2px;margin-bottom:28px}.badge,.nombre{font-family:Syne,sans-serif}.nombre{font-size:clamp(36px,7vw,60px);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-bottom:8px}.nombre span{color:var(--dorado)}.rol{font-size:13px;font-weight:300;color:var(--texto-suave);letter-spacing:.05em;margin-bottom:32px}.divider{width:48px;height:1px;background:var(--dorado);margin:0 auto 32px;opacity:.5}.descripcion{font-size:16px;line-height:1.7;color:hsla(43,26%,95%,.75);max-width:520px;margin:0 auto}.descripcion strong{color:var(--blanco);font-weight:500}.stats{display:flex;justify-content:center;gap:40px;margin:40px 0;animation:fadeUp .8s ease .2s both}.stat{text-align:center}.stat-num{font-family:Syne,sans-serif;font-size:22px;font-weight:700;color:var(--dorado);display:block}.stat-label{font-size:11px;color:var(--texto-suave);letter-spacing:.05em}.chat-wrapper{animation:fadeUp .8s ease .4s both}.chat-label{font-family:Syne,sans-serif;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--dorado);margin-bottom:16px;display:flex;align-items:center;gap:10px}.chat-label:after{content:"";flex:1 1;height:1px;background:hsla(39,45%,61%,.2)}.chat-box{background:var(--gris);border:1px solid hsla(39,45%,61%,.15);border-radius:4px;overflow:hidden}.chat-messages{height:420px;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:hsla(39,45%,61%,.2);border-radius:2px}.msg{display:flex;gap:12px;animation:msgIn .3s ease both}.msg.user{flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:12px;font-weight:700}.avatar.alejo{background:linear-gradient(135deg,var(--dorado),#9a7a4a);color:var(--negro)}.avatar.user-av{background:var(--gris-medio);color:var(--texto-suave);border:1px solid hsla(0,0%,100%,.1)}.bubble{max-width:80%;padding:12px 16px;border-radius:3px;font-size:14px;line-height:1.6}.msg.alejo .bubble{background:var(--gris-medio);color:var(--blanco);border:1px solid hsla(39,45%,61%,.1)}.msg.user .bubble{background:hsla(39,45%,61%,.12);color:var(--blanco);border:1px solid hsla(39,45%,61%,.2);text-align:right}.typing{display:flex;gap:4px;align-items:center;padding:4px 0}.typing span{width:6px;height:6px;background:var(--dorado);border-radius:50%;opacity:.4;animation:bounce 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.chat-input-area{border-top:1px solid hsla(39,45%,61%,.1);padding:16px;display:flex;gap:12px;align-items:flex-end;background:rgba(0,0,0,.2)}.chat-input{flex:1 1;background:var(--gris-medio);border:1px solid hsla(39,45%,61%,.15);border-radius:3px;padding:12px 16px;color:var(--blanco);font-family:Inter,sans-serif;font-size:14px;resize:none;outline:none;min-height:44px;max-height:120px;transition:border-color .2s}.chat-input::placeholder{color:var(--texto-suave)}.chat-input:focus{border-color:hsla(39,45%,61%,.4)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.send-btn{background:var(--dorado);border:none;border-radius:3px;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .1s}.send-btn:hover{background:var(--dorado-claro)}.send-btn:active{transform:scale(.95)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn svg{width:18px;height:18px;fill:var(--negro)}.diagnostic-complete{padding:20px 24px;background:hsla(39,45%,61%,.08);border-top:1px solid hsla(39,45%,61%,.2);text-align:center}.diagnostic-complete p{font-size:13px;color:var(--texto-suave);margin-bottom:0}.diagnostic-complete .check{color:var(--dorado);font-family:Syne,sans-serif;font-weight:600;font-size:14px;letter-spacing:.05em}.footer{text-align:center;margin-top:32px;font-size:11px;color:var(--texto-suave);letter-spacing:.05em;animation:fadeUp .8s ease .6s both}.footer a{color:var(--dorado);text-decoration:none}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}@media (max-width:480px){.container{padding:24px 16px 60px}.stats{gap:24px}.stat-num{font-size:18px}.chat-messages{height:340px;padding:16px}.bubble{max-width:85%}.chat-input-area{padding:12px}}