.wap-logo {
    position: fixed;
    width: 60px;
    bottom: 40px;
    right: 20px;
    z-index: 999;
}

.wap-logo img {
    width: 50px;
}

@media (max-width: 767px) {
    .wap-logo {        
        width: 40px;
        bottom: 5px;
    }
}

.wap-logo-img:hover {
    cursor: pointer;
}

.wap-ventana {
    position: fixed;
    height: 403px;
    width: 300px;
    bottom: 10px;
    right: 10px;

    background-image: url('../images/wap2-fondo.png');
    border-radius: 10px;

    -webkit-box-shadow: 4px 6px 5px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 6px 5px -5px rgba(0,0,0,0.75);
    box-shadow: 4px 6px 5px -5px rgba(0,0,0,0.75);

    z-index: 999;
}

.wap-ventana-header {
    width: 100%;
    height: 50px;
    background-color: #2e8c7d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 1.3em;
}

.wap-ventana-header p {
    font-size: 15px;
    color: #97c6be;
    font-weight: 500;
}

.wap-ventana-close {
    display: flex;
    position: absolute;
    top: 8px;
    right: 18px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    text-align: center;
    opacity: .4;
    cursor: pointer;
    transition: opacity .3s ease-out;
    -webkit-tap-highlight-color: transparent;
    padding: 9px 12px;
}

.wap-ventana-close a { 
    color: #fff;
}

.wap-ventana-body {
    width: 100%;
    height: 100%;
}

.wap-ventana-body-message {
    position: relative;
    min-height: 80px;
    padding: 16px 22px;
    margin: 10px 26px;
    border-radius: 32px;
    background-color: #fff;
    color: #4a4a4a;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
}

.wap-ventana-body-message:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 30px;
    left: -18px;
    width: 18px;
    height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA1CAYAAADlE3NNAAAEr0lEQVRo3t2aT0gjVxzHf++9mcn8zWhW6bpELWzcogFNaRar7a4tBNy2WATbHpacpdZ6redeZE+9CL02B1ktXsRD/xwsilhoSwsqag/xYK09hCQlmCiTf28vGRnGmZhE183MFx5vmGQy7zO/P/P7PYLAHUIAQCqDAwDPxMREG3IpHL+zs/MZcgkYAgAMAIwOl8lkYm6xGgYAFgAEAGgZHx9/vVwun7nJJTkAEAGgdW9v73NKKXWLSzIA4AEAGQDazs/P/3ALnNEl1a2trY9oRW6wmu6SEgC0ZrPZn9wCp2dIHgCU1dXVtymlZafDIatEksvlfqYGueG9xgOAcnBw8JSa5GR3vIi1aDTaUSwWj5wOZ3RHPUN6U6nUN9RCTnZHDwDI+/v745TSkpPhrOpHcWlpqbdcLieojZwGpseZMDo66svn87/RKnIaGAsAfCAQ8J6dnX1Pr5DjwABAzmazMVqDHAd2enr6La1RjgGLRCJqLpeL0TrUjFDGrMgCAD8/P38vn8//QutUs1pLT/fC5ubmQKFQOKANqNmspbuhBwDEZDL5BaX0lDaoZoK62NxZXFzs1DRthV5TrxrKGFue/v5+KZ1Of1kul5P0BtQUUAAgxOPx9wuFwl/0BvWq3O8C6vDw8F1N036gL0G3ZaVLUEdHRxFN036kL1E3DWMHxAEAPzc3dyedTk+XSqUdegu6CRijy5mBPLOzs2oikfhU07RFSmmG3qKuaxkdxuhy/MzMjDeRSHyiadrz2wYyClUBMh9bzRfAu7u7PX6//z1RFB9zHBcBALUZKoRqUMgEgyvHeHt7+353d/cjQRBGWJZ9jBDqaMYKHKpYBAEAXltbawsGg2FFUd7iOO4hIeQhQuiOEzpdOzCSTCaftLS0fEUIGXbiHiBjU5njVCr1sc/nW6wkDcduS1u1HKRUKv2KMR4ABwvbAWKMA+BwYbsasFgs/uMWuEtxd3x8/J3b4C4Ag8Hg83g8/iyfz//n5IRi1eZzla00HgA8oijyDMNwlFJCCGH0axiGQQAAXq+XyLLMeL1eRlEURpZlRpIkhud5oigK297eLvl8Prm1tVVSFEWSJEkWRVESBMGrqupriqLcFQThLsaYu612n6vUip4KMFv5HJssjhooEi5laoZh0NjYWNvw8PC9np6ejkAg8MDv9w+oqnrfxsNqhgNTh2wE1MGYChyyWGA9RYJVFWTM3MhwjMPhsDw9PT0QDocHOjs731RV9Y1rv+cMlb4Oiy3garWW1b2sPMfceZgHmZqa6pycnPywr6/vA47jfPXAWbU0xOCOqE44u2K8Wl9oBUfMa+rq6hIWFhbGBwcHn9pBohogcRWwRiCRTUiACQ6ZYpxY9JAkFAopy8vLM4FAYKyRrgA1GGf1JperLGgEM4cNG4vF3olGo18TQkT9JsRmAdQw66NsGlbn7Ibdd0um2XzOblz6/ZWVlX8JIb8PDQ090gFJDU+e2sBeZ1hBU9NcqvIQzDMFALq+vp7GGP85MjLyBCHE1tPO1LP4eq4FG/hqnlGyeSiwsbHxfygUOu7t7Y00059JUY3ZHFm8k1lT0cGfnJw8c0ojepWFzd6CMpnM3y8AJPEkZ9khO4IAAAAASUVORK5CYII=);
    background-size: 100%;
}

.wap-ventana-body-options a {
    position: relative;
    padding: 5px 14px;
    margin: 5px 10px;
    border-radius: 32px;
    background-color: #f9f9f9;
    color: #4a4a4a;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
    display: block;
    transition: all 100ms ease-out;
}

.wap-ventana-body-options a:hover {
    background-color: #fff;
    padding-left: 18px;
}

.wap-ventana-cerrada {
    display: none !important;
}

.hidden-xs {
    display: inherit !important;
}

.show-xs {
    display: none;
}

@media (max-width: 767px) {
    .hidden-xs {
      display: none !important;
    }
    .show-xs {
        display: inherit !important;
    }
}