@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");
.banner-especial {
  text-decoration: none;
}
.banner-especial .conten-img-banner {
  margin: 8px auto;
  background: url("https://www.eltiempo.com/maquetacion/modulos-html-libre/portafolio/2023/05/banner-especial/banner-dk-especialPO.png") no-repeat 100% center/100%;
  width: 100%;
  max-width: 1200px;
  height: 100px;
  position: relative;
}
.banner-especial .conten-img-banner::after {
  content: "VER ESPECIAL";
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: clamp(17px, 1.5vw, 20px);
  color: #fff;
  background: #3396a0;
  width: clamp(152px, 20vw, 190px);
  height: clamp(35px, 5vw, 42px);
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

@media screen and (max-width: 768px) {
  .banner-especial .conten-img-banner {
    margin: 10px auto;
    background: url("https://www.eltiempo.com/maquetacion/modulos-html-libre/portafolio/2023/05/banner-especial/banner-mb-especialPO.png") no-repeat 100% center/100%;
    width: 100%;
    max-width: 320px;
    height: 320px;
  }
  .banner-especial .conten-img-banner::after {
    font-size: 17px;
    width: 152px;
    height: 35px;
    right: 15px;
    top: auto;
    transform: translateY(0);
    bottom: 16px;
  }
}/*# sourceMappingURL=index.css.map */