/* Asistente 8Reales — panel inline compartido (shortcode [asistente_8reales]). Scope .r8a */
.r8a{position:relative;}
.r8a .assistwrap{position:relative;}
.r8a .assistwrap::before{content:""; position:absolute; inset:-4px; border-radius:15px; background:linear-gradient(120deg,#C59B4A,#e6c37e,#8b6722,#C59B4A); background-size:300% 300%; filter:blur(10px); opacity:.5; z-index:0; animation:r8aGlow 6s ease infinite;}
@keyframes r8aGlow{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}

.r8a .r8c-embed{position:relative; z-index:1; width:100%; height:480px; margin:0 !important; padding:0 !important; background:#fff; border:1px solid rgba(197,155,74,.28); border-radius:10px; box-shadow:0 24px 70px rgba(0,0,0,.14); overflow:hidden; display:flex; flex-direction:column; font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif; color:#231F20; text-align:left;}
.r8a .r8c-embed *{margin:0;}
.r8a .r8c-head{background:#231F20; color:#fff; padding:15px 16px; margin:0 !important; text-align:left !important; display:flex; align-items:center; gap:12px; border-bottom:1px solid rgba(197,155,74,.28);}
.r8a .r8c-brand{display:flex; align-items:center; gap:10px; min-width:0;}
.r8a .r8c-avatar{width:34px; height:34px; border-radius:50%; background:#231F20; border:1px solid rgba(197,155,74,.8); display:grid; place-items:center; flex:0 0 auto; box-shadow:inset 0 0 0 3px rgba(255,255,255,.04);}
.r8a .r8c-avatar img{width:21px; height:21px; object-fit:contain; filter:brightness(0) invert(1);}
.r8a .r8c-title{font-weight:700; font-size:15px; line-height:1.15; color:#fff;}
.r8a .r8c-sub{font-size:12px; color:#d9d5cb; margin-top:3px;}
.r8a .r8c-status{display:flex; align-items:center; gap:6px; margin-top:5px; font-size:11px; line-height:1; color:#9ff0b6; font-weight:700;}
.r8a .r8c-status-dot{width:7px; height:7px; border-radius:50%; background:#35d36f; box-shadow:0 0 0 0 rgba(53,211,111,.55); animation:r8cOnlinePulse 1.8s ease-out infinite;}
@keyframes r8cOnlinePulse{0%{box-shadow:0 0 0 0 rgba(53,211,111,.55);}70%,100%{box-shadow:0 0 0 8px rgba(53,211,111,0);}}

.r8a .r8c-log{flex:1; overflow:auto; padding:16px; background:#F5F3EE; display:flex; flex-direction:column; gap:10px;}
.r8a .r8c-msg{max-width:86%; border-radius:8px; padding:11px 13px; font-size:14px; line-height:1.5; box-shadow:0 1px 2px rgba(35,31,32,.04); white-space:pre-wrap;}
.r8a .r8c-msg strong{font-weight:600;}
.r8a .r8c-msg a{color:#8b6722; text-decoration:underline; text-underline-offset:2px;}
.r8a .r8c-user{align-self:flex-end; background:#231F20; color:#fff; border-bottom-right-radius:3px;}
.r8a .r8c-bot{align-self:flex-start; background:#fff; border:1px solid rgba(35,31,32,.08); color:#231F20; border-bottom-left-radius:3px;}
.r8a .r8c-thinking{display:flex; align-items:center; gap:5px; min-width:58px;}
.r8a .r8c-thinking span{width:6px; height:6px; border-radius:50%; background:#C59B4A; animation:r8cThink 1s ease-in-out infinite;}
.r8a .r8c-thinking span:nth-child(2){animation-delay:.15s;}
.r8a .r8c-thinking span:nth-child(3){animation-delay:.3s;}
@keyframes r8cThink{0%,80%,100%{opacity:.35; transform:translateY(0);}40%{opacity:1; transform:translateY(-3px);}}

.r8a .r8c-quick{display:flex; flex-wrap:wrap; gap:8px; align-self:flex-start; max-width:100%;}
.r8a .r8c-chip{border:1px solid rgba(197,155,74,.65); background:#fff; color:#231F20; border-radius:999px; padding:9px 11px; font-size:12px; line-height:1; cursor:pointer; white-space:nowrap; box-shadow:0 2px 8px rgba(35,31,32,.05); transition:background .16s,border-color .16s,transform .16s,color .16s;}
.r8a .r8c-chip:hover{background:#231F20; border-color:#C59B4A; color:#fff; transform:translateY(-1px);}

.r8a .r8c-products{display:grid; gap:8px; margin-top:2px; align-self:stretch;}
.r8a .r8c-product{display:flex; gap:10px; align-items:center; text-decoration:none; color:#231F20; background:#fff; border:1px solid rgba(35,31,32,.08); border-radius:8px; padding:9px; box-shadow:0 2px 10px rgba(35,31,32,.05); transition:border-color .16s,box-shadow .16s,transform .16s;}
.r8a .r8c-product:hover{border-color:rgba(197,155,74,.75); box-shadow:0 5px 16px rgba(35,31,32,.1); transform:translateY(-1px);}
.r8a .r8c-product img{width:48px; height:48px; object-fit:cover; border-radius:6px; flex:0 0 auto;}
.r8a .r8c-product strong{display:block; font-size:12px; line-height:1.25;}
.r8a .r8c-product span{display:block; font-size:11px; color:#66615a; margin-top:2px;}
.r8a .r8c-product em{display:inline-block; margin-top:5px; font-style:normal; font-size:11px; font-weight:700; color:#8b6722;}
.r8a .r8c-search-link{display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; border:1px solid rgba(197,155,74,.75); border-radius:8px; background:#fff; color:#231F20; text-decoration:none; font-size:12px; font-weight:700; line-height:1.2; padding:9px 11px; box-shadow:0 2px 10px rgba(35,31,32,.05); transition:background .16s,border-color .16s,color .16s,transform .16s;}
.r8a .r8c-search-link:hover{background:#231F20; border-color:#C59B4A; color:#fff; transform:translateY(-1px);}

.r8a .r8c-fb{display:flex; align-items:center; gap:6px; align-self:flex-start; margin-top:-2px; padding-left:2px; font-size:12px; color:#8a857c;}
.r8a .r8c-fb button{border:1px solid rgba(35,31,32,.14); background:#fff; color:#66615a; border-radius:999px; width:26px; height:26px; line-height:1; cursor:pointer; padding:0; font-size:13px; transition:border-color .16s,transform .16s;}
.r8a .r8c-fb button:hover{border-color:rgba(197,155,74,.75); transform:translateY(-1px);}
.r8a .r8c-fb[data-done="1"] button{cursor:default; opacity:.55; transform:none;}
.r8a .r8c-fb-thanks{color:#8b6722; font-weight:700;}

.r8a .r8c-form{display:flex; gap:8px; padding:12px; margin:0 !important; max-width:none !important; border-top:1px solid rgba(35,31,32,.08); background:#fff;}
.r8a .r8c-input{flex:1; border:1px solid #d8d1c3; border-radius:8px; padding:11px 12px; font-size:14px; min-width:0; background:#fff; color:#231F20; outline:none; font-family:inherit;}
.r8a .r8c-input:focus{border-color:#C59B4A; box-shadow:0 0 0 3px rgba(197,155,74,.16);}
.r8a .r8c-send{border:0; border-radius:8px; background:#C59B4A; color:#231F20; font-weight:700; padding:0 14px; min-width:76px; cursor:pointer; font-size:14px; font-family:inherit;}
.r8a .r8c-send:disabled{opacity:.72; cursor:wait;}