Hovima Jardin Caleta

Showing: 1 - 1 of 1 RESULTS
Teneryfa Wyspy Kanaryjskie

Hovima Jardin Caleta – Poczuj rytm Teneryfy w sercu La Caleta!

Wśród malowniczych krajobrazów Teneryfy, gdzie turkusowe wody Atlantyku spotykają się z majestatycznymi górskimi pejzażami, znajduje się Hovima Jardin Caleta. Ten hotel to prawdziwa perła La Caleta, oferująca gościom nie tylko luksusowy wypoczynek, ale też autentyczne doświadczenie kanaryjskiej gościnności. Oto kilka powodów, dla których warto wybrać ten obiekt na swój wakacyjny cel: 1. Niesamowita lokalizacja: Hovima …

position: fixed; bottom: 96px; right: 24px; z-index: 9999; width: 360px; max-width: calc(100vw - 32px); height: 520px; max-height: calc(100vh - 120px); background: #fff; border-radius: 18px; box-shadow: 0 8px 40px rgba(0,0,0,0.18); display: flex; flex-direction: column; overflow: hidden; font-family: Inter, sans-serif; transform: scale(0.92) translateY(12px); opacity: 0; pointer-events: none; transition: transform 0.22s cubic-bezier(.34,1.56,.64,1), opacity 0.18s ease; } #lnw-chat-window.open { transform: scale(1) translateY(0); opacity: 1; pointer-events: all; } .lnw-header { background: linear-gradient(135deg, #0077cc, #00aaff); padding: 14px 16px; display: flex; align-items: center; gap: 10px; color: #fff; flex-shrink: 0; } .lnw-avatar { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,0.22); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } .lnw-header-info { flex: 1; } .lnw-header-name { font-weight: 600; font-size: 14px; line-height: 1.2; } .lnw-header-sub { font-size: 11px; opacity: 0.85; margin-top: 2px; } .lnw-close-btn { background: none; border: none; color: rgba(255,255,255,0.8); font-size: 20px; cursor: pointer; padding: 4px; line-height: 1; } .lnw-close-btn:hover { color: #fff; } .lnw-messages { flex: 1; overflow-y: auto; padding: 14px 14px 6px; display: flex; flex-direction: column; gap: 10px; scroll-behavior: smooth; } .lnw-messages::-webkit-scrollbar { width: 4px; } .lnw-messages::-webkit-scrollbar-thumb { background: #d0d0d0; border-radius: 4px; } .lnw-msg { max-width: 88%; font-size: 13.5px; line-height: 1.5; padding: 9px 13px; border-radius: 14px; word-break: break-word; } .lnw-msg.bot { background: #f0f4f8; color: #1a1a2e; border-bottom-left-radius: 4px; align-self: flex-start; } .lnw-msg.user { background: linear-gradient(135deg, #0077cc, #00aaff); color: #fff; border-bottom-right-radius: 4px; align-self: flex-end; } .lnw-msg a { color: #0066bb; text-decoration: underline; font-weight: 500; } .lnw-msg.user a { color: #cce8ff; } .lnw-suggestions { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 8px; flex-shrink: 0; } .lnw-suggestion { background: #e8f4ff; color: #0066bb; border: 1px solid #b3d9f7; border-radius: 20px; padding: 5px 12px; font-size: 12px; cursor: pointer; font-family: Inter, sans-serif; transition: background 0.15s; white-space: nowrap; } .lnw-suggestion:hover { background: #cce4ff; } .lnw-typing { display: flex; align-items: center; gap: 4px; padding: 9px 14px; background: #f0f4f8; border-radius: 14px; border-bottom-left-radius: 4px; width: fit-content; align-self: flex-start; } .lnw-typing span { width: 7px; height: 7px; background: #9baab8; border-radius: 50%; animation: lnw-bounce 1.2s infinite; } .lnw-typing span:nth-child(2) { animation-delay: 0.2s; } .lnw-typing span:nth-child(3) { animation-delay: 0.4s; } @keyframes lnw-bounce { 0%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-5px)} } .lnw-input-area { padding: 10px 14px 14px; border-top: 1px solid #eef0f3; display: flex; gap: 8px; align-items: flex-end; flex-shrink: 0; } .lnw-input { flex: 1; border: 1.5px solid #dde3ea; border-radius: 22px; padding: 9px 14px; font-size: 13.5px; font-family: Inter, sans-serif; outline: none; resize: none; max-height: 100px; min-height: 38px; line-height: 1.4; color: #1a1a2e; transition: border-color 0.15s; overflow-y: auto; } .lnw-input:focus { border-color: #0077cc; } .lnw-input::placeholder { color: #9baab8; } .lnw-send-btn { width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg, #0077cc, #00aaff); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: opacity 0.15s, transform 0.15s; } .lnw-send-btn:hover { opacity: 0.88; transform: scale(1.06); } .lnw-send-btn:disabled { opacity: 0.45; cursor: not-allowed; transform: none; } .lnw-send-btn svg { width: 16px; height: 16px; fill: #fff; } .lnw-footer-note { text-align: center; font-size: 10.5px; color: #b0b8c4; padding-bottom: 4px; font-family: Inter, sans-serif; }