/* Chat del asistente parroquial */
#jbp-chat{--cafe:#5f3813;--cafe-osc:#2e1c0b;--oro:#c59b33;--arena:#f6f0e6;--linea:#eadfcd;--texto:#3b230c;font-family:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;position:fixed;right:22px;bottom:22px;z-index:9990}
#jbp-chat *{box-sizing:border-box}
#jbp-chat button{font-family:inherit}
.jbp-chat-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#jbp-chat .jbp-chat-burbuja{position:relative;width:62px;height:62px;border-radius:50%;border:0;padding:0;background:var(--cafe);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 34px -10px rgba(46,28,11,.65);transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s;animation:jbp-chat-llega .7s cubic-bezier(.2,.7,.2,1) 1s both}
#jbp-chat .jbp-chat-burbuja:hover{transform:scale(1.07);background:var(--cafe-osc)}
#jbp-chat .jbp-chat-burbuja::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--oro);opacity:0;animation:jbp-chat-onda 3s ease-out 2.5s 3}
.jbp-chat-burbuja svg{width:28px;height:28px;transition:transform .35s,opacity .25s}
.jbp-chat-ico-cerrar{position:absolute;opacity:0;transform:rotate(-90deg)}
.jbp-chat-abierto .jbp-chat-ico-abrir{opacity:0;transform:rotate(90deg)}
.jbp-chat-abierto .jbp-chat-ico-cerrar{opacity:1;transform:none}
.jbp-chat-punto{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:#d6452a;border:2px solid #fff}
@keyframes jbp-chat-llega{from{opacity:0;transform:translateY(20px) scale(.7)}to{opacity:1;transform:none}}
@keyframes jbp-chat-onda{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
#jbp-chat .jbp-chat-globo{position:absolute;right:74px;bottom:10px;margin:0;width:max-content;max-width:240px;padding:12px 34px 12px 16px;border-radius:16px 16px 4px 16px;background:#fff;color:var(--texto);font-size:15px;line-height:1.35;box-shadow:0 14px 34px -14px rgba(46,28,11,.55);cursor:pointer;animation:jbp-chat-llega .5s ease both}
#jbp-chat .jbp-chat-globo-x{position:absolute;top:6px;right:6px;width:22px;height:22px;padding:3px;border:0;border-radius:50%;background:transparent;color:#8a7a68;cursor:pointer}
.jbp-chat-globo-x svg{width:14px;height:14px}
#jbp-chat .jbp-chat-panel{position:absolute;right:0;bottom:78px;width:380px;height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 30px 70px -20px rgba(46,28,11,.55),0 0 0 1px rgba(46,28,11,.06);animation:jbp-chat-abre .35s cubic-bezier(.2,.7,.2,1);transform-origin:bottom right}
#jbp-chat .jbp-chat-panel[hidden]{display:none}
@keyframes jbp-chat-abre{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.jbp-chat-cab{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;background:linear-gradient(135deg,var(--cafe),var(--cafe-osc));color:#fff}
.jbp-chat-cab div{flex:1;min-width:0;display:flex;flex-direction:column}
.jbp-chat-cab strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;font-weight:600;line-height:1.1}
.jbp-chat-sub{font-size:13px;color:#ecd9a8;display:flex;align-items:center;gap:6px}
.jbp-chat-sub::before{content:"";width:8px;height:8px;border-radius:50%;background:#4cc274}
.jbp-chat-avatar{width:42px;height:42px;flex:none;border-radius:14px;background:var(--oro);color:var(--cafe-osc);display:flex;align-items:center;justify-content:center}
.jbp-chat-avatar svg{width:22px;height:22px;stroke-width:2.4}
#jbp-chat .jbp-chat-cerrar{width:36px;height:36px;padding:8px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
#jbp-chat .jbp-chat-cerrar:hover{background:rgba(255,255,255,.22)}
.jbp-chat-msgs{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:var(--arena);overscroll-behavior:contain}
.jbp-chat-msg{max-width:86%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.5;color:var(--texto);word-wrap:break-word}
.jbp-chat-agente,.jbp-chat-oficina{align-self:flex-start;background:#fff;border-bottom-left-radius:6px;box-shadow:0 2px 6px rgba(46,28,11,.06)}
.jbp-chat-oficina{background:#e9f5ec;border:1px solid #bfe0c8}
.jbp-chat-oficina small{display:block;margin-bottom:2px;font-size:12px;font-weight:700;color:#1f6b35}
.jbp-chat-usuario{align-self:flex-end;background:var(--cafe);color:#fff;border-bottom-right-radius:6px}
.jbp-chat-msg a{color:#8a5a12;font-weight:600;text-decoration:underline;word-break:break-word}
.jbp-chat-usuario a{color:#fff}
.jbp-chat-li{display:block;padding-left:14px;position:relative}
.jbp-chat-li::before{content:"";position:absolute;left:2px;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--oro)}
.jbp-chat-entra{animation:jbp-chat-msg .35s ease both}
@keyframes jbp-chat-msg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.jbp-chat-escribe{display:flex;gap:4px;padding:14px 16px}
.jbp-chat-escribe span{width:8px;height:8px;border-radius:50%;background:#b9a68a;animation:jbp-chat-punto 1.2s infinite}
.jbp-chat-escribe span:nth-child(2){animation-delay:.15s}.jbp-chat-escribe span:nth-child(3){animation-delay:.3s}
@keyframes jbp-chat-punto{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.jbp-chat-atajos{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 4px;background:var(--arena)}
.jbp-chat-atajos[hidden]{display:none}
#jbp-chat .jbp-chat-atajos button{padding:7px 12px;border-radius:999px;border:1.5px solid var(--linea);background:#fff;color:var(--cafe);font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
#jbp-chat .jbp-chat-atajos button:hover{border-color:var(--oro);background:#fffaf0}
.jbp-chat-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--linea);background:#fff}
#jbp-chat .jbp-chat-form textarea{flex:1;min-height:44px;max-height:120px;resize:none;margin:0;padding:11px 14px;border:1.5px solid var(--linea);border-radius:22px;background:#fffdf9;color:var(--texto);font:inherit;font-size:15.5px;line-height:1.35}
#jbp-chat .jbp-chat-form textarea:focus{outline:0;border-color:var(--oro);box-shadow:0 0 0 3px rgba(197,155,51,.18)}
#jbp-chat .jbp-chat-form button{width:44px;height:44px;flex:none;padding:11px;border:0;border-radius:50%;background:var(--oro);color:var(--cafe-osc);cursor:pointer;transition:transform .2s,background .2s}
#jbp-chat .jbp-chat-form button:hover{background:#d7ae47;transform:scale(1.06)}
.jbp-chat-trampa{position:absolute!important;left:-9999px;width:1px;height:1px}
.jbp-chat-nota{margin:0;padding:0 14px 10px;background:#fff;font-size:11.5px;line-height:1.35;color:#8a7a68;text-align:center}
.jbp-chat-nota a{color:#8a7a68}
@media (max-width:600px){
  #jbp-chat{right:14px;bottom:14px}
  #jbp-chat .jbp-chat-panel{position:fixed;inset:0;width:auto;height:100%;border-radius:0;bottom:0}
  .jbp-chat-abierto .jbp-chat-burbuja{display:none}
  #jbp-chat .jbp-chat-globo{right:70px;bottom:8px;max-width:200px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){#jbp-chat *{animation:none!important;transition:none!important}}
@media print{#jbp-chat{display:none}}