/* ═════════ Paola · asesora virtual (botón flotante con radar y mensajes) ═════════ */
.paola{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
.paola>*{pointer-events:auto}

/* botón */
.paola .chat-boton{position:relative;right:auto;bottom:auto;width:auto;height:auto;padding:0;border-radius:999px;display:flex;align-items:center;gap:0;
  background:none;box-shadow:none;animation:none;color:inherit}
.paola-foto{position:relative;z-index:3;width:72px;height:72px;border-radius:50%;padding:3px;flex:none;
  background:conic-gradient(from var(--giro,0deg),var(--verde-luz),#fff,var(--verde),#1d2026,var(--verde-luz));animation:gira 3.5s linear infinite;
  box-shadow:0 14px 34px -8px rgba(0,0,0,.55),0 0 34px rgba(155,224,106,.6)}
.paola-foto img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid #1d2026}
.paola-estado{position:absolute;z-index:4;right:2px;bottom:2px;width:18px;height:18px;border-radius:50%;background:#39d353;border:3px solid #fff;box-shadow:0 0 12px #39d353}
.paola-estado:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #39d353;animation:onda 1.8s ease-out infinite}

/* chip «Paola · En línea» */
.paola-chip{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;margin-left:-26px;padding:10px 18px 10px 36px;border-radius:0 999px 999px 0;
  background:linear-gradient(135deg,rgba(29,32,38,.92),rgba(43,47,54,.92));color:#fff;border:1px solid rgba(155,224,106,.45);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 30px -10px rgba(0,0,0,.5),0 0 22px -6px rgba(155,224,106,.6);
  order:-1;margin-left:0;margin-right:-30px;padding:10px 40px 10px 18px;border-radius:999px 0 0 999px;align-items:flex-end;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s}
.paola-chip b{font-family:Archivo;font-size:16px;letter-spacing:.01em}
.paola-chip small{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--verde-luz)}
.paola-chip small i{width:7px;height:7px;border-radius:50%;background:#39d353;box-shadow:0 0 8px #39d353;animation:titila 1.4s ease-in-out infinite}
@keyframes titila{50%{opacity:.35}}

/* radar */
.radar{position:absolute;z-index:1;right:36px;top:50%;width:0;height:0;pointer-events:none}
.radar i{position:absolute;left:-36px;top:-36px;width:72px;height:72px;border-radius:50%;border:2px solid rgba(155,224,106,.75);animation:radar 3s cubic-bezier(.2,.6,.3,1) infinite}
.radar i:nth-child(2){animation-delay:1s}.radar i:nth-child(3){animation-delay:2s}
@keyframes radar{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.1);opacity:0}}
.radar b{position:absolute;left:-90px;top:-90px;width:180px;height:180px;border-radius:50%;opacity:.55;
  background:conic-gradient(from 0deg,rgba(155,224,106,.55),rgba(155,224,106,0) 70deg,transparent 360deg);animation:barrido 2.6s linear infinite;
  -webkit-mask-image:radial-gradient(circle,transparent 34px,#000 36px,#000 88px,transparent 90px);mask-image:radial-gradient(circle,transparent 34px,#000 36px,#000 88px,transparent 90px)}
@keyframes barrido{to{transform:rotate(360deg)}}

/* botón cuando el chat está abierto: solo la X */
.paola-x{display:none;position:absolute;z-index:5;right:0;top:50%;width:72px;height:72px;margin-top:-36px;border-radius:50%;place-items:center;color:#fff;background:rgba(29,32,38,.85)}
.paola-x .ico{width:26px;height:26px}
.paola .chat-boton[aria-expanded=true] .paola-x{display:grid}
.paola .chat-boton[aria-expanded=true] .paola-chip{transform:translateX(30px);opacity:0;pointer-events:none}
.paola .chat-boton[aria-expanded=true] .radar{display:none}
.paola:has(.chat-boton[aria-expanded=true]) .paola-msgs{display:none}

@media (hover:hover){
  .paola .chat-boton:hover .paola-foto{box-shadow:0 14px 34px -8px rgba(0,0,0,.55),0 0 50px rgba(155,224,106,1)}
  .paola .chat-boton:hover .paola-chip{border-color:var(--verde-luz);box-shadow:0 12px 30px -10px rgba(0,0,0,.5),0 0 34px -2px rgba(155,224,106,.85)}
}

/* mensajes instantáneos que salen del widget */
.paola-msgs{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(330px,calc(100vw - 40px))}
.p-msg{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px 34px 12px 12px;border-radius:18px 18px 4px 18px;text-align:left;cursor:pointer;
  background:linear-gradient(180deg,#fff,#f4f6f8);color:var(--tinta);box-shadow:0 18px 40px -16px rgba(0,0,0,.45),0 0 0 1px rgba(155,224,106,.35);
  animation:msg-entra .55s cubic-bezier(.2,1.2,.3,1) both;transform-origin:100% 100%}
.p-msg.sale{animation:msg-sale .35s ease forwards}
@keyframes msg-entra{from{opacity:0;transform:translateY(16px) scale(.85)}}
@keyframes msg-sale{to{opacity:0;transform:translateX(30px) scale(.9)}}
.p-msg img{width:30px;height:30px;border-radius:50%;flex:none;object-fit:cover}
.p-msg b{display:block;font-size:12px;color:var(--verde2);font-weight:700;margin-bottom:2px}
.p-msg span{font-size:14.5px;line-height:1.4}
.p-msg .p-cerrar{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--gris2);background:rgba(0,0,0,.04)}
.p-msg .p-cerrar .ico{width:11px;height:11px}
.p-msg .p-escribe{display:inline-flex;gap:4px;padding:6px 0}
.p-msg .p-escribe i{width:7px;height:7px;border-radius:50%;background:var(--gris2);animation:salta 1s infinite}
.p-msg .p-escribe i:nth-child(2){animation-delay:.15s}.p-msg .p-escribe i:nth-child(3){animation-delay:.3s}
.p-opciones{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;animation:msg-entra .5s .15s cubic-bezier(.2,1.2,.3,1) both}
.p-opciones button{padding:8px 13px;border-radius:999px;font-size:13px;font-weight:700;color:#0f2a05;
  background:linear-gradient(180deg,var(--verde-luz),var(--verde));box-shadow:0 8px 20px -8px rgba(76,154,39,.8)}
@media (hover:hover){
  .p-msg:hover{box-shadow:0 18px 40px -16px rgba(0,0,0,.45),0 0 0 2px var(--verde-luz),0 0 30px rgba(155,224,106,.55)}
  .p-opciones button:hover{box-shadow:0 0 0 3px rgba(155,224,106,.35),0 0 24px rgba(155,224,106,.9)}
}

/* cabecera del chat con la foto */
.chat-avatar{position:relative;padding:2px;background:conic-gradient(from var(--giro,0deg),var(--verde-luz),#fff,var(--verde),var(--verde-luz));animation:gira 3.5s linear infinite;overflow:visible}
.chat-avatar img{width:100%;height:100%;border-radius:10px;object-fit:cover;display:block}
.chat-avatar i{position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;border-radius:50%;background:#39d353;border:2px solid #2b2f36;box-shadow:0 0 8px #39d353}
.chat{bottom:118px}

@media (max-width:760px){
  .paola{right:14px;bottom:14px}
  .paola-foto{width:62px;height:62px}
  .paola-chip{padding:8px 36px 8px 14px;margin-right:-28px}
  .paola-chip b{font-size:14.5px}
  .paola-x{width:62px;height:62px;margin-top:-31px}
  .radar{right:31px}
  .chat{bottom:100px}
}
@media (prefers-reduced-motion:reduce){.radar,.paola-estado:after{display:none}}