/* $color-green: #63dec2;
$color-blue: #94daff;
$color-pink: #FFB0CD;
$color-orange: khaki; */
.pub-lateral-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pub-lateral-container .pub-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  -webkit-box-shadow: 0px 2px 6px -4px rgba(0, 9, 0, 0.7);
  box-shadow: 0px 2px 6px -4px rgba(0, 0, 0, 0.7);
}
.pub-lateral-container span.pub-texto {
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  color: #5b6e81;
}
.pub-lateral-container .pub-lateral {
  display: inline-block;
  margin-bottom: 10px;
  align-items: stretch;
  flex-grow: 1;
  height: 100%;
}
.pub-lateral-container .color-green {
  background: #94daff;
  background: linear-gradient(90deg, #1d496a 0%, #276592 100%);
  border: 1px solid #1f4f72;
}
.pub-lateral-container .area-icon-green {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(1, 4, 6, 0.5);
  display: grid;
  place-items: center;
  border: 1px solid #010406;
  margin: 10px;
  opacity: 0.5;
}
.pub-lateral-container .area-icon-green i {
  font-size: 2.3rem;
  color: white;
  opacity: 1;
}
.pub-lateral-container .color-blue {
  background: #94daff;
  background: linear-gradient(90deg, #4c779c 0%, #6690b4 100%);
  border: 1px solid #4f7ca2;
}
.pub-lateral-container .area-icon-blue {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(34, 53, 70, 0.5);
  display: grid;
  place-items: center;
  border: 1px solid #223546;
  margin: 10px;
  opacity: 0.5;
}
.pub-lateral-container .area-icon-blue i {
  font-size: 2.3rem;
  color: white;
  opacity: 1;
}
.pub-lateral-container .color-pink {
  background: #94daff;
  background: linear-gradient(90deg, #83c9c3 0%, #a7d9d5 100%);
  border: 1px solid #8accc7;
}
.pub-lateral-container .area-icon-pink {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(62, 143, 136, 0.5);
  display: grid;
  place-items: center;
  border: 1px solid #3e8f88;
  margin: 10px;
  opacity: 0.5;
}
.pub-lateral-container .area-icon-pink i {
  font-size: 2.3rem;
  color: white;
  opacity: 1;
}
.pub-lateral-container .color-orange {
  background: #94daff;
  background: linear-gradient(90deg, #ede175 0%, #f3eba3 100%);
  border: 1px solid #eee37e;
}
.pub-lateral-container .area-icon-orange {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(201, 183, 26, 0.5);
  display: grid;
  place-items: center;
  border: 1px solid #c9b71a;
  margin: 10px;
  opacity: 0.5;
}
.pub-lateral-container .area-icon-orange i {
  font-size: 2.3rem;
  color: white;
  opacity: 1;
}

/*# sourceMappingURL=box.css.map */