.digitalSection .principalTitle{
    color: #009490;
font-family: Bitter;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align: center;
margin-bottom: 44px;
}

.third .firstGrid.grid {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin: 60px auto auto auto;
  max-width: 900px;
}

#brand, #digital{
  padding-top: 100px;
}

.third .titleSponsor{
    color: #009490;
    text-align: center;
    font-family: Bitter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.third .btnDetalles{
    position: relative;
    top:-18px
}

 .fifth .grid {
  display: flex;
  align-items: center;
}

.fourth .grid, .fifth .grid {
  display: flex;
}

.fourth .cardBanners { 
    border-radius: 12px; 
    padding: 20px; 
    flex: 1; 
    min-width: 250px; 
    max-width: 400px;
}
 
.third img, .fourth img { 
    max-width: 100%; 
}
.fourth .btnDetalles{
    border-radius: 0px 0px 8px 8px;
    position: relative;
    top: -22px;
}
.titleBrand{
    color: #009490;
    font-family: Bitter;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 38px;
    text-align: center;
}
.fourth .highlight .subtitleBrand{
    color: #3763AE;
    font-family: Bitter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0px 20px 0px 20px;
    margin-bottom: 140px;
}

.fourth .cardThird .textImg{
  display: flex;
  justify-content: space-around;
}

.fourth .cardThird .textImg h3{
    margin-top: 118px;
    color: #fff;
    font-family: Bitter;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: normal;
white-space: nowrap;
}

.fourth .cardThird:first-child .textImg h3{
    color: #009490;
}

.fourth .cardThird img{
    width: 440px;
    height: auto;
}

.fourth .cardThird{
    background-color: #009490;
    width: 50%;
    padding: 20px 20px 20px 60px;
}

.fourth .cardThird:first-child{
    background-color: #C7E5CD;
    padding: 20px 20px 190px 120px;
}

.fourth .cardThird:first-child img{
    width: 318px;
    height: auto;
    position: relative;
  bottom: 94px;
}

.fourth .cardThird img{
    position: relative;
  bottom: 67px;
}

.fourth .cardThird ul{
    list-style-type: disc;
    margin-top: -84px;
    padding-left: 20px;
    padding-top: 40px;
}

.fourth .cardThird:first-child ul{
    margin-top: -187px;
}

.fourth .cardThird ul li{
    color: #1F1F1F;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
}

.fourth .cardThird:first-child ul li{
     color: #000;
}

.fifth .highlight {
    margin: 0 auto;
}

.fifth .highlight h2{
    text-align: center;
    color: #3763AE;
    font-family: Bitter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}

.fifth .cardPotenciadores h3{
   color: #009490;
    font-family: Lato;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.21px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 20px;
}

.fifth .cardPotenciadores p{
    color: #888A8D;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.18px;
  text-align: left;
}

.fifth{
    padding-top: 129px;
}

.cardPotenciadores:first-child{
    position: relative;
    bottom: 57px;
}

.cardPotenciadores:nth-child(3){
    position: relative;
  right: 125px;
}

    .sixth .container {
      display: flex;
      padding: 50px;
      align-items: first baseline;
    }
    .sixth .text-content {
      max-width: 56%;
    }
   .sixth  h1 {
        color: #009490;
        font-family: Bitter;
        font-size: 64px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
      margin-bottom: 10px;
      white-space: nowrap;
    }
    .sixth h2 {
      color: #3763AE;
font-family: Bitter;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: normal;
      color: #2e59a7;
      margin-bottom: 30px;
    }
    .sixth .features {
      list-style: none;
      padding: 0;
      margin: 0 0 30px 0;
    }
    .sixth .features li {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
     color: #1F1F1F;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    }
   .sixth  .features li::before {
      content: "";
      width: 32px;
      height: 32px;
      background-repeat: no-repeat;
      background-size: contain;
      margin-right: 10px;
      color: #009688;
    }

    .sixth  .features li:first-child::before {
        background-image: url("../img/icon_1.png");
    }

     .sixth  .features li:nth-child(2):before {
        background-image: url("../img/icon_2.png");
    }

     .sixth  .features li:nth-child(3):before {
        background-image: url("../img/icon_3.png");
    }

    .sixth .btn {
      border-radius: 8px;
        background: #009490;
      padding: 10px 25px;
      text-decoration: none;
      color: #FFF;
        font-family: Lato;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.15px;
        position: absolute;
    }

    .sixth .btn:first-child{
        bottom: 35%;
        left: -7%;
    }

    .sixth .btn:nth-child(3){
        bottom: 35%;
        right: 7%;
    }

   .sixth .phones {
      display: flex;
      gap: 20px;
      align-items: center;
      position: relative;
      align-self: end;
      top: 49px;
    }
    .sixth .phones img {
      width: 560px;
      height: auto;
    }
  
    .imgPotenciadores{
      display: none;
    }

    .third img.imgGenerado{
      max-width: 300px;
      height: auto;
    }

    .popup-content {
      padding: 20px 20px 28px 20px;
    }

    .linkBrand{
      border-radius: 8px;
      background: #FFFF6A;
      padding: 10px 25px;
      text-decoration: none;
      color: #1F1F1F;
      font-family: Lato;
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.15px;
      margin-top: 20px;
      display: block;
      width: 119px;
      text-align: center;
    }

    .linkBrandGreen{
      background-color: #009490;
      color:#fff;
    }

    @media only screen and (max-width: 600px) {
      .third .firstGrid.grid, .fourth .grid, .fifth .grid{
        flex-direction: column;
      }

      .titleBrand{
        font-size: 48px;
      }

     .fourth .highlight .subtitleBrand{
        font-size: 18px;
      }

      .fourth .cardThird, .fourth .cardThird:first-child{
        width: 100%;
        padding: 20px;
      }

      .fourth .cardThird:first-child{
        margin-bottom: 86px;
      }

      .fourth .cardThird:first-child ul {
        margin-top: -172px;
      }

      .fourth .cardThird img{
        width: 232px;
      }

      .fourth .cardThird:first-child img {
        width: 218px;
        bottom: 120px;
      }

      .fourth .cardThird .textImg h3 {
        margin-top: 36px;
        font-size: 36px;
      }

      .fourth .cardThird .textImg {
        margin-bottom: 20px;
      }

      .cardPotenciadores:first-child, .cardPotenciadores:nth-child(3){
        bottom: 0;
        right: 0;
      }

      .cardPotenciadores:first-child{
        margin-bottom: 30px;
      }

      .sixth h1{
        font-size: 33px;
        white-space: initial;
        text-align: center;
        margin-bottom: 50px;
      }

      .sixth h2{
        font-size: 23px;
        text-align: center;
      }

      .sixth .text-content{
        max-width: 100%;
      }

      .sixth .container {
        display: flex;
        flex-direction: column;
        padding: 20px;
      }

      .sixth .phones {
        top: -42px;
        margin: 0 auto;
        left: 13px;
      }

      .sixth .phones img{
        width: 350px;
        right: -19px;
        position: relative;
      }

      .sixth .btn {
        padding: 7px 21px;
        font-size: 13px;
      }

      .fourth .highlight, .sixth{
        overflow: hidden;
      }

      .sixth .btn:nth-child(3) {
        bottom: 35%;
        right: 0%;
      }

      .imgPotenciadores{
        display: block;
        max-width: 300px;
        height: auto;
      }

      .cardPotenciadores:nth-child(3) .imgPotenciadores{
        margin-bottom: 30px;
      }

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

      .cardPotenciadores.cardPotenciadoresImg{
        display: none;
      }

      .fifth {
        padding-top: 14px;
        margin-bottom: 90px;
      }

    }