/* ============================================================================
   DENKOR — widget del agente "Dana".
   Se sienta encima del botón de WhatsApp, no lo reemplaza: el doctor elige
   si quiere hablar con la IA o con una persona.
   ============================================================================ */

#dana{position:fixed;right:20px;bottom:88px;z-index:80;
  font-family:Inter,"Segoe UI",system-ui,sans-serif;}

/* --- botón --- */
.dana-abrir{position:relative;width:56px;height:56px;border-radius:50%;
  background:var(--verde);color:#04240F;display:grid;place-items:center;
  box-shadow:0 10px 26px -6px rgba(12,214,93,.75);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);}
.dana-abrir:hover{transform:scale(1.07);box-shadow:0 14px 32px -6px rgba(12,214,93,.9);}
.dana-abierto .dana-abrir{transform:scale(.9);opacity:.55;}
.dana-punto{position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;
  background:#fff;border:2px solid var(--verde);animation:danaLatir 2.4s ease-in-out infinite;}
@keyframes danaLatir{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.28);opacity:.55;}}

/* --- panel --- */
.dana-panel{position:absolute;right:0;bottom:70px;width:min(376px,calc(100vw - 40px));
  height:min(560px,calc(100vh - 190px));background:var(--blanco);
  border:1px solid var(--linea);border-radius:var(--r-g);box-shadow:var(--sombra-l);
  display:flex;flex-direction:column;overflow:hidden;
  animation:danaEntrar .34s var(--ease);}
@keyframes danaEntrar{from{opacity:0;transform:translateY(14px) scale(.97);}to{opacity:1;transform:none;}}
.dana-panel[hidden]{display:none;}

.dana-top{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 17px;border-bottom:1px solid var(--linea);background:var(--hueso);}
.dana-quien{display:flex;align-items:center;gap:11px;}
.dana-av{width:38px;height:38px;border-radius:50%;background:var(--verde);color:#04240F;
  display:grid;place-items:center;font-family:Poppins,sans-serif;font-weight:700;font-size:17px;}
.dana-quien b{display:block;font-family:Poppins,sans-serif;font-size:15px;color:var(--tinta);}
.dana-quien span{font-size:12px;color:var(--suave);}
.dana-cerrar{width:32px;height:32px;border-radius:50%;color:var(--suave);display:grid;
  place-items:center;transition:background .2s,color .2s;}
.dana-cerrar:hover{background:var(--linea);color:var(--tinta);}

.dana-hilo{flex:1;overflow-y:auto;padding:17px;display:flex;flex-direction:column;gap:11px;}
.dana-b{max-width:84%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;
  white-space:pre-wrap;animation:danaBurbuja .3s var(--ease);}
@keyframes danaBurbuja{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.dana-dana{background:var(--hueso);border:1px solid var(--linea);color:var(--texto);
  align-self:flex-start;border-bottom-left-radius:5px;}
.dana-yo{background:var(--verde);color:#04240F;align-self:flex-end;
  border-bottom-right-radius:5px;font-weight:500;}
.dana-sistema{align-self:center;background:var(--verde-tenue);color:var(--verde-hondo);
  border:1px solid rgba(12,214,93,.28);font-size:12.5px;font-weight:600;
  padding:7px 13px;border-radius:999px;max-width:92%;text-align:center;}
.dana-esperando{letter-spacing:3px;color:var(--suave);animation:danaPuntos 1.3s ease-in-out infinite;}
@keyframes danaPuntos{0%,100%{opacity:.35;}50%{opacity:1;}}

.dana-sug{display:flex;flex-wrap:wrap;gap:7px;padding:0 17px 12px;}
.dana-sug:empty{display:none;}
.dana-sug button{font-size:13px;padding:7px 13px;border-radius:999px;
  border:1px solid var(--linea);background:var(--blanco);color:var(--texto);
  transition:border-color .2s,background .2s,color .2s;}
.dana-sug button:hover{border-color:var(--verde);background:var(--verde-tenue);color:var(--verde-hondo);}

.dana-form{display:flex;gap:9px;padding:13px 15px;border-top:1px solid var(--linea);
  background:var(--blanco);}
.dana-form input{flex:1;height:44px;border:1px solid var(--linea);border-radius:999px;
  padding:0 17px;font:inherit;font-size:14.5px;background:var(--hueso);color:var(--tinta);
  transition:border-color .2s,background .2s,box-shadow .2s;}
.dana-form input:focus{outline:none;background:var(--blanco);border-color:var(--verde);
  box-shadow:0 0 0 4px rgba(12,214,93,.15);}
.dana-form button{width:44px;height:44px;border-radius:50%;background:var(--verde);
  color:#04240F;display:grid;place-items:center;flex:0 0 auto;
  transition:transform .2s var(--ease);}
.dana-form button:hover{transform:scale(1.07);}

/* El botón de WhatsApp se corre para dejarle sitio propio a Dana.
   Los dos van en right:20px: antes Dana estaba en 16px y se veía el desfase. */
@media (max-width:620px){
  #dana{right:20px;bottom:84px;}
  .dana-panel{bottom:66px;height:min(70vh,520px);}
  .dana-abrir{width:52px;height:52px;}
}
@media (prefers-reduced-motion:reduce){
  #dana *,#dana *::before{animation:none!important;transition:none!important;}
}