/* Copiado y reducido de style.css original para uso en public */
/* Mantiene estilos del chatbot */
#chatbot-widget { position: static; display: block; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-sizing: border-box; }
#chatbot-widget * { box-sizing: border-box; }
.chatbot-button { position: fixed; bottom: 25px; right: 25px; width: 60px; height: 60px; background: linear-gradient(to right, #1a2a6c, #2b5876); color: white; border-radius: 50%; display:flex; justify-content:center; align-items:center; cursor:pointer; box-shadow:0 4px 20px rgba(0,0,0,0.25); z-index:1000; }
.container { width:100%; max-width:500px; background-color:white; border-radius:15px; box-shadow:0 10px 30px rgba(0,0,0,0.15); overflow:hidden; position:fixed; bottom:100px; right:25px; z-index:999; display:none; opacity:0; transform:translateY(20px); transition:all 0.3s ease; }
.container.visible { display:block; opacity:1; transform:translateY(0); }

/* Clase usada al minimizar para animar el cierre antes de ocultar el contenedor */
#chatbot-widget .container.closing {
	opacity: 0;
	transform: translateY(20px) scale(0.96);
	pointer-events: none;
}
.header { background:linear-gradient(to right,#1a2a6c,#2b5876); color:white; padding:20px; display:flex; align-items:center; }
.chat-container { height:400px; padding:20px; overflow-y:auto; display:flex; flex-direction:column; background-color:#f9f9f9; }
.message { max-width:80%; padding:12px 16px; margin-bottom:15px; border-radius:18px; line-height:1.4; }
.user-message { background-color:#1a2a6c; color:white; align-self:flex-end; }
.bot-message { background-color:#e8ebf7; color:#333; align-self:flex-start; display:flex; align-items:flex-start; }
.bot-avatar { width:56px; height:56px; margin-right:10px; border-radius:50%; }
.input-container { display:flex; padding:15px; background-color:white; border-top:1px solid #eee; }
.input-container input { flex:1; padding:12px 15px; border:1px solid #ddd; border-radius:25px; }
.input-container button { background:#1a2a6c; color:#fff; border:none; border-radius:25px; padding:12px 20px; margin-left:10px; }
.fullscreen-video-button { align-self:flex-start; margin-top:8px; background:#1a2a6c; color:#fff; border:none; border-radius:18px; padding:8px 12px; cursor:pointer; font-size:13px; }
.fullscreen-video-button:hover { background:#2b5876; }
.fullscreen-video-button { display:inline-block; text-decoration:none; }