.bruce-widget{--bw-ink:#203b30;--bw-mint:#9aefd8;position:fixed;right:28px;bottom:26px;z-index:10000;font-family:Arial,sans-serif;letter-spacing:normal;line-height:1.5;color:var(--bw-ink)}
.bruce-widget *{box-sizing:border-box}.bruce-widget button,.bruce-widget input{font:inherit;letter-spacing:normal}.bruce-widget button{cursor:pointer}
.bruce-launch{display:flex;align-items:center;gap:11px;border:1px solid #ffffff26;border-radius:40px;background:#17271f;color:#f1f2eb;padding:7px 18px 7px 7px;box-shadow:0 8px 28px #0003;transition:transform .25s,box-shadow .25s}.bruce-launch:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0004}.bruce-launch img{width:46px;height:46px;border-radius:50%}.bruce-launch span{font-size:14px}.bruce-launch b{display:block;text-align:left;font-size:11px;font-weight:400;color:#b1c4b9}
.bruce-teaser{position:absolute;bottom:79px;right:0;background:#eeeee5;color:#253c31;border:1px solid #243e301a;border-radius:12px 12px 0 12px;width:228px;padding:15px 19px;font-size:14px;box-shadow:0 8px 28px #0001}.bruce-teaser strong{font-weight:500;display:block}.bruce-teaser small{display:block;color:#687b6b;font-size:12px;margin-top:4px}
.bruce-panel{width:385px;height:560px;max-height:calc(100dvh - 125px);position:absolute;bottom:79px;right:0;background:#f3f2e9;border:1px solid #29433526;border-radius:19px;box-shadow:0 24px 70px #0004;overflow:hidden;display:flex;flex-direction:column;transform-origin:bottom right;animation:bruce-in .25s ease}
.bruce-panel[hidden],.bruce-teaser[hidden]{display:none}
.bruce-head{display:flex;align-items:center;gap:11px;padding:20px;background:#203b30;color:#f6f4ec}.bruce-head img{width:43px;height:43px}.bruce-head strong{font-size:17px;font-weight:500;display:block}.bruce-head small{font-size:11px;color:#b9d0c0;display:block}.bruce-close{margin-left:auto;border:0;background:none;color:#c5d8ca;font-size:25px!important;padding:2px 5px;line-height:1}
.bruce-chat{flex:1;overflow:auto;padding:24px 21px 14px;scroll-behavior:smooth}.bruce-intro-tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#798a79;margin:0 0 15px}
.bruce-bubble{font-size:14px;line-height:1.65;margin-bottom:17px;color:#294333}.bruce-bubble.welcome{font-size:22px;line-height:1.3;letter-spacing:-.6px;margin-bottom:12px}.bruce-bubble.user{background:#dfe8dd;padding:11px 14px;border-radius:12px 12px 2px 12px;margin-left:25px;font-size:13px}
.bruce-options{display:grid;gap:8px;margin:21px 0}.bruce-options button{border:1px solid #2a493127;border-radius:8px;background:transparent;padding:11px 13px;display:flex;justify-content:space-between;text-align:left;color:#294333;font-size:13px}.bruce-options button:hover{background:#e5ebdf;border-color:#6b9c83}.bruce-options button span{color:#789b84}
.bruce-action{display:inline-block;text-decoration:none;background:#244735;color:#f3f4eb!important;border-radius:8px;font-size:13px;padding:10px 15px;margin:0 0 12px}
.bruce-form{padding:12px 17px 8px;border-top:1px solid #29433316;display:flex;gap:8px}.bruce-form input{background:white;border:1px solid #29433325;border-radius:8px;min-width:0;flex:1;padding:12px;color:#294333;font-size:13px;outline:none}.bruce-form input:focus{border-color:#5b8b70}.bruce-form button{border:0;background:#244735;color:#d8f5e4;border-radius:8px;width:42px;font-size:20px}.bruce-note{text-align:center;font-size:9px;color:#7a8778;margin:0;padding:0 16px 13px}
@keyframes bruce-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.bruce-widget{right:16px;bottom:16px}.bruce-panel{width:min(385px,calc(100vw - 32px));height:530px;max-height:calc(100dvh - 110px);bottom:73px}.bruce-launch{padding:6px 14px 6px 6px}.bruce-launch img{width:42px;height:42px}.bruce-teaser{bottom:73px}}
@media(prefers-reduced-motion:reduce){.bruce-widget *{animation:none!important;transition:none!important;scroll-behavior:auto}}
/* Minimal editorial variant */
.bruce-widget{font-family:inherit;right:28px;bottom:26px}
.bruce-launch{width:54px;height:54px;padding:5px;display:grid;place-items:center;background:#f3f2e9;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 4px 18px #0002}
.bruce-launch img{width:42px;height:42px}.bruce-launch>span{display:none}
.bruce-panel{width:360px;height:440px;bottom:72px;border-radius:12px;background:#eeeee5;border:1px solid #253c3120;box-shadow:0 16px 55px #0003}
.bruce-head{padding:19px 22px;background:transparent;color:#253c31;gap:10px;border-bottom:1px solid #253c3112}
.bruce-head img{width:30px;height:30px}.bruce-head strong{font-size:14px;font-weight:500}.bruce-head small{color:#788578;font-size:10px}.bruce-close{color:#637469;font-weight:300;padding:0}
.bruce-chat{padding:35px 25px 16px}.bruce-bubble.welcome{font-size:29px;font-weight:400;line-height:1.18;letter-spacing:-1.1px;margin-bottom:17px}
.bruce-invitation{font-size:13px;color:#7b8779}.bruce-bubble.user{background:#e0e7dc}
.bruce-form{border:0;margin:0 22px;padding:0 0 12px;align-items:center;border-bottom:1px solid #253c3130;gap:0}
.bruce-form input{border:0;border-radius:0;background:transparent;padding:10px 2px;font-size:13px;box-shadow:none}.bruce-form input:focus{outline:none}
.bruce-form button{background:transparent;color:#294333;width:30px;font-size:23px;padding:0;border-radius:0}
.bruce-note{padding:12px 20px 17px;font-size:9px;color:#92998a}
.bruce-action{background:transparent;color:#294333!important;border-bottom:1px solid #829780;border-radius:0;padding:4px 0;font-size:12px}
@media(max-width:600px){.bruce-widget{right:18px;bottom:18px}.bruce-panel{width:min(360px,calc(100vw - 36px));height:430px;bottom:70px;max-height:calc(100dvh - 110px)}}
/* Bruce: an integrated conversation surface, without a white badge. */
.bruce-widget{right:30px;bottom:28px;color:#e9eee7}
.bruce-launch{width:62px;height:62px;padding:13px;background:#12201bbf;backdrop-filter:blur(18px);border:1px solid #9aefd82b;box-shadow:0 8px 26px #0003;border-radius:20px}
.bruce-launch img{width:36px;height:32px;object-fit:contain;border-radius:0;filter:brightness(0) invert(1);opacity:.92}
.bruce-launch:hover{background:#243c31;transform:translateY(-3px);border-color:#9aefd877}
.bruce-panel{width:440px;height:385px;bottom:78px;background:#101b17f5;color:#e9eee7;border:1px solid #9aefd82b;border-radius:20px;backdrop-filter:blur(25px);box-shadow:0 25px 70px #0006;animation:bruce-surface .55s cubic-bezier(.16,1,.3,1)}
.bruce-panel:before{content:"";position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,#9aefd888,transparent);pointer-events:none}
.bruce-head{padding:20px 25px;border:0;gap:12px;color:#edf2e9}
.bruce-head img{width:29px;height:26px;object-fit:contain;filter:brightness(0) invert(1);border-radius:0}
.bruce-head strong{font-size:14px;font-weight:400;letter-spacing:.01em}.bruce-head small{font-size:10px;color:#819a8c}
.bruce-close{color:#8ca494;font-size:22px!important}.bruce-close:hover{color:#9aefd8}
.bruce-chat{padding:17px 27px 12px}
.bruce-bubble.welcome{font-size:34px;line-height:1.13;letter-spacing:-1.2px;color:#e9eee7;margin:7px 0 17px}
.bruce-invitation{color:#8caa99;font-size:13px}.bruce-bubble{color:#b6cebe;font-size:13px}
.bruce-bubble.user{background:#22382b;color:#d4e7d9;border:1px solid #9aefd813}
.bruce-form{margin:0 20px 0;padding:0;border:1px solid #9aefd828;border-radius:12px;background:#ffffff03;min-height:53px;transition:border-color .2s}
.bruce-form:focus-within{border-color:#9aefd870;background:#ffffff05}
.bruce-form input{color:#edf2e9;padding:15px;font-size:12px}
.bruce-form input::placeholder{color:#7d9786}
.bruce-form button{width:39px;height:35px;margin-right:8px;border-radius:8px;background:#9aefd8;color:#18382a;font-size:23px;transition:background .2s}
.bruce-form button:hover{background:#c4ffec}
.bruce-note{color:#607d6b;font-size:9px;padding:10px 20px 14px}
.bruce-action{color:#9aefd8!important;border-color:#9aefd844}
@keyframes bruce-surface{from{opacity:0;transform:translateY(23px) scale(.94);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:600px){.bruce-widget{right:18px;bottom:18px}.bruce-panel{width:min(440px,calc(100vw - 36px));height:375px;bottom:76px;border-radius:18px}.bruce-bubble.welcome{font-size:30px}.bruce-launch{width:58px;height:58px;border-radius:18px}}
/* Warm light surface, matching Aurovan's editorial palette. */
.bruce-launch{width:58px;height:58px;border-radius:19px;padding:12px;background:#eeeee5;border:1px solid #fff8;box-shadow:0 5px 20px #0002}
.bruce-launch img{width:34px;height:30px;filter:none;opacity:1}
.bruce-launch:hover{background:#f9f9f2;border-color:#fff;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}
.bruce-panel{width:410px;height:400px;background:#eeeee5;color:#253c31;border:1px solid #ffffff65;box-shadow:0 22px 65px #0003;border-radius:18px;backdrop-filter:none}
.bruce-panel:before{left:25px;right:25px;background:linear-gradient(90deg,transparent,#fff,transparent)}
.bruce-head{color:#253c31;padding:22px 25px}
.bruce-head img{filter:none;width:30px;height:27px}
.bruce-head strong{font-size:14px}.bruce-head small{color:#7b8879}
.bruce-close{color:#7d897b}.bruce-close:hover{color:#253c31}
.bruce-chat{padding:20px 26px 12px}
.bruce-bubble.welcome{color:#253c31;font-size:32px;line-height:1.16;letter-spacing:-1.1px}
.bruce-bubble{color:#536d5a}.bruce-invitation{color:#788674}
.bruce-bubble.user{background:#dfe7da;color:#294333;border-color:#2943330a}
.bruce-form{border:1px solid #284b3229;background:#ffffff45;border-radius:12px;margin:0 20px}
.bruce-form:focus-within{border-color:#60876e;background:#ffffff80}
.bruce-form input{color:#253c31}.bruce-form input::placeholder{color:#8b9686}
.bruce-form button{background:#264b39;color:#e9f5e8;border-radius:8px;width:34px;height:34px;font-size:21px}
.bruce-form button:hover{background:#3b624d}
.bruce-note{color:#929b89}.bruce-action{color:#294333!important;border-color:#829780}
@media(max-width:600px){.bruce-launch{width:54px;height:54px;border-radius:18px}.bruce-launch img{width:32px;height:28px}.bruce-panel{width:min(410px,calc(100vw - 36px));height:385px}.bruce-bubble.welcome{font-size:30px}}
/* Circular Bruce launcher with a larger symbol. */
.bruce-launch{width:60px;height:60px;border-radius:50%;padding:7px}
.bruce-launch img{width:46px;height:42px;object-fit:contain}
.bruce-head img{width:36px;height:32px}
@media(max-width:600px){.bruce-launch{width:58px;height:58px;border-radius:50%;padding:7px}.bruce-launch img{width:44px;height:40px}}

/* Indicador "escribiendo…" — conectado a la IA (no estaba en la vista previa). */
.bruce-typing{display:inline-flex;gap:5px;align-items:center}
.bruce-typing i{width:6px;height:6px;border-radius:50%;background:#789b84;animation:bruceDot 1.2s infinite}
.bruce-typing i:nth-child(2){animation-delay:.2s}.bruce-typing i:nth-child(3){animation-delay:.4s}
@keyframes bruceDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* Acciones como botón real (no hipervínculo) — pill sólido sobre el panel crema. */
.bruce-action{display:inline-flex;align-items:center;gap:8px;background:#244735!important;color:#f3f4eb!important;border:0!important;border-radius:10px!important;padding:11px 16px!important;margin:8px 8px 2px 0;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,transform .15s}
.bruce-action:hover{background:#2f5b45!important;transform:translateY(-1px)}
.bruce-action:active{transform:translateY(0)}

/* Estado inicial con botones: panel un poco más alto y welcome compacto para que quepan los 3. */
.bruce-panel{height:470px}
.bruce-bubble.welcome{font-size:27px;margin:2px 0 10px}
.bruce-invitation{margin-bottom:4px}
.bruce-options{margin:14px 0 2px;gap:7px}
.bruce-options button{padding:12px 14px}
@media(max-width:600px){.bruce-panel{height:min(470px,calc(100dvh - 110px))}}