.inovacao {
  & .banner_inovation {
    padding: 12.875rem 0 6.625rem;
    color: var(--gray-100);
    position: relative;
    z-index: 1;

    &::before {
      content: "";

      position: absolute;
      top: 0;
      left: 0;

      width: 100%;
      height: 46.125rem;

      background: url(/wp-content/uploads/2026/01/effect_top_inovacao.webp);

      z-index: -1;
    }

    & > div > div:nth-child(1) {
      margin-bottom: 5.875rem;
    }

    & .card_inovation {
      padding: 3.375rem 5.25rem;

      color: var(--white);

      width: 100%;
      height: 24.75rem;

      position: relative;
      z-index: 1;
		
	  overflow: hidden;

      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        background-color: #00000080;

        z-index: -1;
      }
		
	  &:hover {
		  & img {
			  transform: scale(1.15);
		  }
	  }

      & img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2;

        width: 100%;
        height: 100%;
        object-fit: cover;
		  
		transition: all .5s ease;
      }

      & h4 {
        position: absolute;
        bottom: 3.375rem;
        left: 2.875rem;
        right: 2.875rem;

        text-align: center;
      }
    }

    & .buttons > .button_tertiary {
      background: var(--white);

      &:hover {
        background: var(--purple);
      }
    }
  }
}

@media (max-width: 1280px) {
  .inovacao {
    & h3 {
      font-size: 1.75rem;
    }
  }
}

@media (max-width: 768px) {
  .inovacao {
    text-align: center;
    & h3 {
      margin-bottom: 2rem;
    }
  }
}

@media (max-width: 500px) {
  .inovacao {
    & .buttons {
      flex-direction: column;
    }
  }
}