@font-face {
  font-family: BentonSansBBVAMedium;
  src: url(f230684b9ad9fb16a00d.woff2);
}

@font-face {
  font-family: BentonSansBBVABold;
  src: url(069e46a4f1685da7ee0e.woff2);
}

@font-face {
  font-family: BentonSansBBVABook;
  src: url(12a56ff2e246c469f6df.woff2);
}

@font-face {
  font-family: BentonSansBBVALight;
  src: url(8746b1aa0ffcb4c16b0e.ttf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: BentonSansBBVABook;
    font-size: 16px;
}

html, body {
    width: 100%;
    z-index: 1;
    background-color: #ffffff;
    overflow-x: hidden;
}

a{
  text-decoration: none;
  color: #256acb;
  font-weight: 800;
}

#main {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto auto auto;
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 50px;
    position: relative;
}

.main-header{
    display: grid;
    grid-template-columns: auto max-content max-content;
    margin-top: 20px;
}

.main-title{
    margin-bottom: 20px;
    color: #072146;
}

.main-title > p{
    font-size: 30px;
}

.big-card{
    width: 100%;
    height: auto;
    padding: 20px 10px;
    background-color: #ffffff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-bottom: 20px;
}

.new-article-drop-zone{
    width: 100%;
    min-height: 300px;
    position: relative;
  }

  .new-article-input-container{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    border: 1px solid #d2d2d2;
    background-repeat: no-repeat;
    background-position: center;
  }

  .new-article-input-container:hover .add-cliente-tooltip{
    opacity: 1;
  }

  .new-article-input{
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }

  .new-article-input-container-2{
    position: absolute;
    width: 100%;
    height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #ffffff;
    transition: all .3s;
    opacity: 0;
    cursor: copy;
 }

 .new-article-input-container-2-show{
    border: 2px dashed #000000;
    opacity: 1;
    height: 100%;
 }

 .new-article-input-container-2 > span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px;
 }

 .add-portada-input-img{
    width: 0;
    height: 0;
    opacity: 0;
 }

 .add-cliente-tooltip{
  position: absolute;
  width: max-content;
  background: #ffffff;
  color: #000000;
  transition: all .3s;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  opacity: 0;
}

.add-cliente-tooltip::before{
  content:'';
  display:block;
  width:0;
  height:0;
  position:absolute;

  border-top: 8px solid white;
  border-bottom: 8px solid transparent;
  border-right:8px solid transparent;
  border-left:8px solid transparent;
  bottom: -15px;
  left:50%;
  transform: translateX(-50%);
}

.add-cliente:hover .add-cliente-tooltip{
  opacity: 1;
}

.add-cliente-2:hover .add-cliente-tooltip{
  opacity: 1;
}

.grid-2{
  display: grid;
  grid-template-columns: 50% 50%;
}

.dashboard-main{
  display: grid;
  grid-template-columns: 250px auto;
  height: 100vh;
}

.MG591{
  font-size: 20px !important;
}

@media (max-width: 756px) {
  #main{
    padding: 10px;
  }
  .grid-2{
    grid-template-columns: 100%;
  }
  .dashboard-main{
    grid-template-columns: 100%;
  }
  .MG591{
    font-size: 17px !important;
    margin-top: 50px !important;
  }
}



/* _____________________________________SPHERICA_________________________________________________________________ */
@font-face {
  font-family: TiemposHeadline-Bold;
  src: url(9c272c59dd3bfba0a070.ttf);
}
@font-face {
  font-family: TiemposHeadline-BoldItalic;
  src: url(ac975441e6ec9ef7036c.ttf);
}

@font-face {
  font-family: TiemposTextWeb-Regular;
  src: url(7020b71833975339e600.woff);
}

@font-face {
  font-family: TiemposTextWeb-RegularItalic;
  src: url(eaa85a138edc9017f388.woff);
}

@font-face{font-family:"revicons";fallback:fallback;src:url(data:font/woff;base64,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) format('woff'),url(57fd05d4ae650374c8de.ttf) format('ttf'),url(a77de540a38981833f9e.eot) format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}
.category-slider-container{
    max-width: 1200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 100px auto 20px auto;
}

.category-slider-item{
    width: 95%;
    height: 90px;
    background-color: #ffffff;
    margin: 10px;
    position: relative;
    cursor: pointer;
    transition: all .3s;
    margin: auto;
}

.category-slider-item:hover{
    background-color: #f0f0f0;
}

.category-slider-item-selected{
    border: 3px solid #1973B8;
    border-radius: 5px;
}

.category-slider-body{
    text-align: center;
}

.category-slider-img{
    width: 20px;
    height: 20px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.category-slider-label{
    font-size: 13px;
    color: #1973B8;
}

.category-slider-desk{
    width: 95%;
    padding: 10px 20px;
    max-width: 1200px;
    margin:60px auto auto auto;
}

.category-slider-desk .react-multiple-carousel__arrow--left{
    right: 0 !important;
    z-index: 4;
    cursor: pointer;
}

.category-slider-desk .react-multiple-carousel__arrow--right{
    right: 0 !important;
    z-index: 4;
    cursor: pointer;
}

.custom-right-arrow{
    position: absolute;
    width: 40px;
    right: -14px;
    cursor: pointer;
}

.custom-left-arrow{
    position: absolute;
    width: 40px;
    left: -14px;
    cursor: pointer;
}

.category-slider-item:hover{
   background: unset;
}

.carousel-container{
   width: 1200px;
   margin: auto;
}

.custom-carousel-selected-category{
    border: 2px solid #072146;
    border-radius: 5px;
}

@media (max-width: 740px) {
    .category-slider-container{
       width: 100%;
       display: grid;
       grid-template-columns: 33% 33% 33%;
    }
    .category-slider-item{
        margin: 10px 0px;
    }
}

.button{
  width: 100%;
  max-width: 200px;
  background-color: #1973B8;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all .3s;
  padding: 20px;
}

.button:disabled{
    background-color: #cccccc !important;
}
.promotions-list-container{
    max-width: 1200px;
    margin: auto;
    width: 100%;
    padding: 80px 10px 80px 10px;
    display: grid;
    grid-template-columns: 47% 47%;
    row-gap: 50px;
    column-gap: 6%;
}

.promotions-list-container-2{
    max-width: 1200px;
    margin: auto;
    width: 100%;
    padding: 80px 10px 80px 10px;
    display: grid;
    grid-template-columns: 47% 47%;
    row-gap: 50px;
    column-gap: 6%;
}

.promotions-list-container-3{
    max-width: 1200px;
    margin: auto;
    width: 100%;
    padding: 10px 5px 80px 5px;
    display: grid;
    grid-template-columns: 100%;
    row-gap: 20px;
}

.promotions-list-container-4{
    grid-template-columns: 32% 32% 32%;
    column-gap: 2%;
}

.promotions-list-container-4 .promotion-title{
    font-size: 14px;
}

.promotions-list-container-4 .promotion-logo{
    max-width: 150px;
}

.promotion-item-container{
    background-color: #ffffff;
    overflow: hidden;
    display: grid;
    grid-template-columns: 40% 60%;
    width: 100%;
    max-width: 100%;
    height: 250px;
    max-height: 250px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

.promotion-item-body{
    padding: 10px;
    display: grid;
    grid-template-rows: 33% auto 40px;
}

.promotion-item-div{
    position: relative;
    text-align: center;
}

.promotion-item-body-d .promotion-item-div:first-of-type{
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.promotion-title{
    font-size: 17px;
    font-weight: lighter;
    text-align: left;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.promotion-link{
    color: #1973B8;
    font-size: 15px;
    font-weight: 800;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
}

.promotion-marca{
    width: max-content;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: 800;
    font-size: 22px;
}

.promotion-logo{
    text-align: center;
    max-height: 80px;
    max-width: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.promotion-item-background{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.promo-columns-icons-c{
    display: none;
    padding: 0 10px;
    margin-bottom: 10px;
}

.promo-columns-icons{
    width: max-content;
    float: right;
}

.promo-columns-icon{
    width: 35px;
    opacity: .3;
}

.promo-columns-selected{
    opacity: 1;
}

.promotions-list-container-3 .promotion-item-container{
    grid-template-columns: 40% 60%;
    margin: auto auto 20px auto;
}

.promotions-list-container-3 .promotion-item-background{
    height: 100%;
}

.promotions-list-container-3 .promotion-title{
    font-size: 14px;
}

.promotions-list-container-3 .promotion-logo{
    max-width: 150px;
}

.promotion-item-body-d{
    padding: 10px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}

.promotion-logo-d{
    text-align: center;
    max-height: 80px;
    max-width: 250px;
}

@media (max-width: 740px) {
    .promotions-list-container{
        grid-template-columns: 100%;
        padding: 10px 10px 80px 10px;
    }
    .promotion-item-container{
        grid-template-columns: 100%;
        height: max-content;
        max-height: unset;
        width: 90%;
        margin: auto;
    }
    .promotions-list-container-4{
        grid-template-columns: 100%;
    }
    .promotion-item-background{
        height: 250px;
    }
    .promotion-item-body{
        min-height: 300px;
    }
    .promo-columns-icons-c{
        display: block;
    }
    .promotion-logo-d{
        width: 100%;
        object-fit: contain;
        margin-bottom: 10px;
    }
    .promotion-item-body-d{
        min-height: 150px;
    }
    .promotions-list-container-2{
        max-width: 1200px;
        margin: auto;
        width: 100%;
        padding: 10px 5px 80px 5px;
        display: grid;
        grid-template-columns: 50% 50%;
        row-gap: 20px;
        column-gap: unset;
    }
    .promotions-list-container-2 .promotion-item-container{
        width: 92%;
    }
    
    .promotions-list-container-2 .promotion-item-background{
        height: 180px;
    }
    
    .promotions-list-container-2 .promotion-item-body{
        padding: 5px;
    }
    
    .promotions-list-container-2 .promotion-logo{
        max-width: 160px;
    }
    
    .promotions-list-container-2 .promotion-title{
        font-size: 14px;
    }
}
.promotion-category-title{
    text-align: center;
    font-size: 25px;
    font-Family: "BentonSansBBVABold" !important;
}
@media (max-width: 740px) {
.promotion-category-title{
    font-size: 18px;
    margin-bottom: 20px;
}
}

.hero_section {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 0 52px;
  width: 100%;
  height: 400px;
  background-color: #004481;
}

.hero_promociones_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  padding: 35px;
  max-width: 520px;
}

.hero_promo_img {
  width: 136px;
  height: auto;
}

.hero_promo_top {
  display: flex;
  align-items: center;
}

.hero_promo_text {
  color: #5BBEFF;
  font-size: 40px;
  font-weight: 700;
}

.hero_promo_sub {
  color: #666;
  font-weight: 400;
  font-size: 26px;
}

.hero_promo_bbva { 
  font-size: 40px;
  font-weight: 700;
  color: #004481;
}

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

.image_promo_container {
  max-width: 540px;
  height: 100%;
  order: 2;
  display: flex;
  justify-content: center;
}

/* categorias */

.categories_container {
  display: flex;
  text-align: center;
  padding: 72px 52px;
  flex-direction: column;
}

.categories_title_container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.cateories_title {
  font-size: 36px;
  color: #043263;
  font-weight: 400;
  max-width: 720px;
}

.cateories_title b {
  font-weight: 600;
  font-size: 36px;
}

.promo_icon {
  width: 136px;
  height: 136px;
  top: -40px;
  position: relative;
}

/* slider */


.category_slider {
  /* max-width: 1200px; */
  margin-top: 40px;
  margin-bottom: 100px;
}

.category_slider .slick-slider .slick-list .slick-slide > div {
  width: 176px !important;
  height: 180px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.category_slider .slick-slider .slick-list .slick-slide > div :focus-visible {
  outline: none;
}

.category_slider .slick-slider .slick-list .slick-slide div > a {
  padding: 20px;
  height: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  opacity: .8;
  text-decoration: none;
}

.category_slider .slick-slider .slick-list .slick-slide div > a:hover {
  opacity: 1;
}

.navbar {
  height: 200px;
}

.category_slider .slick-slider .slick-list .slick-slide .slick-dots li button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #FFF;
  text-indent: -9999px;
}

.category_slider .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: white;
  margin: 0 auto;
}

.category_slider .slick-dots li button::before {
  display: none;
}

.category_slider .slick-dots .slick-active button {
  background-color: #1973B8;
}

.category_slider .slick-dots {
  bottom: -40px;
}

.catogory_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.category_item_text {
  text-align: center;
  color: #1973B8;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
}

.category_item_img {
  width: 20px;
  height: 20px;
  margin: 0 auto;
}

.banner-cuponera{
  width: 100%;
  background-color: #004481;
  padding: 50px 10px;
}

.banner-tdc{
  background-color: #072146;
}

.banner-cuponera-body{
  max-width: 1000px;
  margin: auto;
  display: grid;
  grid-template-columns: 50% 50%;
}

.banner-tdc-body{
  grid-template-columns: 70% 30%;
}

.banner-cuponera-body > div{
  position: relative;
}

.banner-cuponera-img{
  margin: auto;
  height: 100%;
}

.banner-cuponera-floating-div{
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.banner-cuponera-floating-div > p{
  color: #fff;
  line-height: 30px;
  margin-bottom: 30px;
}

.banner-cuponera-text-1{
  font-size: 22px;
  font-weight: 800;
  font-family: BentonSansBBVAMedium;
}

.banner-cuponera-text-2{
  font-size: 40px;
  font-family: BentonSansBBVABold;
}

.banner-cuponera-text-2-sapn{
  font-size: 40px;
  font-family: BentonSansBBVABold;
  color: #5BBEFF;
}

.banner-cuponera-text-3{
  font-size: 20px;
  font-family: BentonSansBBVABook;
}

.banner-tdc-text{
  font-size: 40px;
  font-family: BentonSansBBVABold;
  line-height: 50px !important;
}

.section-puntos{
  margin-bottom: 100px;
  text-align: center;
}

.section-puntos-gif{
  width: auto;
}

.home-banner-container{
  position: relative;
  display: grid;
  grid-template-columns: 50% 50%;
}

.home-banner-div{
  position: relative;
}

.home-banner-img{
  width: 100%;
}

.home-banner-img-mobile{
  opacity: 0;
}

.home-banner-button{
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

.home-banner-desk{
  display: block;
}

.home-banner-mobile{
  display: none;
}

.react-multiple-carousel__arrow--left{
  left: 30px !important;
  z-index: 4;
  cursor: pointer;
  background: rgba(0,0,0,0);
}

.react-multiple-carousel__arrow--right{
  right: 30px !important;
  z-index: 4;
  cursor: pointer;
  background: rgba(0,0,0,0);
}

.react-multiple-carousel__arrow--left:hover,
.react-multiple-carousel__arrow--right:hover{
  background: rgba(0,0,0,0);
  opacity: .5;
}

.react-multi-carousel-dot-list{
  bottom: 20px;
}

.react-multi-carousel-dot button{
  width: 15px;
  height: 15px;
  background: none;
  border: 1px solid #ffffff;
}

.react-multi-carousel-dot--active button{
  background-color: #ffffff;
}

.home-carousel-div{
  position: relative;
}

.home-carousel-text-c-desk{
  position: absolute;
  height: 100%;
  left: 5%;
  width: 50%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-carousel-text-desk{
  width: 100%;
  height: max-content;
}

.home-carousel-center{
  text-align: center;
}

.home-carousel-left{
  text-align: left;
}

.home-carousel-text-c-mobile{
  position: absolute;
  height: max-content;
  left: 0;
  width: 100%;
  height: max-content;
  bottom: 10%;
  text-align: center;
}

.home-carousel-text-c-mobile .home-carousel-p{
  width: 80%;
  font-size: 20px;
  margin: auto auto 20px auto;
}

.home-carousel-b{
  font-family: BentonSansBBVABold;
}

.home-carousel-p-yellow{
  color: #F8CD51;
}

.home-carousel-p-big{
  width: 80%;
  font-size: 40px;
  color: #ffffff;
  margin: auto auto 50px auto;
}

.home-carousel-p{
  width: 80%;
  font-size: 30px;
  color: #ffffff;
  margin: auto auto 50px auto;
  font-weight: 1000;
}

.home-carousel-p-medium{
  width: 80%;
  font-size: 25px;
  color: #ffffff;
  margin: auto auto 50px auto;
  font-weight: 1000; 
}

.home-carousel-p-small{
  width: 80%;
  font-size: 22px;
  color: #ffffff;
  margin: auto auto 50px auto;
  font-weight: 1000; 
}

.home-carousel-span{
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}

.home-carousel-button{
  width: max-content;
  padding: 15px 10px;
  margin: 20px auto;
  background: #1973b8;
  text-align: center;
  animation: button 2s infinite;
  color: #ffffff;
  cursor: pointer;
}

@keyframes button{

  30%{
    rotate: 0deg;
  }

  35%{
    rotate: -2deg;
  }

  40%{
    rotate: 2deg;
  }

  45%{
    rotate: -2deg;
  }

  50%{
    rotate: 2deg;
  }

  55%{
    rotate: -2deg;
  }

  60%{
    rotate: 2deg;
  }

  65%{
    rotate: -2deg;
  }

  70%{
    rotate: 2deg;
  }

  75%{
    rotate: 0deg;
  }
}

.home-carousel-mobile{
  display: none;
}

.banner-container{
  width: 100%;
  padding: 50px 10px;
}

.banner-body{
  max-width: 1150px;
  margin: auto;
  display: grid;
  grid-template-columns: 50% 50%; 
}

.banner-sorteos{
  background-color: #004481;
}

.banner-img-c{
  display: flex;
  align-items: center;
}

.banner-img{
  width: 100%;
}

.banner-left{

}

.banner-left-text-container{
  
}

.banner-gwm{
  background-color: #004481;
}

.react-multi-carousel-list  {
  height: 100%;
}

/* media querys */

@media (max-width: 1060px) {
  .hero_section {
    flex-direction: column;
    height: auto;
    padding: 0;
    background-color: #fff;
  }

  .hero_promociones_container {
    order: 2;
  }
  .image_promo_container {
    order: 1;
    width: 100%;
    max-width: 100%;
    height: 200px;
    background-color: #004481;
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
  }
}

@media (max-width: 740px) {
  .hero_section {
    margin: 0;
  }
  .hero_promo_text, .hero_promo_bbva {
    font-size: 26px;
    line-height: 32px;
  }
  .hero_promo_sub {
    font-size: 20px;
    line-height: 24px;
  }
  .categories_container {
    flex-direction: column;
    padding: 10px;
    margin-top: 50px;
  }
  .cateories_title {
    font-size: 22px;
    line-height: 27px;
    position: relative;
    top: -40px;
  }
  .banner-cuponera-body{
    grid-template-columns: 100%;
  }
  .banner-cuponera-floating-div{
    position: relative;
    width: 100%;
    top: unset;
    left: unset;
    transform: unset;
    padding: 10px 20px;
    text-align: center;
  }
  .banner-cuponera-img{
    width: 50%;
    height: auto;
    margin-top: 20px;
  }
  .section-puntos-gif{
    width: 95%;
  }
  .home-banner-container{
    grid-template-columns: 100%;
  }
  .home-banner-div{
    margin-bottom: -10px;
  }
  .home-banner-desk{
    display: none;
  }
  .home-banner-mobile{
    display: block;
  }
  .home-carousel-desk{
    display: none;
  }
  .home-carousel-mobile{
    display: flex;
  }
  .react-multiple-carousel__arrow--left{
    left: 15px !important;
  }
  .react-multiple-carousel__arrow--right{
    right: 15px !important;
  }
  .react-multi-carousel-dot button{
    width: 10px;
    height: 10px;
  }
  .promo_icon{
    top: -20px;
  }
  .home-carousel-p{
    font-size: 18px !important;
  }
  .home-carousel-p-small{
    margin-bottom: 10px;
    font-size: 15px;
  }
  .banner-body{
    grid-template-columns: 100% !important; ;
  }
  .banner-left{
    margin-bottom: 30px;
  }
}
.tyc-link{
    font-weight: 800;
}

.tyc-p{
    text-align: justify;
}
.loading-app{
    position: fixed;
    top: 88px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #072146;
    z-index: 1000;
    transition: all .3s;
 }

 .loading-spinner{
    border: 8px solid #ffffff; /* Light grey */
    border-top: 8px solid #072146; /* Blue */
    border-right: 8px solid #ffffff; /* Blue */
    border-bottom: 8px solid #072146; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin .8s linear infinite;
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 25px);
    transform: translate(-50%,-50%);
 }

 .loading-logo{
   width: 150px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
 }

 .loading-close{
    transform: translateY(100%);
 }

 .loading-close-main{
    transform: translateX(100%);
 }

 @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
 }

 @media (max-width: 740px){
    .loading-app{
        top: 48px;
    }
 }
.promo-info-body{
    max-width: 1200px;
    margin: auto;
    padding: 50px 20px;
    background-color: #ffffff;
}

.promo-titles{
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
}

.promo-info-body > div{
    margin-bottom: 50px;
}

.promo-cg-container{
    max-width: 1200px;
    padding: 50px 10px;
    margin: auto;
}
.promo-cg-title{
    font-weight: bolder;
    margin-bottom: 50px !important;
    color: #000000 !important;
}
.promo-cg-container > div >p{
    margin-bottom: 10px;
    color: #999;
}

.promo-titles-container{
    display: grid;
    grid-template-columns: auto 300px;
    min-height: 200px;
    margin: 0 !important;
}

.promo-titles-container-2{
    min-height: 200px;
    margin: 0 !important;
}

.promo-titles-container-2 .promo-title-container{
    height: 200px;
}

.promo-title-container{
    position: relative;
}

.promo-title-html{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.promo-title{
    font-size: 26px;
    font-weight: 800;
    position: relative;
}

.promo-title div{
    font-size: 26px;
    font-weight: 800;
    position: relative;
}

.promo-terms{
    text-align: justify;
}

.promo-logo{
    width: 100%;
    max-width: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.contenedor-iberia{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contenedor-iberia a{
    color: #256ACB;
}
.contenedor-iberia .canjea{
   width: 400px;
   margin-top: 40px;
   margin-left: 200px;
}
.contenedor-iberia p{
width: 100%;
text-align: left;
}
.contenedor-iberia .canjea img{
    margin: 0 auto;
    width: 350px !important;
}

@media (max-width: 740px) {

    .promo-info-body,
    .promo-cg-container{
        padding: 10px 15px;
    }

    .promo-titles-container{
        padding-top: 40px;
        padding-bottom: 40px;
        grid-template-columns: 100%;
    }

    .promo-titles-container-2{
        padding-top: 40px;
        padding-bottom: 40px;
        grid-template-columns: 100%;
    }

    .promo-titles-container-2 .promo-title-container{
        height: 150px;
    }

    .promo-title-container{
        text-align: center;
    }

    .promo-logo{
        margin: auto;
    }

    .promo-title-html{
        margin-bottom: 50px;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }

    .promo-logo{
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        margin: auto;
    }
    .contenedor-iberia {
        margin: 0!important;
    }
    .contenedor-iberia .canjea{
        width: 90%;
        margin: 0px auto;
     }
     .contenedor-iberia .canjea img{
        margin: 0 auto;
        width: 100% !important;
    }
    .promo-banner-iberia{
        background-position: left center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important; 
        width: 100%;
        height: 300px !important; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.promo-not-found,
.promo-not-found-mobile{
    width: 100%;
}

.promo-not-found{
    margin-bottom: 50px;
}

.promo-not-found-mobile{
    display: none;
}

@media (max-width: 740px) {

    .promo-not-found{
        display: none;
    }

    .promo-not-found-mobile{
        display: block;
    }

}
.promo-banner{
    height: 450px;
    max-height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 20px;
}

.promo-banner-shadow{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
}

.promo-banner-text{
    width: 100%;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 70px;
    font-family: BentonSansBBVABold;
    text-shadow: #000 1px 0 20px;
}

.promo-message{
    max-width: 1200px;
    padding: 50px;
    text-align: center;
    margin: auto;
}

.promo-message-p{
    font-size: 36px;
    color: #121212;
}

.category-carousel-container{
    position: relative;
    min-height: 350px;
}

.category-promo-banner-shadow{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

@media (max-width: 740px) {
    .promo-message{
        padding: 50px 10px;
    }
    .promo-message-p{
        font-size: 25px;
    }
    .promo-banner{
        height: 250px;
    }
    .promo-banner-text{
        font-size: 40px;
    }
    .category-carousel-container{
        margin-bottom: 100px;
        min-height: unset;
    }
    .category-carousel-container .react-multi-carousel-list{
        scale: 1.7;
        margin-top: 50px;
    }
    .category-promo-banner-shadow{
        background: unset
    }
}
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  height: 88px;
  background-color: #072146;
  z-index: 5;
  transition: all .3s;
}

.navbar-small{
  height: 49px;
}

.navbar-container{
  max-width: 1250px;
  margin: auto;
  height: 100%;
  color: #FFF;
  padding: 0 52px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.spacing {
  height: 88px;
}

.nav_left, .nav_right {
  display: flex;
  align-items: center;
  height: 100%;
}

.nav_right {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
}

.nav_left {
  width: 100%;
}

.nav_img_bbva {
  height: 40px;
  transition: all .3s;
  margin-right: 33.6px;
}

.nav_img_bbva_small{
  height: 20px;
}

.nav_link_container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  list-style-type: none;
  border-bottom: 5px solid #fff;
  cursor: pointer;
}

.nav_link {
  min-width: 185px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: 4px solid #fff;
  text-align: center;
  font-family: BentonSansBBVAMedium;
  font-size: 14px;
}

.nav_menu_text {
  margin-right: 8px;
  font-family: 'BentonSansBBVABook';
}

.nav_menu_text, .nav_menu_text__close {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  padding-left: 3px;
}

.nav_img_menu {
  margin-right: 6px;
}

.nav_img_menu__close {
  width: 24px;
}

/* menu */
.menu_nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 88px;
  right: -102vw;
  background-color: #072146;
  width: 40vw;
  max-width: 300px;
  min-width: 270px;
  height: calc(100vh - 88px);
  transition: right .2s ease-out;
  border-top: 1px solid rgba(255,255,255,.15);
}

.menu_nav_show {
  right: 0;
}

.menu_nav_right {
  width: auto;
}

.menu_list {
  width: 100%;
}

.menu_list_item {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
  cursor: pointer;
  opacity: .6;
  z-index: 1;
}

.menu_list_item a {
  width: 100%;
  color: #FFF;
  text-decoration: none;
}

.menu_list_item:hover {
  opacity: .9;
}

.menu_list_item_shine a{
  color: #00e6e6 !important;
}

.menu_list_item_shine div{
  color: #00e6e6 !important;
}

.menu_list_item > div{
  color: #ffffff;
  font-size: 15px;
}

.menu_subitem {
  z-index: -1;
  position: relative;
  height: 0;
  list-style: none;
  background-color: #083361;
  transition: height .12s ease-out;
  display: flex;
  flex-direction: column;
}

.menu_subitem a { 
  color: #fff;
  opacity: .7;
  padding: 10px 30px;
}

.menu_subitem a:hover {
  opacity: .9;
}

.chevron {
  transition: transform .12s ease-in;
}

.chevron.active {
  transform: rotate(180deg);
}

.navbar-search-container{
  width: 100%;
  background-color: #004481;
  height: 48px;
  position: fixed;
  left: 0;
  top: 0;
  transition: all .3s;
  z-index: 1;
  border-bottom: .5px solid #838383;
}

.navbar-search-body{
  height: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-columns: 100px auto 100px;
  margin: auto;
  border-bottom: .5px solid #838383;
}

.navbar-search-show{
  height: 72px;
  top: 88px;
}

.navbar-search-input{
  width: 100%;
  height: 100%;
  background-color: #004481;
  border: none;
  color: #ffffff;
  font-family: BentonSansBBVABook;
  outline: none;
}

.navbar-search-input::placeholder {
  color: #ffffff;
  opacity: .5;
}

.navbar-search-input:-internal-autofill-selected{
  background: #000;
}


.navbar-search-icon{
  margin-top:25px;
  margin-left:50px;
}

.navbar-search-close{
  width: 26px;
  filter: invert(100);
  margin-top: 23px;
  cursor: pointer;
}

.navbar-button-link{
  width:122px;
  padding:15px 10px;
  background:#028484;
  font-weight: 800;
  margin: 0 5px;
}

.navbar-button-points-axo{
  width: 400px;
  padding: 15px 10px;
  margin: 0 20px;
  background:#028484;
  text-align: center;
  animation: button 2s infinite;
}

.navbar-button-points-axo > p{
  color: #ffffff;
}

@keyframes button{

  30%{
    rotate: 0deg;
  }

  35%{
    rotate: -2deg;
  }

  40%{
    rotate: 2deg;
  }

  45%{
    rotate: -2deg;
  }

  50%{
    rotate: 2deg;
  }

  55%{
    rotate: -2deg;
  }

  60%{
    rotate: 2deg;
  }

  65%{
    rotate: -2deg;
  }

  70%{
    rotate: 2deg;
  }

  75%{
    rotate: 0deg;
  }
}

.menu-fixed-container{
  background-color: #000000;
  position: fixed;
  width: 100%;
  height: calc(100% - 88px);
  top: -100%;
  left: 0;
  z-index: 100;
  transition: all .5s;
}

.menu-fixed-container-open{
  top: 88px;
  border-top: 1px solid #105196;
}

.menu-body{
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: auto 25%;
  background: #043263;
}

.menu-body-left-c,
.menu-body-right-c{
  position: relative;
}

.menu-body-left{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: leftToCenter 1s;
  opacity: 1;
}

.menu-body-right{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0%;
  background-color: #072146;
  animation: rightToCenter 1s;
}

.menu-header{
  color: #ffffff;
  padding: 10px 20px;
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.menu-left{
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: auto 200px;
}

.menu-left > div{
  text-align: center;
  padding: 20px;
  overflow: auto;
  position: relative;
}

.menu-img{
  height: 100%;
}

.menu-carousel{
  height: max-content !important;
}

.menu-slide-item{
  width: auto;
  max-width: 280px;
  height:280px;
  background-color: #004481;
  margin: 10px;
  display: grid;
  grid-template-rows: 50% 50%;
  cursor: pointer;
  margin: auto;
}

.menu-slide-item:hover{
  background-color: #1464a5;
}

.menu-slide-item-img-c{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.menu-slide-item-img-c-default{
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100px;
}

.menu-slide-item-img{
  width: 100%;
}

.menu-slide-item-p-c{
  position: relative;
}

.menu-slide-item-p{
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #ffffff;
  font-family: BentonSansBBVABook;
}

.menu-divider{
  border: 1px solid rgba(255,255,255,.15);
  width: 90%;
  margin: 20px auto 10px auto;
}

@keyframes leftToCenter {
  0% {
    left: -100%;
    opacity: 0;
  }
  50% {
    left: -100%;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}

@keyframes rightToCenter {
  0% {
    right: -100%;
  }
  50% {
    right: -100%;
  }
  100% {
    right: 0;
  }
}

@media (max-width: 740px) {
  .navbar {
      justify-content: space-between;
      height: 48px;
  }

  .navbar-container{
    height: 48px;
    padding: 0 15px;
  }

  .spacing {
    height: 48px;
  }

  .nav_img_bbva {
    height: 20px;
    margin-right: 0;
    width: auto;
  }

  .nav_link_container {
    border-bottom: 3px solid #fff;
    order: 1;
  }

  .nav_link {
    display: none;
  }

  .nav_img_bbva {
    order: 2;
  }

  .nav_left {
    width: 30%;
    justify-content: space-between;
  }

  .menu-fixed-container{
    display: none;
  }

  .menu_nav {
    top: 48px;
    min-width: 100vw;
    height: calc(100vh - 48px);
  }

  .nav_img_menu__close{
    width: 25px;
  }

  .nav_menu_text{
    font-size: 13px;
  }

  .navbar-search-container{
    height: 48px;
  }

  .navbar-search-body{
    height: 48px;
    grid-template-columns: 45px auto 40px;
  }

  .navbar-search-show{
    top: 48px;
  }

  .navbar-search-icon{
    margin-top: 14px;
    margin-left: 15px;
  }

  .navbar-search-close{
    margin-top: 12px;
  }

  .navbar-button-link{
    padding: 5px 10px;
  }

  .navbar-button-points-axo{
    display: none;
  }

  .nav_icon_menu{
    margin-top: -15px;
    flex-direction: column-reverse;
  }

  .nav_icon_menu > p{
    font-size: 10px;
  }

}
.footer_container {
  background-color: #072146;
  padding: 40px 24px 80px;
}

.footer_body{
  max-width: 1150px;
  margin: auto;
}

.footer_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.social_media {
  display: flex;
  gap: 8px;
}

.footer_links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}

.footer_link_left {
  display: flex;
  gap: 20px;
  width: 70%;
}

.footer_link_right {
  display: flex;
  justify-content: flex-end;
  margin-left: 20px;
}

.footer_links a {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 100;
  color: #49a5e6 !important;
  text-decoration: none;
  font-family: BentonSansBBVAMedium;
}

.footer_link_right a {
  font-weight: 400;
  text-align: right;
}

.footer_img{
  width: 24px;
  height: 24px;
}

.disclaimer {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.disclaimer_left {
  color: #bdbdbd;
  font-size: 12px;
  width: 70%;
}

.disclaimer_right {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  color: #42C7CC;
  text-align: right;
  font-family: BentonSansBBVAMedium;
}

@media (max-width: 600px) {
  
  .footer_container {
    padding: 40px 20px;
  }

  .footer_link_left {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .footer_links {
    flex-direction: column;
    align-items: center;
  }

  .footer_link_right {
    margin: 0;
  }

  .footer_link_right a {
    margin-top: 20px;
    text-align: center;
  }

  .disclaimer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
  }

  .disclaimer_left {
    width: 100%;
  }

  .disclaimer_right {
    margin: 24px;
  }
  .footer_top{
    display: unset;
    text-align: center;
  }
  .footer_top > a{
    display: block;
    margin: auto auto 30px auto;
  }
  .social_media{
    gap: 15px;
    width: max-content;
    margin: auto auto 30px auto;
  }
  .footer_links{
    margin-bottom: 50px;
  }
}
.alseaBomberazo-div{
    padding: 0 30px 50px 30px;
    background-color: #d4edfc;
    margin: 80px 0 30px 0;
}

@media (max-width: 600px) {
    
}
.promo-banner-text-aseguradoras{
    font-size: 40px;
}

@media (max-width: 600px) {
    .promo-banner-text-aseguradoras{
        font-size: 20px;
    }
}
.promo-banner-text-aseguradoras{
    font-size: 40px;
}

@media (max-width: 600px) {
    .promo-banner-text-aseguradoras{
        font-size: 20px;
    }
}
.promo-banner-text-diadereyes{
    font-size: 60px;
}
@media (max-width: 600px) {
    .promo-banner-text-diadereyes{
        font-size: 30px;
    } 
}
.promo-banner-text-aseguradoras{
    font-size: 40px;
}

@media (max-width: 600px) {
    .promo-banner-text-aseguradoras{
        font-size: 20px;
    }
}
.promo-banner-text-aseguradoras{
    font-size: 40px;
}

@media (max-width: 600px) {
    .promo-banner-text-aseguradoras{
        font-size: 20px;
    }
}
.promo-banner-text-aseguradoras{
    font-size: 55px;
}

.text-apoyando-tu-cartera-y-salud{
    font-Family:"BentonSansBBVABold" !important;
    font-Size:25px;
}

@media (max-width: 600px) {
    .promo-banner-text-aseguradoras{
        font-size: 20px;
    }
    .text-apoyando-tu-cartera-y-salud{
        font-Size: 18px;
    }
}
.promo-banner{
    height: 600px;
    max-height: unset;
}

.promo-banner-text-suscripciones{
    font-size: 60px;
}

.suscripcion-container{
    max-width: 1200px;
    padding: 50px;
    text-align: center;
    margin: auto;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-gap: 18px 1.5%;
}

.suscripcion-item{
    width: 100%;
    border: 1px solid #cccccc;
}

.suscripcion-item-button{
    padding: 50px 10px;
}

.suscripcion-item-img{
    width: 100%;
    border-bottom: 1px solid #ececec;
}

.suscripcion-item-img > img{
    width: 100%;
}

.suscripcion-span-bold{
    font-size: inherit;
    font-weight: 1000;
    color: #1973B8;
}

@media (max-width: 600px) {
    .promo-banner{
        height: 400px;
    }
    .suscripcion-container{
        padding: 10px;
        grid-template-columns: 49% 49%;
        grid-gap: 10px 2%;
    }
    .promo-banner-text-suscripciones{
        font-size: 40px;
    }
    .suscripcion-item-button{
        padding: 20px 10px;
    }
}
.promo-banner-text-promociones-especiales{
    font-size: 70px;
}

@media (max-width: 600px) {
    .promo-banner-text-promociones-especiales{
        font-size: 50px;
    }
}
.promo-banner{
    height: 600px;
    max-height: unset;
}

.promo-banner-text-samsung{
    font-size: 50px;
}

.suscripcion-container{
    max-width: 1200px;
    padding: 50px;
    text-align: center;
    margin: auto;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-gap: 18px 1.5%;
}

.suscripcion-item{
    width: 100%;
    border: 1px solid #cccccc;
}

.suscripcion-item-button{
    padding: 50px 10px;
}

.suscripcion-item-img{
    width: 100%;
    border-bottom: 1px solid #ececec;
}

.suscripcion-item-img > img{
    width: 100%;
}

.suscripcion-span-bold{
    font-size: inherit;
    font-weight: 1000;
    color: #1973B8;
}

@media (max-width: 600px) {
    .promo-banner{
        height: 400px;
    }
    .suscripcion-container{
        padding: 10px;
        grid-template-columns: 49% 49%;
        grid-gap: 10px 2%;
    }
    .promo-banner-text-samsung{
        font-size: 40px;
    }
    .suscripcion-item-button{
        padding: 20px 10px;
    }
}
.buen-fin-banner{
    margin: auto;
}

.buen-fin-banner-img{
    width: 100%;
    cursor: pointer;
}

.buen-fin-link{
    font-size: inherit;
}

.paginate-container{
    margin-bottom: 30px;
}

.paginate-container ul{
    margin: auto;
    width: max-content;
    -webkit-user-select: none; /* Safari */
    user-select: none; /* Standard syntax */
}

.paginate-container ul li{
    display:inline;
    padding: 10px;
    cursor: pointer;
}

.pagination-li > a{
    font-weight: 100;
}

.pagination-left-li{
    padding: 0 !important;
}

.pagination-left::after{
    padding: 0;
    display: inline-block;
    width: 30px;
    content: url(https://bbvadescuentos.mx/admin-site/img/icons/pagination-left.svg?file=1);
    top: 10px;
    position: relative;
}

.pagination-right-li{
    padding: 0 !important;
}

.pagination-right::after{
    padding: 0;
    display: inline-block;
    width: 30px;
    content: url(https://bbvadescuentos.mx/admin-site/img/icons/pagination-right.svg);
    top: 10px;
    position: relative;
}

.pagination-current > a{
    color: #0c3063;
    font-weight: 800;
    font-size: 20px;
}

.react-multiple-carousel__arrow--left{
    left: -10px;
}

.react-multiple-carousel__arrow--right{
    right: -10px;
}

.custom-right-arrow{
    position: absolute;
    width: 40px;
    right: -14px;
    cursor: pointer;
}

.custom-left-arrow{
    position: absolute;
    width: 40px;
    left: -14px;
    cursor: pointer;
}

.category-slider-item:hover{
    background: unset;
}

.carousel-container{
    width: 1200px;
    margin: auto;
}

@media (max-width: 756px){
    .carousel-container{
        width: 90%;
    }
    .category-slider-item{
        width: 75%;
        height: 100PX;
        margin: auto;
    }
}
  
.photo-picker-container{
    height: max-content;
    width: auto;
    padding: 5px 10px;
}

.photo-picker-drop-zone{
    width: 100%;
    height: 100%;
    min-height: 250px;
    position: relative;
    border: 1px solid rgb(31, 137, 141);
    border-radius: 5px;
    padding: 10px;
    background-color: #072146;
}

.photo-picker-drop-zone-error{
    border: 1px solid #ff0000;
}

.photo-picker-input-container{
    width: auto;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    /*background-image: url(img/icons/add-file-black-96x96.png);*/
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 120px;
    text-align: center;
}

.photo-picker-input-container:hover .add-cliente-tooltip{
    opacity: 1;
}

.add-cliente-text > p{
    color: #ffffff;
    font-size: 20px;
    font-weight: 1000;
}

.photo-picker-input{
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.photo-picker-input-container-2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow-x: auto;
    overflow-y: auto;
    background: #072146;
    transition: all .3s;
    opacity: 0;
    cursor: copy;
}

.photo-picker-input-container-2-show{
    border: 2px dashed #ffffff;
    opacity: 1;
    height: 100%;
}

.photo-picker-input-container-2 > span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}

.photo-picker-preview-img{
    width: auto;
    height: auto;
    max-width: 300px;
    max-height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.photo-picker-preview-pdf{
    width: 100%;
    height: 100%;
}

.preview-container{
    text-align: center;
    position: relative;
    margin: auto;
    width: 100%;
    height: 300px;
}

.photo-picker-preview-download{
    position: absolute;
    right: 0;
    background-color: #2d628d;
    border-radius: 5px;
}

.photo-picker-preview-download-icon{
    width: 30px;
    height: 30px;
    transition: all .3s;
}

.photo-picker-preview-download-icon:hover{
    opacity: 1;
    width: 33px;
    height: 33px;
}
.recuento2023-container{
    padding-bottom: 50px;
    position: relative;
    min-height: 110vh;
    background: rgb(72,168,228);
    background: linear-gradient(98deg, rgba(72,168,228,1) 0%, rgba(47,202,206,1) 100%);
}

.recuento2023-banner-img{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.recuento2023-banner-img-mobile{
    width: 90%;
    margin: auto;
}

.recuento2023-banner-p{
    width: 300px;
    position: absolute;
    font-size: 35px;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'BentonSansBBVABold';
}

.recuento2023-profile-c{
    text-align: center;
    margin-top: 50px;
}

.recuento2023-tab-cielo > .recuento2023-profile-c{
    margin-top: 0;
}

.recuento2023-profile-img{
    width: 100px;
    margin-bottom: 30px;
}

.recuento2023-form{
    width: 100%;
    max-width: 400px;
    margin: auto;
}

.recuento2023-input-label{
    color: #ffffff;
    font-size: 25px;
    margin-bottom: 20px;
}

.recuento2023-input-c{
    width: 95%;
    padding: 15px 10px 10px 10px;
    background-color: #ffffff;
    margin: auto auto 20px auto;
}

.recuento2023-input{
    width: 100%;
    border: none;
    outline:unset;
    border-bottom: solid 1px #cccccc;
    font-size: 18px;
}


#tab-1{
    z-index: 3;
}

#tab-2{
    z-index: 2;
}

#tab-3{
    z-index: 1;
}

#tab-4{
    z-index: 0;
}

.recuento2023-tab{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .8s;
    opacity: 0;
    z-index: 2;
}

.recuento2023-tab-current{
    opacity: 1;
}

.recuento2023-tab-cielo{
    background-image: url(https://www.bbvadescuentos.mx/admin-site/img/Recuento2023/banner-cielo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.faded{
    left: -100%;
}

.recuento2023-back{
    width: 80px;
    left: 20px;
    top: 30px;
    position: absolute;
    cursor: pointer;
}

.recuento2023-opciones-c{
    max-width: 1000px;
    margin: auto;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 30px;
}

.recuento2023-opcion{
    width: 100%;
    max-width: 400px;
    background-color: #D4EDFC;
    text-align: center;
    padding: 15px 10px;
    cursor: pointer;
    margin: 10px;
    cursor: pointer;
}

.recuento2023-opcion-selected{
    background-color: #072146;
    color:#ffffff;
    font-weight: 800;
}

.recuento2023-composicion-c{
    margin: auto;
    max-width: 250px;
    position: relative;
    margin-bottom: 30px;
}

.recuento2023-composicion-marco{
    width: 100%;
    z-index: 1;
    position: relative;
}

.recuento2023-composicion-result{
    position: absolute;
    width: 180px;
    z-index: 2;
    border: 8px solid #2DCCCD;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
}

.recuento2023-composicion-background{
    width: 100%;
    z-index: 1;
    position: relative;
}

.recuento2023-composicion-stickers{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.recuento2023-composicion-name{
    max-width: 90%;
    width: max-content;
    position: absolute;
    color: #ffffff;
    top: 3%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 12px;
    z-index: 3;
}

.recuento2023-composicion-tag{
    color: #ffffff;
    font-family: BentonSansBBVABold;
    font-size: 25px;
}

.recuento2023-tyc{
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #5BBEFF;
    text-align: center;
    padding: 20px 0;
    cursor: pointer;
}

.recuento2023-tyc-p{
    color: #ffffff;
    background-image: url(https://bbvadescuentos.mx/admin-site/img/Recuento2023/TYC_Icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    width: max-content;
    margin: auto;
    padding-left: 20px;
    font-weight: 1000;
}

.recuento2023-desktop{
    display: block;
}

.recuento2023-mobile{
    display: none;
}

@media (max-width: 600px) {

    .promo-banner-text-aseguradoras{
        font-size: 20px;
    }

    .recuento2023-input-label{
        font-size: 20px;
    }

    .recuento2023-profile-c{
        margin-top: 30px;
        padding: 10px;
    }

    .recuento2023-back{
        width: 50px;
        top: 30px;
        left: 10px;
    }

    .recuento2023-profile-img{
        margin-bottom: 10px;
    }

    .recuento2023-tab-cielo > .recuento2023-profile-c{
        margin-top: 80px;
    }

    .recuento2023-desktop{
        display: none;
    }
    
    .recuento2023-mobile{
        display: block;
    }

    .recuento2023-banner-p{
        font-size: 23px;
        width: 100%;
        top: -50px;
    }
}
.promo-banner-text-grupoeph{
    font-size: 55px;
    width: 90%;
}

@media (max-width: 756px){
    .promo-banner-text-grupoeph{
        font-size: 30px;
    }
}
  
@media (max-width: 740px) {
    .home-carousel-p {
        font-size: 18px !important;
    }
}
.promo-banner-text-aseguradoras{
    font-size: 55px;
}

.text-apoyando-tu-cartera-y-salud{
    font-Family:"BentonSansBBVABold" !important;
    font-Size:25px;
}

@media (max-width: 600px) {
    .promo-banner-text-aseguradoras{
        font-size: 20px;
    }
    .text-apoyando-tu-cartera-y-salud{
        font-Size: 18px;
    }
}
.promo-banner-text-aseguradoras{
    font-size: 55px;
}

.text-apoyando-tu-cartera-y-salud{
    font-Family:"BentonSansBBVABold" !important;
    font-Size:25px;
}

@media (max-width: 600px) {
    .promo-banner-text-aseguradoras{
        font-size: 20px;
    }
    .text-apoyando-tu-cartera-y-salud{
        font-Size: 18px;
    }
}
.container-trip{
    padding: 50px 0;
}
.tittle--a{
      text-align: center;  
      font-family: 'BentonSansBBVAMedium';
      font-size: 26px;
      width: 670px;
      margin: 0 auto;
}
.txt__mediumBlue {
    color: #043263; }
.grid-3{
    height: 250px;
    width: 80%;
    margin: 40px auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    justify-items: center;
    align-items: center;
}
.card{
    display: grid;
    grid-template-rows: 70% 30%;
    justify-items: flex-start;
    align-items: flex-end
}
.card--img {
    margin: auto;
    object-fit: contain;
    width: 200px;
    height: 220px;}
    .card--txt {
        width: 70%;
        margin: 0 auto;
        text-align: center;
        font-family: "BentonSansBBVABook"}
    .card--txt b{
        width: 70%;
        margin: 0 auto;
        text-align: center;
        font-family: "BentonSansBBVABold"}
        .sec__title--txt--a {
            margin-top: 60px;
            font-family: 'BentonSansBBVABook';
            text-align: center;
            width: 100%;
        }
        .sec__title--txt--a b{
            font-family: 'BentonSansBBVABold';
        }
        .sec__title--txt--b {
            margin-top: 60px;
            font-family: 'BentonSansBBVABook';
            text-align: center;
            width: 100%;
            font-size: 26px;
        }
        .sec__title--txt--b b{
            font-family: 'BentonSansBBVABold';
            font-size: 26px;
        }
        .promos-logos-container{
            width: 75%;
            margin: 50px auto;
            display: grid;
            grid-template-columns: repeat(3,1fr);
            row-gap: 40px;
            justify-content: center;
        }
        .promo-fest-logos-item{
            width: 80%;
            margin: 0 auto;
          }
          .enlace{
            z-index: 4;
            top: 7px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin: 0 auto 9px;
            width: 172px;
            height: 40px;
          }
          .enlace span{
            font-size: 15px;
            color: #043263;
            text-align: left;
          }

          .promo-fest-logos-item-img-c{
            width: 100%;
            height: 60px;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            margin-bottom: 20px;
          }
          .promo-fest-logos-item-button-c{
            margin-bottom: 20px;
          }
          
          .promo-fest-logos-item-button{
            width: 150px;
            background-color: #043263;
            color: #fff;text-align: center;
            font-size: 15px;
            padding: 15px 10px;
            margin: auto;
            border-radius: 10px;
          }
          .contenedor-terminos{
            margin: 70px auto 80px auto;
          }
          .contenedor-terminos a{
          text-align: center;
            width: 100%;
            display: block;
            color: #043263;
            font-family: 'BentonSansBBVABold';
            font-size: 18px;
            text-decoration: underline;
          }

        @media (max-width: 600px) {
            .container-trip{
                padding: 30px 0;
            }
            .tittle--a{
                font-size: 18px;
                width: 85%;
                margin: 0 auto;
          }
            .grid-3{
                height: 850px;
                width: 90%;
                margin: 40px auto;
                grid-template-columns: repeat(1,1fr);
            } 
            .card{
                margin-left: 5%;
            }
            .sec__title--txt--a {
                width: 80%;
                margin: 20px auto 0 auto;
                font-size: 14px;
            }
            .sec__title--txt--a b{
                font-size: 14px;
            }
            .sec__title--txt--b {
                width: 85%;
                margin: 20px auto 0 auto;
                font-size: 20px;
            }
            .sec__title--txt--b b{
                font-size: 20px;
            }
            .promos-logos-container{
                width: 85%;
                grid-template-columns: repeat(1,1fr);
                row-gap: 50px;
                margin: 20px auto;
            }
        }
.promo-banner-text-moda-marzo{
    font-size: 40px;
    width: 1100px;
    margin: 0 auto;
}
.promo-banner-text-moda-marzo b{
    font-size: 28px;
    font-family: 'BentonSansBBVABold';
}

@media (max-width: 600px) { 
    .promo-banner-text-moda-marzo{
        font-size: 16px;
        width: 90%;
    }
    .promo-banner-text-moda-marzo b{
        font-size: 14px;
    }
}
.tittle--moda{
    text-align: center;  
    font-family: 'BentonSansBBVAMedium';
    font-size: 24px;
    width: 1000px;
    margin: 0 auto;
}
.card-moda{
    max-width: 295px;
}
.img-moda{
    width: 200px;
    height: 190px;
}
@media (max-width: 600px) {
    .tittle--moda{
        font-size: 16px;
        width: 85%;
        margin: 0 auto;
    }
    .card-moda{
        margin-bottom: 20px;
    }
    .img-moda{
        width: 180px;
        height: 180px;
    }
}
.promo-fest-logos-item-img-c-moda{
    width: 90%;
    margin: 0 auto 20px auto;
    height: 50px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .contenedor-terminos-moda{
    margin: 40px auto 80px auto;
  }
  .contenedor-terminos-moda a{
  text-align: center;
    width: 100%;
    display: block;
    color: #043263;
    font-family: 'BentonSansBBVABold';
    font-size: 18px;
    text-decoration: underline;
  }
.text-restaurantes{
    font-Size:30px;
    width: 90%;
    margin: 0 auto;
}
.text-restaurantes-abril{
    font-Size:25px;
    font-Family:"BentonSansBBVABold" !important;
}

@media (max-width: 600px) {
    .text-restaurantes{
        width: 90%;
        font-Size: 16px;
    }
    .text-restaurantes-abril{
        font-Size:14.5px;
    }
}
.promo-banner-text-aerolineas{
    font-size: 40px;
    width: 1150px;
    margin: 0 auto;
}

@media (max-width: 600px) {
    .promo-banner-text-aerolineas{
        font-size: 18px;
        width: 90%;
    }
}
.promo-banner-text-cashback{
    font-size: 55px;
    width: 1200px;
    margin: 0 auto;
}

@media (max-width: 600px) {
    .promo-banner-text-cashback{
        font-size: 25px;
        width: 90%;
    }
}
.promo-banner-text-cashback-sub{
    font-size: 25px;
    top: 65%;
}

@media (max-width: 600px) {
    .promo-banner-text-cashback-sub{
        font-size: 15px;
        width: 90%;
    }
}
.back__coreBlueS {
  color: #FFF;
  padding: 40px 0;
  background-color: #004481 !important; }
  @media (max-width: 600px) {
    .back__coreBlueS {
      background-color: #004481 !important; } }
      .back__coreBlueS p{
          text-align: center;
          font-size: 25px;
          font-family: 'BentonSansBBVABook';
      }
      @media (max-width: 600px) {
          .back__coreBlueS p{
              text-align: center;
              font-size: 16px;
              width: 85%;
              margin: 0 auto;
          }}
        .home-carousel-salud{
          width: 95%;
          font-size: 35px;
          margin: auto auto 20px auto;
          font-family: BentonSansBBVABold;
          color: #FFF;
          text-align: center;
        }
        .home-carousel-salud-medium{
          width: 80%;
          margin: 50px auto 30px auto;
          font-size: 20px;
          font-family: BentonSansBBVABook;
          color: #FFF;
          text-align: center;

        }
        .home-carousel-vigencia{
          width: 80%;
          margin: 50px auto 0 auto;
          font-size: 20px;
          font-family: BentonSansBBVABold;
          color: #F8CD51;
          text-align:center;
        }
        @media (max-width: 600px) {
          .home-carousel-salud{
            width: 90%;
            font-size: 20px;
          }
          .home-carousel-salud-medium{
            width: 90%;
            margin: 30px auto;
            font-size: 16px;  
          }
          .home-carousel-vigencia{
            width: 90%;
            font-size: 14px;
            margin: 30px auto 0 auto;
          }
        }
        .promo-fest-logos-item-img-c-farmacias{
          width: 100%;
          height: 120px;
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat;
          margin-bottom: 20px;
        }
        .tittle--a-salud{
          text-align: center;  
          font-family: 'BentonSansBBVAMedium';
          font-size: 26px;
          width: 645px;
          margin: 0 auto;
    }
    @media (max-width: 600px) {
      .tittle--a-salud{
          font-size: 18px;
          width: 85%;
          margin: 0 auto;
    }}
.tittle--mayo10{
    text-align: center;  
    font-family: 'BentonSansBBVAMedium';
    font-size: 24px;
    width:80%;
    margin: 0 auto;
}
.mt-20{
    margin-top: 20px;
}
@media (max-width: 600px) {
    .tittle--mayo10{
        font-size: 14px;
        width: 90%;
        margin: 0 auto;
    }
}
.grid-p{
    width: 85%;
    margin: 50px auto;
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: space-between;
    align-items: center;
    max-height: 500px;
}
.grid-p img{
width: 100%;
border-radius: 16px;
aspect-ratio: 4/3;
max-height: 500px;
}
.grid-pHS{
    width: 90%;
    margin: 50px auto;
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: space-between;
    align-items: center;
    max-height: 500px;
}
.grid-pHS img{
width: 100%;
border-radius: 16px;
aspect-ratio: 4/3;
max-height: 500px;
}
.tittle{
    height: 85%;
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 280px;

}
.tittle-HS{
    height: 60%;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 230px;

}
.tittle h1 b{
  font-family: 'TiemposHeadline-Bold'; 
    font-size: 48px;
    line-height: 56px;
    color: #00288F;
    letter-spacing: 2px;
}
.tittle h1{
  font-family: 'TiemposTextWeb-Regular'; 
  font-size: 48px;
    line-height: 56px;
       color: #00288F;
}
.tittle-HS h1 b{
  font-family: 'TiemposTextWeb-Regular'; 
    font-size: 48px;
    line-height: 56px;
    color: #00288F;
    letter-spacing: 2px;
}
.tittle-HS h1{
    font-family: 'TiemposHeadline-Bold'; 
  font-size: 48px;
    line-height: 56px;
       color: #00288F;
}
.tittle p{
    font-family: 'BentonSansBBVABook';
    font-size: 20px;
    line-height: 24px;
    color: #070E46;

}
.tittle p b{
    font-family: 'BentonSansBBVABold';
    font-size: 20px;
        color: #070E46;
}
.tittle-HS p{
    font-family: 'BentonSansBBVABook';
    font-size: 20px;
    line-height: 24px;
    color: #001391;

}
.tittle-HS p b{
    font-family: 'BentonSansBBVABold';
    font-size: 20px;
    color: #001391;
}
.bg-electric{
background-color: #001391;
padding: 30px 0 100px 0;
}
.bg-electric h2{
    font-family: 'TiemposHeadline-Bold';
    color: #FFF;
    font-size: 36px;
    text-align: center;
    padding: 20px 0 40px 0;
}
.bg-electric h2 b{
    font-family: 'TiemposHeadline-BoldItalic';
    color: #FFF;
    font-size: 36px;
}
.bg-electric-HS{
background-color: #001391;
padding: 30px 0 100px 0;
}
.bg-electric-HS h2{
    font-family: 'TiemposHeadline-Bold';
    color: #FFF;
    font-size: 36px;
    text-align: center;
    padding: 20px 0 40px 0;
}
.bg-electric-HS h2 b{
    font-family: 'TiemposHeadline-BoldItalic';
    color: #FFF;
    font-size: 36px;
}
.background-gray h2{
    font-family: 'TiemposHeadline-Bold';
    color:  #001391;
    font-size: 36px;
    text-align: center;
    padding: 20px 0 40px 0;
}
.background-gray h2 b{
    font-family: 'TiemposHeadline-BoldItalic';
    color:  #001391;
    font-size: 36px;
}
.bg-electric .container-cards{
    width: 85%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
        gap: 50px;
}
.bg-electric-HS .container-cards,.background-gray .container-cards{
    width: 85%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 50px;
}
.bg-white .container-cards{
    width: 85%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 50px;
}

.bg-electric .card,.bg-electric-HS .card,.background-gray .card{
    height: 350px;
    margin: 0 auto;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 16px;
    min-width: 250px;
    max-width: 270px;
    padding-bottom: 10px;
}
.bg-electric .card a,.background-gray .card a{
        font-family: 'BentonSansBBVABook';
        font-size: 15px;
        color: #001391;
        cursor: pointer;
}
.bg-electric .card .promo,.bg-electric-HS .card .promo, .background-gray .card .promo{
        font-family: 'BentonSansBBVABook';
        font-size: 15px;
        line-height: 24px;
        color: #000;
}
.bg-electric .grid-2c{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 50px;
}

.bg-electric .card p{
      font-family: 'BentonSansBBVAMedium';
    font-size: 16px;
    text-align: center;
    width: 80%;
    color: #001391;
}
.bg-electric .card p b{
    font-family: 'BentonSansBBVABold';
    font-size: 18px;
    text-align: center;
    width: 80%;
}
.bg-electric-HS .card p, .background-gray .card p{
      font-family: 'BentonSansBBVAMedium';
    font-size: 16px;
    text-align: center;
    width: 80%;
    color: #001391;
}
.bg-electric-HS .card p b, .background-gray .card p b{
    font-family: 'BentonSansBBVABold';
    font-size: 18px;
    text-align: center;
    width: 80%;
}
.bg-electric .card img,.bg-electric-HS .card img, .background-gray .card img{
    padding: 16px;
   width: 80%;
   margin: 0 auto;
   object-fit: contain;
}

.container-codigo{
    padding: 40px 0 80px 0;
}
.background-gray{
    padding: 40px 0 80px 0;
    background-color: #E2E6EA;
}
.container-grid{
    background-color: #E2E6EA;
    border-radius: 16px;
    width: 75%;
    margin: 0 auto;
    padding: 80px 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    max-width: 1300px;
}
.container-grid .textos h3{
    font-family: 'TiemposHeadline-Bold';
    font-size: 40px;
    text-align: left;
    color: #070E46;
}
.container-grid .textos ul{
  margin: 30px 0;
}

.container-grid .container-img{
  width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.container-grid .container-img img{
  width: 440px;
}
.container-grid .textos li{
    font-family: 'BentonSansBBVABook';
    font-size: 15px;
    margin: 15px 0;
    color: #070E46;
    line-height: 1.4;

}
.container-grid .textos li b{
    font-family: 'BentonSansBBVABold';
    font-size: 15px;
    color: #070E46;
}
.container-grid .textos ul {
  list-style: none; 
}

.container-grid .textos ul li {
  position: relative;
  padding-left: 1.2em;
}

.container-grid .textos ul li::before {
  content: "";
  position: absolute;
  left: 0;
    top: 0.5em;
  width: 12px;
  height: 6px;
  background-color: #070E46;
  border-radius: 8px;
}
@media (max-width: 900px) {
    .grid-p{
    width: 90%;
    margin: 50px auto;
    grid-template-columns: repeat(1,1fr);
    justify-content: center;
    gap: 20px;
    max-height: none;
}
.grid-p img{
    grid-row: 1/2;
    aspect-ratio: 3/2;
    max-height: none;
}
    .grid-pHS{
    width: 95%;
    margin: 50px auto;
    grid-template-columns: repeat(1,1fr);
    justify-content: center;
    gap: 20px;
    max-height: none;
}
.grid-pHS img{
    grid-row: 1/2;
    aspect-ratio: 3/2;
    max-height: none;
}
.tittle{
    grid-row: 2/3;
    height: 190px;
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: none;
}
.tittle-HS{
    grid-row: 2/3;
    height: 190px;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: none;
}
.tittle h1 b{
    font-size: 28px;
    line-height: 40px;
}
.tittle h1{
        font-size: 28px;
        line-height: 40px;
}
.tittle p{
    font-size: 15px;
    line-height: 24px;
}
.tittle p b{
    font-size: 15px;
        line-height: 24px;
}
.tittle-HS h1 b{
    font-size: 32px;
    line-height: 40px;
}
.tittle-HS h1{
        font-size: 32px;
        line-height: 40px;
}
.tittle-HS p{
    font-size: 15px;
    line-height: 24px;
}
.tittle-HS p b{
    font-size: 15px;
        line-height: 24px;
}
.bg-electric h2{
    width: 90%;
    margin: 0 auto;
    font-size: 24px;
}
.bg-electric h2 b{
    font-size: 24px;
}
.bg-electric-HS h2, .background-gray h2{
    width: 90%;
    margin: 0 auto;
    font-size: 24px;
}
.bg-electric-HS h2 b, .background-gray h2 b{
    font-size: 24px;
}

    .bg-electric .container-cards{
        grid-template-columns: repeat(1,1fr);
    gap: 50px;
}
    .bg-electric-HS .container-cards, .background-gray .container-cards{
        grid-template-columns: repeat(1,1fr);
    gap: 50px;
}
   .bg-electric .grid-2c{
    grid-template-columns: repeat(1,1fr);
}
.container-grid{
    width: 90%;
    padding: 30px 20px;
    gap: 30px;
    grid-template-columns: repeat(1,1fr);
}
.container-grid .container-img img{
  width: 310px;
  grid-row: 1/2;
}
.container-grid .textos {
  grid-row: 2/3;
}
.container-grid .textos h3{
    font-size: 32px;
}
}
@media (min-width: 1400px) {
    .grid-p .container-img{
        display: flex;
        justify-content: center;
        align-items: center;
    }
.grid-p img{
max-width: 650px;
}
    .grid-pHS .container-img{
        display: flex;
        justify-content: center;
        align-items: center;
    }
.grid-pHS img{
max-width: 650px;
}
}
.buttons {
  width: 100%;
  max-width: 250px;
  background-color: #001391;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 8px;
  padding: 16px 32px;
  font-size: 15px;
  position: relative; /* ¡Necesario para contener el ::before! */
  overflow: hidden; /* Oculta el pseudo-elemento que se desborda */
  z-index: 1; /* Asegura que el texto del botón esté encima del ::before */
}

.buttons::before {
  content: "";
  position: absolute;
  left: -50%;
  top:0;
  width: 0%;
  height: 100%;
  transform-origin: left center;
  transform: skewX(-25deg);
  background: #070E46;
  transition: width 0.7s ease;
  z-index: -1; /* Coloca el fondo detrás del texto */
}

.buttons:hover::before {
  width: 180%;
}

.buttons:disabled {
  background-color: #cccccc !important;
  cursor: not-allowed;
}