@charset "UTF-8";

.filter_banner {
  filter: brightness(0.6);
}

.texto {
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translate(-50%, -50%);
}

.sobreText {
  position: relative;
  text-align: left;
  color: white;
}

.ofreceButton {
  border-radius: 50px !important;
  background: #bccd33 !important;
  color: white !important;
  border-color: #bccd33 !important;
  font-size: medium !important;
  width: 30% !important;
}

.imagenBanner {
  width: 98%;
  height: auto;
}

.tituloInterno {
  color: white;
  width: 60%;
  font-size: xxx-large !important;
}

.parrafoInterno {
  color: white;
  font-size: medium !important;
  width: 60%;
}

.buttonMovil {
  width: 100%;
  justify-content: center;
  display: none !important;
}

.buttonMovilItem {
  width: 50% !important;
  border-radius: 50px !important;
  background: #bccd33 !important;
  color: white !important;
  border-color: #bccd33 !important;
  font-size: small !important;
}

.tituloProductosNuevos {
  font-family: frutiger-bold;
}

.fullCarousel {
  width: 100%;
}

.tituloInicial {
  color: rgb(47, 108, 140);
  font-weight: bold;
  font-family: frutiger !important;
  font-size: xxx-large;
}

.parrafoInicial {
  font-weight: bold;
  font-family: "Nunito";
  letter-spacing: 0px;
  font-size: 1.5rem;
}

.imagenbannerTemporada {
  width: 100%;
  height: auto;
}

.tituloInicialTemporada {
  color: white;
  font-size: -webkit-xxx-large;
  font-weight: bold;
  font-family: frutiger-bold !important;
}

.parrafoInicialTemporada {
  color: white;
  font-weight: 500;
  font-family: frutiger !important;
  font-size: 1.4rem;
}

.temporadaProductos {
  background-color: rgb(47, 108, 140);
}

.tituloCategoria {
  color: rgb(47, 108, 140);
  font-size: xxx-large;
}

.middle {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.buttonTemporada {
  width: 30% !important;
  border-radius: 50px !important;
  background: #bccd33 !important;
  color: white !important;
  border-color: #bccd33 !important;
  font-size: 1.3rem;
}

.tituloAliados {
  color: rgb(47, 108, 140);
  font-size: xx-large;
}

.displayMovil {
  display: none;
}

.ct_text_description_banner {
  /*contenedor texto banner principal*/
  min-height: 130px;
}

.experiencia-tti {
  padding-bottom: 100px;
}

.ct_marcas_destacadas {
  padding: 20px 100px;
}

#container-marca:hover #btn_go_store {
  transform: scale(1.05);
  /* escala el div 5% más grande */
}

#container-marca img {
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.39);
}

#btn_go_store {
  background: #2f6c8c;
  padding: 5px 0px;
  border-radius: 10px;
  color: white;
}

@media (max-width: 600px) {
  .experiencia-tti {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ofreceButton {
    font-size: small !important;
    width: 40% !important;
  }

  .tituloInterno {
    font-size: xx-large !important;
    width: 100%;
  }

  .parrafoInterno {
    font-size: medium !important;
    width: 60%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct_marcas_destacadas {
    padding: 0px 40px;
  }

  .ofreceButton {
    font-size: x-small !important;
    width: 40% !important;
  }

  .tituloInterno {
    font-size: medium !important;
    width: 80%;
  }

  .parrafoInterno {
    font-size: small !important;
    width: 100%;
  }
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .ct_marcas_destacadas {
    padding: 0px 30px;
  }

  .ofreceButton {
    font-size: xx-small !important;
    width: 40% !important;
  }

  .tituloInterno {
    font-size: x-small !important;
    width: 100%;
  }

  .parrafoInterno {
    font-size: xx-small !important;
    width: 100%;
    margin-bottom: 0%;
  }

  .tituloAliados {
    font-size: xx-large;
  }

  .pantallaButton {
    display: none !important;
  }

  .buttonMovil {
    justify-content: center;
    display: flex !important;
  }

  .tituloInicial {
    font-size: xx-large;
  }

  .tituloInicialTemporada {
    font-size: xx-large;
  }

  .tituloCategoria {
    font-size: xx-large;
  }

  .displayMovil {
    display: block;
  }
}

@media only screen and (max-width: 299px) {
  .ofreceButton {
    font-size: xx-small !important;
    width: 40% !important;
  }

  .tituloInterno {
    font-size: x-small !important;
    width: 100%;
  }

  .parrafoInterno {
    font-size: 50% !important;
    width: 100%;
    margin-bottom: 0%;
  }

  .pantallaButton {
    display: none !important;
  }

  .buttonMovil {
    justify-content: center;
    display: flex !important;
  }
}

