/* Container Banner Whatsapp */
.zap-banner-container {
  position: fixed;
  bottom: 6%;
  right: 5px;
  z-index: 500;
}

/* ==========================================
   MOBILE (Telas até 600px)
   ========================================== */
@media only screen and (max-width: 600px) {
  button.sc-dlfmnT { 
    display: none;
  }

  .lingueta-container {
    position: fixed;
    top: 35%;
    right: 0px;
    z-index: 500;
    border-radius: 8px 0px 0px 8px;
    background-color: #ffffff;
    padding: 10px 5px;
    transition: 0.5s;
    text-align: right;
  }

  .libas-icone-container {
    width: 100%;
    text-align: right;
  }

  .btn-libras {
    position: relative;
    background-color: #003087;
    border-radius: 25px;
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
  }

  .libras-texto-container {
    position: relative;
    display: none;
    background-color: #003087;
    border-radius: 0px 0px 0px 8px;
    width: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-top: 1px solid #ffffff;
    cursor: pointer;
    padding-top: 5px;
  }

  .libas-icone-container:hover .btn-libras {
    border-radius: 8px 0px 0px 0px;
    transition: 0.5s;
  }

  .libas-icone-container:hover .libras-texto-container {
    display: block;
    transition: 0.5s;
  }

  .acessibilidade-icone {
    margin-top: 6px;
    cursor: pointer;
    text-align: center;
  }

  img.icones-lingueta {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }

  .botao-manu {
    width: 40px;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
  }

  div#manu-icone.manu-icone {
    margin-top: 6px;
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  div#blip-chat-open-iframe {
    display: none !important;
  }
}

/* ==========================================
   DESKTOP (Telas a partir de 600px)
   ========================================== */
@media only screen and (min-width: 600px) {
  button.sc-dlfmnT { 
    display: none;
  }

  .lingueta-container {
    position: fixed;
    top: 35%;
    right: 0px;
    z-index: 500;
    border-radius: 8px 0px 0px 8px;
    background-color: #ffffff;
    padding: 10px 5px;
    transition: 0.5s;
    text-align: right;
  }

  .libas-icone-container {
    width: 100%;
    text-align: right;
  }

  .btn-libras {
    position: relative;
    background-color: #003087;
    border-radius: 25px;
    width: 36px;
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
  }

  .libras-texto-container {
    position: relative;
    display: none;
    background-color: #003087;
    border-radius: 0px 0px 0px 8px;
    width: 36px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-top: 1px solid #ffffff;
    cursor: pointer;
    padding-top: 5px;
  }

  .libas-icone-container:hover .btn-libras {
    border-radius: 8px 0px 0px 0px;
    transition: 0.5s;
  }

  .libas-icone-container:hover .libras-texto-container {
    display: block;
    transition: 0.5s;
  }

  .acessibilidade-icone {
    margin-top: 6px;
    cursor: pointer;
    text-align: center;
  }

  img.icones-lingueta {
    width: 36px;
    height: 36px;
    margin: 0 auto;
  }

  .botao-manu {
    width: 45px;
    height: 45px;
    border-radius: 25px;
    cursor: pointer;
  }

  div#manu-icone.manu-icone {
    margin-top: 6px;
    width: 45px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
  }

  div#blip-chat-open-iframe {
    display: none !important;
  }

  #libas-icone-container, 
  #acessibilidade-icone, 
  #manu-icone:hover {
    cursor: pointer;
  }

  div#blip-chat-container > iframe {
    right: 61px !important;
  }
}