/*body{
     background-image: url(../template/007-PP-WEB-Promociones-202501-v0.jpg);
     background-position: center top;
     background-repeat: no-repeat;
     height: 9500px;
     width: 100%;
}*/
.seccion1-promociones {
  padding-top: 120px;
  padding-bottom: 80px;
}
.seccion1-promociones .container .content .cuadro-gris {
  display: flex;
  flex-wrap: wrap;
  padding-left: 85px;
  padding-top: 75px;
  padding-bottom: 55px;
  background-color: #F4F4F4;
}
.seccion1-promociones .container .content .cuadro-gris .content-titulo {
  width: 40%;
}
.seccion1-promociones .container .content .cuadro-gris .content-titulo .t1 {
  text-align: left;
  margin-bottom: 20px;
}
.seccion1-promociones .container .content .cuadro-gris .content-txt {
  width: 60%;
}
.seccion1-promociones .container .content .cuadro-gris .content-txt .txt1 {
  margin-bottom: 30px;
}
.seccion1-promociones .container .content .img {
  width: 100%;
}
.seccion2-promociones {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: var(--color-sitio);
}
.seccion2-promociones.parallax {
  background-image: url('../img/negocio/parallax.jpg');
}
.seccion2-promociones .container .content {
  text-align: center;
}
.seccion2-promociones .container .content .txt1 {
  margin-bottom: 35px;
}
.seccion2-promociones .container .content .btn {
  margin: 0 15px;
}
.seccion3-promociones {
  padding-top: 60px;
  padding-bottom: 60px;
}
/* ====================================================================================================================================================
   RESPONSIVE DESIGN
   ==================================================================================================================================================== */
@media all and (max-width: 1199px) {
  .seccion1-promociones .container .content .cuadro-gris {
    padding: 50px 15px;
  }
}
@media all and (max-width: 768px) {
  .seccion1-promociones .container .content .cuadro-gris {
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
  .seccion1-promociones .container .content .cuadro-gris .content-titulo {
    width: 100%;
  }
  .seccion1-promociones .container .content .cuadro-gris .content-titulo .t1 {
    text-align: center;
  }
  .seccion1-promociones .container .content .cuadro-gris .content-titulo .btn {
    display: block!important;
    margin: auto!important;
    margin-bottom: 30px!important;
  }
  .seccion1-promociones .container .content .cuadro-gris .content-txt {
    width: 100%;
  }
  .seccion1-promociones .container .content .cuadro-gris .content-txt p {
    text-align: center;
  }
}
@media all and (max-width: 639px) {
  .seccion1-promociones {
    padding-top: 50px;
  }
  .seccion2-promociones {
    padding: 50px 0;
  }
  .seccion2-promociones .container .content .btn {
    display: block!important;
    margin: auto!important;
    margin-bottom: 15px!important;
    width: 100%!important;
  }
  .seccion3-promociones {
    padding-bottom: 0;
  }
}