/* Widget de chat de LLC al Día */
.chat-raiz { position: fixed; right: 16px; bottom: 16px; z-index: 90; font-family: var(--f-txt, system-ui, sans-serif); }
.chat-burbuja { display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 20px 0 16px; border-radius: 999px; border: 0; background: var(--verde, #0e3b2e); color: var(--crema, #faf7f0); font: 650 1rem var(--f-tit, system-ui); box-shadow: 0 10px 30px -10px rgba(14, 59, 46, .6); cursor: pointer; }
.chat-burbuja svg { width: 24px; height: 24px; color: var(--lima, #c8f25a); }
@media (max-width: 480px) { .chat-burbuja span { display: none; } .chat-burbuja { padding: 0 15px; } }
.chat-panel { width: min(380px, calc(100vw - 32px)); height: min(600px, calc(100vh - 100px)); background: var(--papel, #fffdf8); border: 1px solid var(--linea, #e2dbc9); border-radius: 22px; box-shadow: 0 24px 60px -20px rgba(14, 59, 46, .45); display: flex; flex-direction: column; overflow: hidden; }
@media (max-width: 480px) { .chat-raiz { right: 8px; left: 8px; bottom: 8px; display: flex; flex-direction: column; align-items: flex-end; pointer-events: none; } .chat-raiz > * { pointer-events: auto; } .chat-panel { width: 100%; height: calc(100vh - 24px); height: calc(100dvh - 24px); } }
.chat-cab { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; background: var(--verde, #0e3b2e); color: var(--crema, #faf7f0); }
.chat-cab b { font-family: var(--f-tit, system-ui); font-size: 1.05rem; display: block; }
.chat-cab small { color: #b9cfc3; font-size: .8rem; }
.chat-cerrar { background: none; border: 0; color: var(--crema, #faf7f0); font-size: 1.8rem; line-height: 1; cursor: pointer; padding: 0 4px; }
.chat-lista { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 8px; background: var(--crema, #faf7f0); }
.chat-msg { max-width: 86%; padding: 9px 13px; border-radius: 16px; font-size: .97rem; line-height: 1.45; word-wrap: break-word; }
.chat-msg a { color: inherit; font-weight: 650; }
.chat-ellos { align-self: flex-start; background: #fff; border: 1px solid var(--linea, #e2dbc9); border-bottom-left-radius: 6px; color: var(--tinta, #14271f); }
.chat-yo { align-self: flex-end; background: var(--verde, #0e3b2e); color: var(--crema, #faf7f0); border-bottom-right-radius: 6px; }
.chat-botones { display: flex; flex-wrap: wrap; gap: 6px; align-self: flex-start; max-width: 92%; }
.chat-botones button { border: 2px solid var(--verde-3, #2b5c4a); background: #fff; color: var(--verde, #0e3b2e); border-radius: 999px; padding: 7px 14px; font: 600 .92rem var(--f-txt, system-ui); cursor: pointer; }
.chat-botones button:hover { background: var(--lima, #c8f25a); border-color: var(--lima-2, #b6e33c); }
.chat-escribiendo { display: flex; gap: 4px; padding: 13px 14px; }
.chat-escribiendo i { width: 7px; height: 7px; border-radius: 50%; background: var(--gris, #53645c); animation: chat-p 1s infinite ease-in-out; }
.chat-escribiendo i:nth-child(2) { animation-delay: .15s; } .chat-escribiendo i:nth-child(3) { animation-delay: .3s; }
@keyframes chat-p { 0%, 80%, 100% { opacity: .25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.chat-form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--linea, #e2dbc9); background: var(--papel, #fffdf8); }
.chat-form textarea { flex: 1; resize: none; border: 2px solid var(--linea-2, #d3cab4); border-radius: 14px; padding: 10px 12px; font: 500 1rem var(--f-txt, system-ui); max-height: 120px; }
.chat-form textarea:focus { outline: none; border-color: var(--verde, #0e3b2e); }
.chat-form button { width: 46px; border: 0; border-radius: 14px; background: var(--lima, #c8f25a); color: var(--verde, #0e3b2e); font-size: 1.2rem; cursor: pointer; }
.chat-aviso { margin: 0; padding: 0 12px 10px; font-size: .74rem; color: var(--gris, #53645c); background: var(--papel, #fffdf8); }