/* ==========================================================================
   EcoMAPP — card de resultado da verificação de disponibilidade
   Mesmo design do MAPP (card branco, faixa lateral, chips), paleta verde.
   ========================================================================== */

/* loading (3 bolinhas) */
.res-loading{display:flex;gap:8px;margin-top:12px}
.res-loading i{width:10px;height:10px;border-radius:50%;background:#2F7D22;display:block;
  animation:ecoBounce 1.15s ease-in-out infinite}
.res-loading i:nth-child(2){background:#8FD36A;animation-delay:.16s}
.res-loading i:nth-child(3){background:#F5B700;animation-delay:.32s}
@keyframes ecoBounce{0%,80%,100%{transform:scale(.55);opacity:.45}40%{transform:scale(1);opacity:1}}

/* card */
#bkAlert{margin-top:18px;background:linear-gradient(135deg,#ffffff 0%,#F7FBF4 100%);
  border:1px solid rgba(22,61,18,.14);border-radius:22px;padding:22px 24px;
  box-shadow:0 18px 46px rgba(12,40,10,.16);display:flex;flex-direction:column;gap:6px;
  position:relative;overflow:hidden;text-align:left}
#bkAlert[hidden]{display:none !important}
#bkAlert:empty{display:none !important}
#bkAlert::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,#2F7D22,#8FD36A)}

#bkAlert strong{font-size:16px;color:#163D12;font-weight:800;display:block;line-height:1.32;
  font-family:inherit}
#bkAlert strong.res-ok{color:#1F7A38}
#bkAlert strong.res-erro{color:#163D12}
#bkAlert > span{display:block;font-size:13.5px;color:#5C6B55;line-height:1.55;margin-top:2px}
#bkAlert > span b{color:#163D12;font-weight:800}

/* chips (botões do resultado) */
#bkAlert .res-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#bkAlert .res-chip{background:linear-gradient(135deg,#163D12,#2F7D22);color:#fff !important;
  border:0;border-radius:999px;padding:12px 24px;font-size:13px;font-weight:800;cursor:pointer;
  transition:.22s;text-decoration:none;display:inline-flex;align-items:center;
  box-shadow:0 8px 22px rgba(22,61,18,.28);font-family:inherit}
#bkAlert .res-chip:hover{background:linear-gradient(135deg,#2F7D22,#4CA82F);
  box-shadow:0 12px 28px rgba(22,61,18,.34);transform:translateY(-1px)}
#bkAlert .res-chip.out{background:#fff;color:#163D12 !important;border:1.5px solid #DCE7D6;
  box-shadow:0 4px 12px rgba(22,61,18,.10)}
#bkAlert .res-chip.out:hover{background:#F7F3EA;border-color:#8FD36A;transform:translateY(-1px)}

/* seção dos hotéis do grupo */
#bkAlert .res-gsec{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(22,61,18,.22)}
#bkAlert .res-gtitle{display:block;font-size:13px;font-weight:800;color:#163D12;margin-bottom:10px}
#bkAlert .res-grupo{display:grid;gap:10px}
#bkAlert .res-gitem{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;
  background:#fff;border:1.5px solid #E6EDE2;border-radius:16px;padding:14px 18px;cursor:pointer;
  transition:.22s}
#bkAlert .res-gitem:hover{border-color:#8FD36A;box-shadow:0 12px 30px rgba(47,125,34,.18);
  transform:translateY(-2px)}
#bkAlert .res-ginfo{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
#bkAlert .res-ginfo strong{font-size:15px;color:#163D12;font-weight:800}
#bkAlert .res-ginfo small{font-size:12px;color:#5C6B55;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
#bkAlert .res-gpreco{font-size:18px;font-weight:800;color:#163D12;flex:none;white-space:nowrap;
  text-align:right;min-width:104px}
#bkAlert .res-gpreco small{font-size:10px;color:#7A8873;font-weight:700}
#bkAlert .res-gpreco .res-gtot{display:block;margin-top:2px;font-size:11px;color:#2F7D22;font-weight:800}
#bkAlert .res-glogo{width:52px;height:52px;border-radius:12px;object-fit:contain;flex:none;
  background:#fff;border:1px solid #E6EDE2;padding:4px;box-shadow:0 3px 10px rgba(22,61,18,.10)}

/* mobile */
@media(max-width:760px){
  #bkAlert{padding:18px 18px;border-radius:18px}
  #bkAlert strong{font-size:15px}
  #bkAlert > span{font-size:13px}
  #bkAlert .res-chip{padding:11px 20px;font-size:12.5px}
  #bkAlert .res-gpreco{font-size:16px;min-width:88px}
  #bkAlert .res-ginfo small{white-space:normal}
}