/* Generated by less 3.11.1 */
*,
*:before,
*:after {
  box-sizing: border-box;
}
body {
  font-size: 16px;
  background-color: #f8f9fa;
  color: #232323;
  font-family: 'Montserrat', sans-serif;
  padding-bottom: 40px;
}
.hide {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.hero {
  background-color: #1ebea5;
  color: white;
}
.hero a {
  color: white;
  border-bottom: solid white 1px;
  transition: all 0.6s;
}
.hero a:hover {
  text-decoration: none;
  padding-bottom: 4px;
}
.main {
  background-color: white;
  box-shadow: 0 8px 16px -4px #075E54;
  padding: 24px;
}
.main p {
  font-size: 1.3em;
  color: #075E54;
}
.main .ejemplo {
  padding-left: 36px;
}
.main .ejemplo p {
  font-size: 0.6em;
  color: rgba(7, 94, 84, 0.4);
}
.main textarea,
.main .emoji-wysiwyg-editor {
  background-color: #edf8f5;
  border-radius: 8px;
  border: none;
  color: #075E54;
  height: 200px !important;
  line-height: 1.7em !important;
  margin-bottom: 16px;
  padding: 8px 40px 8px 16px !important;
  word-break: break-all;
}
.main .emoji-menu {
  top: 32px;
}
.main .btn {
  width: auto;
}
.main .btn-outline-primary {
  border-color: #01e675;
  color: #01e675;
}
.main .btn-outline-primary:hover {
  background-color: rgba(1, 230, 117, 0.2) !important;
}
.main .btn-main {
  background-color: #01e675;
  color: white;
  font-weight: bold;
  margin-left: 8px;
}
.btn {
  display: inline-block;
}
.btn.btn-wa {
  background-color: #01e675;
  padding: 7px 24px;
  border-radius: 40px;
  border: none;
  border-bottom: solid 2px #075E54;
}
.btn.btn-wa img {
  height: 80%;
}
.btn.btn-wa:hover {
  color: white;
  padding: 7px 24px;
}
