.iconoWhats{position:fixed;z-index:999;right:40px;bottom:75px;text-align:right}.abro{z-index:999;right:40px;bottom:15px;float:right}.abro i{width:50px;height:50px;font-size:33px;background-color:green;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.aaaa{display:none;height:100%;z-index:9999;top:0;position:static}.page{width:380px;height:100%;display:flex;align-items:center;justify-content:center}.marvel-device .screen{text-align:left}.screen-container{height:100%}.caja-form{padding:15px 5px;background-color:#373737;border:3px solid #222325;border-radius:10px;max-width:390px}.caja-form .btn{color:#222325}.caja-form .btn-custom:hover{background-color:#fff}.caja-form h4{text-align:center;font-size:20px;margin-bottom:5px;font-family:sans-serif}.caja-form .form-group{display:flex;align-items:center;justify-content:center}.caja-form .realperson-challenge,.caja-form .realperson-regen{color:#fff!important}.caja-form .realperson-text{font-size:5px;line-height:3px}.status-bar{height:25px;background:#004e45;color:#fff;font-size:14px;padding:0 8px}.status-bar:after{content:"";display:table;clear:both}.status-bar div{float:right;position:relative;top:50%;transform:translateY(-50%);margin:0 0 0 8px;font-weight:600}.chat{height:calc(100% - 69px)}.chat-container{height:100%}.user-bar{height:55px;background:#005e54;color:#fff;padding:0 8px;font-size:24px;position:relative;z-index:1;border-top-right-radius:15px;border-top-left-radius:15px}.user-bar:after{content:"";display:table;clear:both}.user-bar div{float:left;transform:translateY(-50%);position:relative;top:50%}.user-bar .actions{float:right;margin:0;right:7px;cursor:pointer}.user-bar .actions img{height:28px}.user-bar .actions.more{margin:0 12px 0 20px}.user-bar .actions.attachment{margin:0 0 0 20px}.user-bar .actions.attachment i{display:block}.user-bar .avatar{margin:0 0 0 5px;width:45px;height:auto;display:flex}.user-bar .avatar img{border-radius:50%;box-shadow:0 1px 0 rgba(255,255,255,.1);display:block;width:100%}.user-bar .name{font-size:17px;font-weight:600;text-overflow:ellipsis;letter-spacing:.3px;margin:0 0 0 8px;overflow:hidden;white-space:nowrap;width:110px}.user-bar .status{display:block;font-size:13px;font-weight:400;letter-spacing:0}.conversation{height:225px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;position:relative;background:url(https://i.ibb.co/3s1f9Jq/default-wallpaper.png);z-index:0}.conversation ::-webkit-scrollbar{transition:.5s;width:5px;height:1px;z-index:10}.conversation ::-webkit-scrollbar-track{background:0 0}.conversation ::-webkit-scrollbar-thumb{background:#b3ada7}.conversation .conversation-container{height:calc(100% - 68px);box-shadow:inset 0 10px 10px -10px #000;overflow-x:hidden;padding:0 16px;margin-bottom:19px}.conversation .conversation-container:after{content:"";display:table;clear:both}.message{color:#000;clear:both;line-height:18px;font-size:15px;padding:8px;position:relative;margin:8px 0;max-width:85%;word-wrap:break-word;z-index:-1}.message:after{position:absolute;content:"";width:0;height:0;border-style:solid}.metadata{display:inline-block;float:right;padding:0 0 0 7px;position:relative;bottom:-4px}.metadata .time{color:rgba(0,0,0,.45);font-size:11px;display:inline-block}.metadata .tick{display:inline-block;margin-left:2px;position:relative;top:4px;height:16px;width:16px}.metadata .tick svg{position:absolute;transition:.5s ease-in-out}.metadata .tick svg:first-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg)}.metadata .tick svg:last-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}.metadata .tick-animation svg:first-child{-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}.metadata .tick-animation svg:last-child{-webkit-transform:perspective(800px) rotateY(-179.9deg);transform:perspective(800px) rotateY(-179.9deg)}.message:first-child{margin:16px 0 8px}.message.received{background:#fff;border-radius:0 5px 5px;float:left}.message.received .metadata{padding:0 0 0 16px}.message.received:after{border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;top:0;left:-10px}.message.sent{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right}.message.sent:after{border-width:0 0 10px 10px;border-color:transparent transparent transparent #e1ffc7;top:0;right:-10px}.conversation-compose{display:flex;flex-direction:row;align-items:flex-end;overflow:hidden;height:40px;width:100%;z-index:2}.conversation-compose input::-webkit-input-placeholder{color:#000}.conversation-compose input:-moz-placeholder{color:#000}.conversation-compose input::-moz-placeholder{color:#000}.conversation-compose input:-ms-input-placeholder{color:#000}.conversation-compose div,.conversation-compose input{background:#fff;height:100%;color:#000}.conversation-compose .emoji{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50% 0 0 50%;flex:0 0 auto;margin-left:8px;width:38px;height:38px}.conversation-compose .input-msg{border:0;flex:1 1 auto;font-size:14px;margin:0;outline:0;min-width:50px;height:38px}.conversation-compose .photo{flex:0 0 auto;border-radius:0 30px 30px 0;text-align:center;width:auto;display:flex;padding-right:6px;height:38px}.conversation-compose .photo img{display:block;color:#7d8488;font-size:24px;transform:translate(-50%,-50%);position:relative;top:50%;margin-left:10px}.conversation-compose .send{background:0 0;border:0;cursor:pointer;flex:0 0 auto;margin-right:8px;padding:0;position:relative;outline:0;margin-left:.5rem}.conversation-compose .send .circle{background:#008a7c;border-radius:50%;color:#fff;position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.conversation-compose .send .circle i{font-size:24px;margin-left:1px}.contactoFormu i{background-color:#484847}.whatsFormu i{background-color:green}@media (max-width:768px){.openWhats{width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);-webkit-filter:none!important}.page{width:100%}.openWhats .aaa{position:absolute;left:40%}.marvel-device.nexus5{border-radius:0;flex:none;padding:0;max-width:none;overflow:hidden;height:100%;width:100%}.marvel-device>.screen .chat{visibility:visible}.marvel-device{visibility:hidden}.marvel-device .status-bar{display:none}.screen-container{position:absolute;top:0;left:0;right:0;bottom:0}.openWhats .screen-container{display:flex;align-items:center;justify-content:center}.openWhats .chat{width:325px}.openWhats .conversation{height:200px}.openWhats .conversation .conversation-container{height:130px}}@media (max-width:575px){.abro i{width: 40px;height: 40px;font-size: 29px;padding-left: 1px;padding-bottom: 1px}}