/* Grid de clientes - largura total */
    .clients-grid-wrapper {
      width: 100vw;
      margin-left: calc(-50vw + 50%);
      padding: 40px 30px 20px 30px;
      position: relative;
    }

    .clients-grid-container {
      position: relative;
      overflow: hidden;
      max-height: 520px;
      transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .clients-grid-container.expanded {
      max-height: 5000px;
    }

    .clients-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 1.5rem;
      padding: 0 30px;
    }

    .client-card {
      background: linear-gradient(145deg, #ffffff, #f8f9fa);
      border: none;
      border-radius: 16px;
      padding: 35px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 220px;
      box-shadow:
        0 8px 25px rgba(5, 41, 74, 0.08),
        0 2px 6px rgba(5, 41, 74, 0.05);
      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
      position: relative;
      overflow: hidden;
    }

    .client-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(145deg, rgba(5, 41, 74, 0.03), transparent);
      opacity: 0;
      transition: opacity 0.4s ease;
    }

    .client-card:hover {
      transform: translateY(-8px) scale(1.03);
      box-shadow:
        0 15px 40px rgba(5, 41, 74, 0.15),
        0 5px 12px rgba(5, 41, 74, 0.1);
    }

    .client-card:hover::before {
      opacity: 1;
    }

    .client-card img {
      max-width: 100%;
      max-height: 150px;
      width: auto;
      height: auto;
      object-fit: contain;
      filter: grayscale(20%) brightness(0.95);
      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
      position: relative;
      z-index: 1;
    }

    .client-card:hover img {
      filter: grayscale(0%) brightness(1);
      transform: scale(1.1);
    }

    /* Botão de expandir */
    .expand-button {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 30px auto 0;
      padding: 15px 40px;
      background: linear-gradient(145deg, #05294a, #073d6b);
      color: white;
      border: none;
      border-radius: 50px;
      cursor: pointer;
      font-size: 16px;
      font-weight: 600;
      box-shadow: 0 8px 20px rgba(5, 41, 74, 0.2);
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .expand-button:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 30px rgba(5, 41, 74, 0.3);
      background: linear-gradient(145deg, #073d6b, #05294a);
    }

    .expand-button:active {
      transform: translateY(-1px);
    }

    .expand-button .arrow {
      display: inline-block;
      margin-left: 10px;
      transition: transform 0.3s ease;
      animation: bounce 2s infinite;
    }

    .expand-button.expanded .arrow {
      transform: rotate(180deg);
      animation: none;
    }

    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-8px);
      }
      60% {
        transform: translateY(-4px);
      }
    }

    .expand-button .button-text {
      transition: opacity 0.2s ease;
    }

	/* Define um tamanho fixo para a logo */
	.logo {
		width: 100px; /* Tamanho fixo */
		height: auto; /* Mantém a proporção */
		max-width: 100%; /* Garante que não estique */
	}
	.text-custom-size {
    font-size: 1.3rem; /* Exemplo de tamanho personalizado */
	}
	.imagem-maxima{
		max-width: 250px;
	}

	/* Responsividade para o grid de clientes */
	@media (max-width: 576px) {
		.imagem-maxima{
			max-width: 70%;
		}

		.clients-grid-wrapper {
			padding: 40px 15px 20px 15px;
		}

		.clients-grid {
			grid-template-columns: repeat(2, 1fr);
			gap: 0.8rem;
			padding: 0 15px;
		}

		.clients-grid-container {
			max-height: 420px;
		}

		.client-card {
			padding: 20px;
			min-height: 180px;
			border-radius: 12px;
		}

		.client-card img {
			max-height: 100px;
		}

		.client-card:hover {
			transform: translateY(-5px) scale(1.02);
		}

		.expand-button {
			padding: 12px 30px;
			font-size: 14px;
		}
	}

	@media (min-width: 577px) and (max-width: 768px) {
		.clients-grid-wrapper {
			padding: 40px 24px 20px 24px;
		}

		.clients-grid {
			grid-template-columns: repeat(3, 1fr);
			gap: 1rem;
			padding: 0 24px;
		}

		.clients-grid-container {
			max-height: 450px;
		}

		.client-card {
			padding: 25px;
			min-height: 190px;
		}

		.client-card img {
			max-height: 110px;
		}

		.expand-button {
			padding: 13px 35px;
			font-size: 15px;
		}
	}

	@media (min-width: 769px) and (max-width: 1024px) {
		.clients-grid-wrapper {
			padding: 40px 27px 20px 27px;
		}

		.clients-grid {
			grid-template-columns: repeat(4, 1fr);
			gap: 1.2rem;
			padding: 0 27px;
		}

		.clients-grid-container {
			max-height: 480px;
		}

		.client-card {
			padding: 28px;
			min-height: 200px;
		}

		.client-card img {
			max-height: 120px;
		}
	}

	@media (min-width: 1025px) and (max-width: 1400px) {
		.clients-grid-wrapper {
			padding: 40px 28px 20px 28px;
		}

		.clients-grid {
			grid-template-columns: repeat(5, 1fr);
			gap: 1.3rem;
			padding: 0 28px;
		}

		.clients-grid-container {
			max-height: 500px;
		}

		.client-card {
			padding: 30px;
			min-height: 210px;
		}

		.client-card img {
			max-height: 130px;
		}
	}

	@media (min-width: 1401px) {
		.clients-grid {
			grid-template-columns: repeat(6, 1fr);
			gap: 1.5rem;
		}

		.clients-grid-container {
			max-height: 520px;
		}
	}

	/* Setas do slider - customização */
	.hero_slider_nav {
		background: transparent !important;
		width: auto !important;
		height: auto !important;
	}

	.hero_slider_nav span {
		font-size: 60px !important;
		font-weight: 300 !important;
		color: #E8BB65 !important;
		text-transform: none !important;
		transition: all 0.3s ease;
		text-shadow: 2px 2px 4px rgba(232, 187, 101, 0.3);
	}

	.hero_slider_nav:hover {
		background: transparent !important;
	}

	.hero_slider_nav:hover span {
		color: #D3964C !important;
		transform: scale(1.3);
		text-shadow: 3px 3px 6px rgba(5, 41, 74, 0.4);
	}

	/* Aumentar largura do footer em 20% */
	.footer .container {
		max-width: 1440px; /* Aproximadamente 20% maior que o padrão 1200px */
	}

	@media (min-width: 1200px) {
		.footer .container {
			max-width: 1440px;
		}
	}