/* Grid noticias */

/* @import url(/styles.css); */

:root {
  --cantidad-sliders: 3;
  --importante-background: #376699;
  --importante-font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.section-importante {
  width: 100%;
  #max-width: 1440px;
  margin-top: -40px;
}

.slider2 {
  position: relative;
  width: 100%;
  /* max-width: 1020px; */
  margin: auto;
  overflow: hidden;
}

.slides {
  display: flex;
  transition: transform 1s ease-in-out;
  width: calc(var(--cantidad-sliders) * 100%);
}

.slide {
  width: calc(100% / var(--cantidad-sliders));
  display: flex;
  max-height: 350px;
}

.slide-title {
  flex: 0 0 40%;
  background-color: var(--importante-background);
  color: var(--color-texto1);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(1em + 1em);
  font-weight: 600;
  padding: 25px;
  z-index: 3;
}

.titulos {
  flex-direction: column;
}

.tit2 {
  font-family: var(--importante-font-family);
  font-size: calc(0.7em + 0.7em);
  text-transform: capitalize;
  text-align: center;
}

.tit1 {
  font-family: var(--importante-font-family);
  font-size: calc(1em + 1em);
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

/* .tit1 a {
  font-family: var(--importante-font-family);
  font-size: calc(1em + 1em);
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
} */

.slide-img {
  flex: 0 0 65%;
  position: relative;
}

.slide-img img {
  width: 89%;
  height: 100%;
  object-fit: fill;
  position: relative;
}

.importante {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  /* align-items: center; */
  padding: 10px;
  margin: 15px;
  background-color: var(--importante-background);
}

.tit-importante {
  width: 65%;
  background: linear-gradient(90deg, var(--color-principal), 75%, transparent);
  color: var(--color-texto1);
  font-size: calc(1.2em + 1.2em);
  font-family: var(--titulos);
  font-weight: 500;
  text-transform: uppercase;
  text-align: left;
  padding-left: 5%;
  position: relative;
  top: 70px;
  z-index: 10;
}

.filtro {
  background-color: var(--importante-background);
  width: 100%;
  right: 0;
  z-index: 2;
  position: absolute;
  height: 100%;
  opacity: 30%;
}

/* Mobile */
@media (max-width: 768px) {
  .tit-importante {
    font-size: calc(0.8em + 0.8em);
    top: 50px;
  }

  .section-importante {
    display: flex;
    flex-direction: column;
  }

  .tit1 a{
    font-size: calc(0.5em + 0.5em);
  }

  .slide-title {
    max-width: 40%;
    font-size: calc(0.5em + 0.5em);
  }
}

@media (max-width: 600px) {
  .tit1 a {
      font-size: calc(0.3em + 0.4em);
  }

  .tit-importante {
    font-size: calc(0.6em + 0.6em);
    top: 40px;
    width: 95%;
  }
}

@media (max-width: 375px) {
  .tit-importante {
    font-size: calc(0.6em + 0.6em);
    top: 30px;
    width: 95%;
  }

  .tit1 a {
    font-size: calc(0.3em + 0.3em);
  }

  .section-importante {
    display: flex;
    flex-direction: column;
  }

  .slide {
    max-height: 200px;
  }
}