.contenerdor_todo, .contenedor_banner, .contenedor_imagen, .contenedor_txt {
  width: 100%;
  text-align: -webkit-center;
}
.contenedor_txt p {
  padding: 20px 0px;
}
.contenedor_imagen {
  width: 85%;
  position: relative;
}
.contenedor_imagen img{
  width: 100%;
}
.contenedor_fondo_txt {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #F8F9FB;
  text-align: -webkit-center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
h1, h2, h3, h4, p {
  color: #121C79;
  margin-bottom: 10px;
}
a {
    text-decoration: none;
}
.contenedor_numeros {
  display: flex;
  justify-content: center;
}
.contenedor_numeros > div {
  display: flex;
  padding: 0px 15px;
}

.espacio_secc_contenedor {
  width: 100%;
  margin: 30px 0px;
  display: inline-block;
  text-align: -webkit-center;
}
.contenedor_responsivo {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: space-around;
}

.btn_general {
  padding: 10px;
  margin: 5px 0px;
  min-width: 80%;
}
.contenedor_select select {
  height: 36px;
  width: 200px;
  margin: 5px 0px;
  padding: 2px 5px;
}
.input_general {
    width: 200px;
    height: 36px;
    padding: 5px;
    margin: 5px 0px;
}
.titulo_producto {
  font-size: 16px;
}
.titulo_precio {
  font-size: 14px;
  margin: 5px 0px;
}

.imagenes_producto {
    height: 65%;
}
.hover_agregar_a {
    height: 35%;
    position: relative;
}
.btn_agregar_a {
    opacity: 0;
    display: none;
}
.btn_agregar_a a,
.btn_agregar_a button {
    cursor: pointer;
}
.hover_agregar_a:hover > .btn_agregar_a {
    position: absolute;
    top: 22%;
    right: 0px;
    left: 0px;
    bottom: 0px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.hover_agregar_a:hover > .titulos_producto {
    opacity: 0.5;
    -webkit-transition: all .35s 0s ease;
    -moz-transition: all .35s 0s ease;
    -o-transition: all .35s 0s ease;
    transition: all .35s 0s ease;
}
.titulos_producto {
    opacity: 1;
    -webkit-transition: all .35s 0s ease-in;
    -moz-transition: all .35s 0s ease-in;
    -o-transition: all .35s 0s ease-in;
    transition: all .35s 0s ease-in;
}



/* @media only screen and (max-width: 768px) {
  .contenedor_responsivo {
    flex-flow: column;
  }
} */


/*inicio css hover*/
.hover_img {
  position: relative;
}
.txt_img_centro_hover {
  display: none;
  color: #ffffff;
  position: absolute;
}
.txt_img_centro_hover > div {
  width: 150px;
  padding: 5px;
  cursor: pointer;
}
.hover_img:hover .hover_img_overlay {
  top: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000000b5;
  transition: background-color 1.2s ease;
}
.hover_img:hover .txt_img_centro_hover {
  /* top: 50%; */
  opacity: 1;
  z-index: 1;
  width: 100%;
  /* display: block; */
  text-align: -webkit-center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* margin: auto; */
  height: 99%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hover_img:hover .txt_img_centro_hover > div:hover {
  border: 1px solid #ffffff;
}
/*fin css hover*/

.contenedor_4_productos_home_banner {
  top: 0px;
  width: 50%;
  right: 0px;
  height: 100%;
  display: flex;
  flex-flow: wrap;
  position: absolute;
  place-content: center;
  justify-content: center;
}
.contenedor_4_productos_home_banner .hover_img{
  width: 45%;
  margin: 5px;
  min-width: 45%;
  position: relative;
}
.contenedor_4_productos_home_banner .txt_img_centro_hover > div {
  width: 100px;
}

.contenerdor_todo .contenedor_txt {
  margin-top: 30px;
  margin-bottom: 30px;
}

.contenedor_promociones {
  display: flex;
  width: 85%;
}

.cuadro_p_1 {
  width: 32%;
  align-self: center;
}
.cuadro_p_2 {
  width: 68%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cuadro_promociones .hover_img {
  width: 48%;
  margin: 5px;
  height: min-content;
}
.cuadro_promociones.cuadro_p_1 .hover_img {
  margin: 0px;
  width: 100%;
}
.cuadro_promociones .hover_img img{
  width: 100%;
}

.seccion_quienes_somos{
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.seccion_quienes_somos > div {
  width: 50%;
}
.seccion_quienes_somos > div > div {
  padding: 40px;
  text-align: left;
}
.seccion_quienes_somos > div > div h3{
  margin-bottom: 15px;
}



.seccion_suscribete {
  margin-top: 30px;
  margin-bottom: 30px;
}
.seccion_suscribete .contenedor_txt {
  background-color: #F8F9FB;
  padding-top: 30px;
  padding-bottom: 30px;
}
.contenedor_btns_suscribete {
  display: flex;
  margin-top: 25px;
  margin-bottom: 25px;
}
.contenedor_btns_suscribete div:first-child {
  width: 100%;
  padding: 5px;
  text-align: -webkit-right;
}
.contenedor_btns_suscribete div:nth-child(2) {
  width: 100%;
  padding: 5px;
  text-align: -webkit-left;
}
.contenedor_btns_suscribete div:first-child input, .contenedor_btns_suscribete div:nth-child(2) button{
  width: 80%;
  padding: 5px;
}
.seccion_suscribete .contenedor_aviso {
  display: flex;
  align-items: center;
  justify-content: center;
}
.seccion_suscribete .contenedor_aviso input {
  margin: 5px;
}
.seccion_suscribete .contenedor_aviso a {
  color: #000000;
  text-decoration: none;
}


.seccion_soluciones .contenedor_txt {
  margin-top: 30px;
  margin-bottom: 30px;
}
.seccion_soluciones .hover_img img {
  width: 100%;
}
.contenedor_tipo_soluciones {
  display: flex;
}
.contenedor_tipo_soluciones .img_hover_media {
  width: 50%;
}
.contenedor_tipo_soluciones .img_hover_cuarto {
  width: 25%;
}

@media only screen and (max-width: 768px){
  .top_menu{
    flex-flow: wrap;
  }
  .contenedor_menu {
    top: 0px;
    z-index: 5;
    width: 100%;
    position: absolute;
  }
  #opciones_menu {
    height: 110vh;
    display: block;
    background-color: #000000;
  }
  .menu ul li{
    color: #ffffff !important;
  }
  .menu ul li:hover {
    cursor: pointer;
    background-color: #9e9e9e80 !important
  }
  .menu ul li:hover ul li {
    display: block;
    background-color: #9e9e9e80 !important
  }

  .contenedor_imagen {
    width: 100%;
  }

  .contenedor_promociones {
    flex-wrap: wrap;
  }
  .cuadro_p_1, .cuadro_p_2 {
    width: 100%;
  }
  .cuadro_p_1 .hover_img, .cuadro_p_2 .hover_img {
    width: 100%;
  }

  .seccion_quienes_somos{
    width: 100%;
    flex-flow: column-reverse;
  }
  .seccion_quienes_somos > div {
    width: 75%;
  }
  .seccion_quienes_somos > div > div {
    padding: 40px 0px;
  }

  .contenedor_btns_suscribete {
    display: block;
    text-align-last: center;
  }

  .contenedor_tipo_soluciones {
    display: block;
  }
  .contenedor_tipo_soluciones .img_hover_media {
    width: 100%;
  }
  .contenedor_tipo_soluciones .img_hover_cuarto {
    width: 100%;
  }
  .contenedor_numeros {
    display: block;
  }
}

@media only screen and (max-width: 469px){
  .contenedor_4_productos_home_banner .txt_img_centro_hover > div {
    width: 75px;
    display: flex;
    justify-content: center;
  }
  .contenedor_4_productos_home_banner .txt_img_centro_hover > div span{
    font-size: 10px;
  }
  .contenedor_4_productos_home_banner .hover_img {
    width: 40%;
    min-width: 40%;
  }
}
