/* ===== Asistente Virtual RENTARTURISMO – chat.css (quirúrgico) ===== */

/* Botón flotante */
#rentarturismo-chat-button{
  position:fixed; bottom:20px; right:20px;
  background:#799E36; color:#fff;
  border:none; border-radius:50%;
  width:60px; height:60px; font-size:28px; cursor:pointer;
  z-index:9999; box-shadow:0 2px 10px rgba(0,0,0,.25);
}

/* Contenedor principal (visible/oculto) */
#rentarturismo-chat-container{ position:fixed; inset:auto 20px 90px auto; z-index:9999; }
#rentarturismo-chat-container.hidden{ display:none; }

/* Ventana del chat */
#rentarturismo-chat-container .chat-window{
  position:relative;
  width:360px; max-width:92vw;
  max-height:80vh;
  display:flex; flex-direction:column;
  background:#fff; border-radius:12px;
  box-shadow:0 4px 15px rgba(0,0,0,.2);
  overflow:hidden;
  font-family:Arial, sans-serif;
}

/* Cabecera */
#rentarturismo-chat-container .chat-header{
  position:relative; /* clave para anclar los botones */
  display:flex; align-items:center; gap:10px;
  justify-content:space-between;
  padding:10px 12px;
  color:#fff; font-weight:600; font-size:15px;
  border-top-left-radius:12px; border-top-right-radius:12px;
}
#rentarturismo-chat-container .chat-logo{ height:30px; max-height:40px; width:auto; object-fit:contain; }

/* Botones de cabecera (papelera, minimizar, cerrar) */
#rentarturismo-chat-container .chat-header button{
  appearance:none; background:transparent; border:none; color:#fff;
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; line-height:1; font-size:18px; cursor:pointer;
  opacity:.9; transition:opacity .2s ease;
  padding:0; margin-left:6px; border-radius:6px;
}
#rentarturismo-chat-container .chat-header button:hover{ opacity:1; }

/* Cuerpo */
#rentarturismo-chat-container .chat-body{
  padding:12px; overflow-y:auto; flex:1 1 auto;
  background:#f9f9f9; -webkit-overflow-scrolling:touch; scroll-behavior:smooth;
}

/* Entrada */
#rentarturismo-chat-container .chat-input{
  padding:10px; background:#fff; border-top:1px solid #eee;
  display:flex; align-items:center; gap:8px;
}
#rentarturismo-chat-container .chat-input input[type="text"],
#rentarturismo-chat-container .chat-input input[type="email"]{
  width:100%; padding:10px 12px; font-size:14px;
  border:1px solid #ddd; border-radius:8px; outline:none;
}
#rentarturismo-chat-container .chat-input button{
  background:#799E36; color:#fff; border:none; border-radius:8px;
  padding:10px 14px; font-size:14px; cursor:pointer;
}

/* Mensajes */
#rentarturismo-chat-container .chat-message{
  margin:6px 0; padding:10px 14px; border-radius:18px;
  max-width:85%; line-height:1.4; font-size:14px; word-wrap:break-word;
}
#rentarturismo-chat-container .chat-message.usuario{
  margin-left:auto; color:#fff; text-align:right;
  background-color: var(--user-color, #fc7e08);
}
#rentarturismo-chat-container .chat-message.asistente{
  margin-right:auto; background:#e0e0e0; color:#222;
}

/* === Ajustes móviles === */
@media (max-width: 768px){
  /* Ventana grande y cómoda */
  #rentarturismo-chat-container .chat-window{
    width:94vw; height:86vh; max-height:none;
    right:3vw; bottom:calc(12px + env(safe-area-inset-bottom));
    border-radius:14px;
  }

  /* Cabecera: mayor área táctil y anclaje perfecto */
  #rentarturismo-chat-container .chat-header{ padding:12px 14px; }
  #rentarturismo-chat-container .chat-header button{
    width:44px; height:44px; font-size:20px; margin-left:4px;
    -webkit-tap-highlight-color: transparent;
  }
  /* Garantiza que la 'X' se pulse exactamente donde se ve */
  #rentarturismo-chat-container #close-chat{ position:relative; z-index:2; }

  #rentarturismo-chat-container .chat-message{ max-width:95%; }
  #rentarturismo-chat-container .chat-header span{ font-size:14px; }
}