.shortcode-sectores {
  margin: 60px auto;
  max-width: 100% !important;
  width: 840px !important;
}
.shortcode-sectores ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.shortcode-sectores ul li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f28c13;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 calc(25% - 6px);
          flex: 0 calc(25% - 6px);
  height: 80px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3px;
  padding: 0;
  -webkit-transition: none;
  transition: none;
}
.shortcode-sectores ul li.hover, .shortcode-sectores ul li:hover {
  background: #ff9f3a;
  cursor: pointer;
}
.shortcode-sectores ul li a {
  border-radius: 5px;
  color: #ffffff !important;
  display: block;
  font-family: "Guardian Sans Black", sans-serif;
  font-size: 16px;
  height: auto;
  line-height: 1;
  padding: 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  width: 100%;
}
.shortcode-sectores ul li a::before {
  background: var(--imagen-sector) center center no-repeat transparent;
  background-size: cover;
  border-radius: 5px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.shortcode-sectores ul li a:hover {
  background: #ff9f3a;
}
@media screen and (max-width: 414px) {
  .shortcode-sectores ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 375px) {
  .shortcode-sectores ul li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 320px) {
  .shortcode-sectores ul li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 840px) {
  .shortcode-sectores ul li {
    -webkit-box-flex: calc(33% - 6px);
        -ms-flex: calc(33% - 6px);
            flex: calc(33% - 6px);
  }
}
@media screen and (max-width: 699px) {
  .shortcode-sectores ul li {
    -webkit-box-flex: calc(50% - 6px);
        -ms-flex: calc(50% - 6px);
            flex: calc(50% - 6px);
  }
}
@media screen and (max-width: 699px) {
  .shortcode-sectores {
    max-width: 90vw !important;
  }
}
/*# sourceMappingURL=shortcode-sectores.css.map */