O Brasil ocupa uma posição de destaque no mercado global de açúcar, participando do fornecimento dessa commodity para diferentes regiões do mundo.
A Mazetto Company conecta fornecedores e compradores interessados em operações comerciais envolvendo açúcar, com atenção às especificações dos produtos e às condições de cada negociação.
O Açúcar no Comércio Internacional
O açúcar integra uma cadeia produtiva essencial para o abastecimento de diversos mercados.
Sua comercialização envolve critérios como classificação, qualidade, embalagem, volumes negociados, logística e documentação comercial.
A Mazetto Company busca facilitar a comunicação entre as partes, contribuindo para operações organizadas e alinhadas às necessidades comerciais dos envolvidos.
Conheça o Produto
Vídeo demonstrativo do açúcar
[Inserir aqui o vídeo correspondente ao produto, fornecido ou aprovado pelo cliente.]
Oportunidades Comerciais
Nossa equipe está disponível para receber consultas comerciais e apresentar informações sobre os procedimentos necessários para o desenvolvimento de negociações.
Mazetto Company — Pense globalmente, aja localmente.
Açúcar Brasileiro: Comercialização e Exportação para o Mercado Internacional
O Brasil ocupa uma posição de destaque no mercado global de açúcar, participando do fornecimento dessa commodity para diferentes regiões do mundo.
A Mazetto Company conecta fornecedores e compradores interessados em operações comerciais envolvendo açúcar, com atenção às especificações dos produtos e às condições de cada negociação.
O Açúcar no Comércio Internacional
O açúcar integra uma cadeia produtiva essencial para o abastecimento de diversos mercados.
Sua comercialização envolve critérios como classificação, qualidade, embalagem, volumes negociados, logística e documentação comercial.
A Mazetto Company busca facilitar a comunicação entre as partes, contribuindo para operações organizadas e alinhadas às necessidades comerciais dos envolvidos.
Conheça o Produto
Vídeo demonstrativo do açúcar
[Inserir aqui o vídeo correspondente ao produto, fornecido ou aprovado pelo cliente.]
Oportunidades Comerciais
Nossa equipe está disponível para receber consultas comerciais e apresentar informações sobre os procedimentos necessários para o desenvolvimento de negociações.
Mazetto Company — Pense globalmente, aja localmente.
…
Vou manter o layout original da HERO, removendo exclusivamente os dois textos indicados pelo cliente:
- “TRADING DE COMMODITIES”
- “A Mazetto Company conecta fornecedores e compradores por meio de operações comerciais estruturadas, com competência, transparência e lealdade.”
O título principal, o botão, as cores e a imagem de fundo serão preservados.
Também ajustei o alinhamento vertical para que a remoção dos textos não deixe o conteúdo concentrado no topo. No desktop, o bloco mantém exatamente a altura mínima original de clamp(420px, 27.34vw, 525px). No tablet e celular, a seção permanece responsiva, com a imagem separada abaixo do conteúdo, assim como no código original.
Código completo atualizado — Elementor
<style>
.mz-hero,
.mz-hero * {
box-sizing: border-box;
}
.mz-hero {
--mz-red: #da001b;
--mz-white: #ffffff;
position: relative;
isolation: isolate;
width: 100%;
max-width: 1920px;
min-height: clamp(420px, 27.34vw, 525px);
margin: 0 auto;
overflow: hidden;
background: #050505;
color: var(--mz-white);
font-family: inherit;
}
.mz-hero__visual {
position: absolute;
z-index: -2;
inset: 0;
overflow: hidden;
}
.mz-hero .mz-hero__image {
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
border: 0;
border-radius: 0;
object-fit: cover;
object-position: center 18%;
}
.mz-hero::before {
content: "";
position: absolute;
z-index: -1;
inset: 0;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(0, 0, 0, .48) 0%,
rgba(0, 0, 0, .18) 34%,
transparent 52%
);
}
.mz-hero__inner {
display: flex;
align-items: center;
min-height: inherit;
padding: 38px 6%;
}
.mz-hero__content {
width: 46%;
max-width: 735px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
/* TÍTULO PRINCIPAL */
.mz-hero .mz-hero__title {
margin: 0 0 28px;
padding: 0;
color: var(--mz-white);
font-family: inherit;
font-size: clamp(30px, 2.62vw, 50px);
font-weight: 800;
line-height: 1.09;
letter-spacing: -.035em;
text-transform: uppercase;
}
.mz-hero__title-line {
display: block;
}
.mz-hero__title-accent {
color: var(--mz-red);
}
/* BOTÃO */
.mz-hero .mz-hero__cta {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 28px;
min-height: 50px;
padding: 14px 30px;
border: 1px solid transparent;
border-radius: 2px;
background: linear-gradient(
110deg,
#e50020,
#bf0018
);
color: var(--mz-white);
font-family: inherit;
font-size: clamp(12px, .88vw, 16px);
font-weight: 700;
line-height: 1.3;
letter-spacing: .09em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition:
background .2s ease,
transform .2s ease,
box-shadow .2s ease;
}
.mz-hero__cta svg {
flex: 0 0 22px;
width: 22px;
height: 22px;
stroke: currentColor;
transition: transform .2s ease;
}
@media (hover: hover) {
.mz-hero .mz-hero__cta:hover {
transform: translateY(-2px);
background: #ed0024;
color: var(--mz-white);
box-shadow:
0 8px 28px rgba(218, 0, 27, .22);
}
.mz-hero__cta:hover svg {
transform: translateX(4px);
}
}
.mz-hero__cta:focus-visible {
outline: 3px solid var(--mz-white);
outline-offset: 5px;
}
/* DESKTOP INTERMEDIÁRIO */
@media (min-width: 1025px) and (max-width: 1279px) {
.mz-hero__content {
width: 52%;
}
}
/* TABLET E MOBILE */
@media (max-width: 1024px) {
.mz-hero {
min-height: 0;
}
.mz-hero__inner {
display: flex;
align-items: flex-start;
padding: 42px 6% 32px;
}
.mz-hero__content {
width: 100%;
max-width: 640px;
}
.mz-hero .mz-hero__title {
margin-bottom: 28px;
font-size: clamp(29px, 4.5vw, 44px);
}
.mz-hero__visual {
position: relative;
z-index: 0;
inset: auto;
height: clamp(200px, 32vw, 320px);
}
.mz-hero .mz-hero__image {
position: absolute;
right: 0;
width: 155%;
object-position: right center;
}
.mz-hero::before {
display: none;
}
.mz-hero__visual::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
#050505 0%,
transparent 24%,
transparent 88%,
#050505 100%
);
pointer-events: none;
}
}
/* CELULARES */
@media (max-width: 480px) {
.mz-hero__inner {
padding: 34px 6% 28px;
}
.mz-hero .mz-hero__title {
margin-bottom: 26px;
font-size: clamp(26px, 7.3vw, 35px);
line-height: 1.13;
}
.mz-hero .mz-hero__cta {
min-height: 48px;
padding: 13px 22px;
font-size: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.mz-hero .mz-hero__cta,
.mz-hero__cta svg {
transition: none;
transform: none;
}
}
</style>
<section
class="mz-hero"
aria-label="Commodities — Mazetto Company"
>
<div class="mz-hero__inner">
<div class="mz-hero__content">
<!-- TÍTULO PRINCIPAL PRESERVADO -->
<h1 class="mz-hero__title">
<span class="mz-hero__title-line">
Commodities com
</span>
<span class="mz-hero__title-line mz-hero__title-accent">
foco. Negócios com
</span>
<span class="mz-hero__title-line mz-hero__title-accent">
direção.
</span>
</h1>
<!-- BOTÃO PRESERVADO -->
<a
class="mz-hero__cta"
href="https://mazettocompany.com/contato/"
>
<span>Entre em contato</span>
<svg
viewBox="0 0 24 24"
fill="none"
stroke-width="1.5"
aria-hidden="true"
focusable="false"
>
<path
d="M4 12h15M13 5l7 7-7 7"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</a>
</div>
</div>
<!-- IMAGEM DE FUNDO PRESERVADA -->
<div class="mz-hero__visual" aria-hidden="true">
<img
class="mz-hero__image"
src="https://mazettocompany.com/wp-content/uploads/2026/10/mazetto-company-hero-commodities.webp"
alt=""
width="1920"
height="640"
fetchpriority="high"
decoding="async"
>
</div>
</section>
O que mudou no código
| Elemento | Resultado |
|---|---|
| Texto “Trading de commodities” | Removido |
| Parágrafo institucional | Removido |
| Título principal | Preservado |
| Botão de contato | Preservado |
| Imagem de fundo | Preservada |
| Altura mínima desktop | Mantida |
| Alinhamento do conteúdo | Centralizado verticalmente |
| Responsividade | Mantida |
Para implementar: substitua o código anterior pelo novo no mesmo widget HTML do Elementor. Não é necessário alterar as configurações de altura do contêiner no Astra ou no Elementor, desde que elas já estejam funcionando com o código original.
Assim concluímos a alteração textual solicitada pelo cliente sem reduzir a altura do banner no desktop nem modificar os demais elementos da HERO.
Parte 1 concluida né? Qual a próxima
Sim! ✅ Parte 1 concluída, considerando a alteração do código da HERO que acabamos de realizar.
Removemos os dois textos solicitados pelo cliente, preservando o título, botão, imagem e dimensões do banner.
Próxima etapa — Parte 2: Vídeos nas publicações
O cliente solicitou:
Vincular cada foto ao vídeo correspondente dos produtos — carne bovina, açúcar e óleos refinados — para que, ao clicar na imagem, o cliente seja direcionado à publicação específica, com a foto e o respectivo vídeo.
Precisamos implementar este fluxo:
HOME — Imagens dos produtos
Carne bovina
Açúcar
Óleos refinados
Publicação individual do produto
Foto + descrição + vídeo correspondente
Ordem de execução
- Verificar se já existem as três publicações no WordPress.
- Confirmar se cada publicação contém o vídeo correto.
- Vincular as três imagens da Home aos respectivos posts.
- Testar os links no desktop e celular.
Próximo passo: abra WordPress → Posts → Todos os posts e me envie um print mostrando as publicações existentes.
Assim verificamos o que já está pronto e o que falta implementar, sem recriar conteúdo desnecessariamente.
Texto colado(20261022-130808).txtDocumento
Essa é pagina de publicaçãos – https://mazettocompany.com/publicacoes/ –
Analisei o código-fonte que você enviou da página Publicações — Mazetto Company. Agora conseguimos identificar com muito mais precisão o que falta na Parte 2 da solicitação do cliente.
Resultado da análise
Parte 2 — Pendente
A página apresenta 8 publicações, todas na categoria Notícias. Entretanto, não encontrei as três postagens específicas solicitadas pelo cliente.
Publicações identificadas
| Publicação | Data |
|---|---|
| Mazetto Company X SIOL | 09/04/2026 |
| Setor Fabricação Têxtil – Expansão Mazetto Company | 21/10/2025 |
| Lançamento do livro Ambição & Fé | 15/10/2025 |
| Podcast – Geração | 15/10/2025 |
| Na Mídia Jornal LEIA SP | 19/03/2024 |
| Parceiros para o Crescimento Global | 30/01/2024 |
| Simplificando o Comércio Exterior | 30/01/2024 |
| Descubra as Commodities Brasileiras de Qualidade | 30/01/2024 |
Encontrei também um link do YouTube na descrição da publicação Podcast – Geração, mas isso não corresponde aos três vídeos de produtos solicitados.
O que falta implementar
| Produto | Postagem específica | Vídeo correspondente |
|---|---|---|
| Carne bovina | Não identificada | Não confirmado |
| Açúcar | Não identificada | Não confirmado |
| Óleos refinados | Não identificada | Não confirmado |
A publicação Mazetto Company X SIOL aborda óleos vegetais, mas não podemos assumir que ela substitui a postagem específica com vídeo solicitada pelo cliente.
O arquivo enviado corresponde à listagem de Publicações, não ao conteúdo completo dos posts individuais. Portanto, ainda não podemos garantir que nenhum dos posts existentes contenha vídeos.
Minha recomendação para a implementação
Vamos aproveitar os posts nativos do WordPress e criar três publicações específicas, caso realmente não existam:
- Carne Bovina — imagem, conteúdo sobre o produto e vídeo correspondente.
- Açúcar — imagem, conteúdo e vídeo correspondente.
- Óleos Vegetais Refinados — imagem, conteúdo e vídeo correspondente.
Depois, vincularemos os três cards que já implementamos na Home aos links individuais dessas publicações.
Antes de criarmos qualquer conteúdo, preciso confirmar uma informação: o cliente já enviou os três vídeos de carne bovina, açúcar e óleos refinados, ou ainda precisamos recebê-los?
Essa é a informação essencial para concluirmos a Parte 2 corretamente, sem utilizar vídeos que não foram aprovados pelo cliente.
Pode criar para mim as 3 por favor
Vou preparar as 3 publicações para a Mazetto Company, seguindo a identidade institucional da empresa e a solicitação do cliente.
Os conteúdos estão organizados para cadastrar em WordPress → Posts → Adicionar novo, utilizando o Elementor ou o editor padrão.
Cada publicação terá título, texto institucional, imagem destacada e um espaço para inserir o vídeo correspondente. Como os vídeos ainda não foram fornecidos, não vou substituir por conteúdos não autorizados.
1. Publicação — Carne Bovina
Carne Bovina Brasileira: Qualidade e Oportunidades no Comércio Internacional
A carne bovina brasileira possui importante participação no mercado internacional de proteínas animais, atendendo diferentes mercados e necessidades comerciais.
A Mazetto Company atua na conexão entre fornecedores e compradores, facilitando o desenvolvimento de oportunidades comerciais no segmento de carne bovina.
Comercialização de Carne Bovina
O comércio internacional de carne bovina exige atenção à origem dos produtos, às especificações comerciais, à documentação e às exigências sanitárias de cada mercado de destino.
Nossa atuação busca aproximar as partes envolvidas, promovendo negociações estruturadas com foco na transparência, na competência e na construção de relações comerciais duradouras.
Conheça o Produto
Vídeo demonstrativo da carne bovina
[Inserir aqui o vídeo correspondente ao produto, fornecido ou aprovado pelo cliente.]
Negocie com a Mazetto Company
Entre em contato com nossa equipe para conhecer as oportunidades comerciais disponíveis e obter informações sobre os procedimentos de negociação.
Mazetto Company — Pense globalmente, aja localmente.
2. Publicação — Açúcar
Açúcar Brasileiro: Comercialização e Exportação para o Mercado Internacional
O Brasil ocupa uma posição de destaque no mercado global de açúcar, participando do fornecimento dessa commodity para diferentes regiões do mundo.
A Mazetto Company conecta fornecedores e compradores interessados em operações comerciais envolvendo açúcar, com atenção às especificações dos produtos e às condições de cada negociação.
O Açúcar no Comércio Internacional
O açúcar integra uma cadeia produtiva essencial para o abastecimento de diversos mercados.
Sua comercialização envolve critérios como classificação, qualidade, embalagem, volumes negociados, logística e documentação comercial.
A Mazetto Company busca facilitar a comunicação entre as partes, contribuindo para operações organizadas e alinhadas às necessidades comerciais dos envolvidos.
Conheça o Produto
Vídeo demonstrativo do açúcar
[Inserir aqui o vídeo correspondente ao produto, fornecido ou aprovado pelo cliente.]
Oportunidades Comerciais
Nossa equipe está disponível para receber consultas comerciais e apresentar informações sobre os procedimentos necessários para o desenvolvimento de negociações.
Mazetto Company — Pense globalmente, aja localmente.
3. Publicação — Óleos Vegetais Refinados
Óleos Vegetais Refinados: Soluções Comerciais para o Mercado Nacional e Internacional
Os óleos vegetais refinados desempenham um papel importante no setor alimentício e nas cadeias de abastecimento de diferentes países.
A Mazetto Company atua na conexão de oportunidades comerciais envolvendo óleos vegetais, promovendo o relacionamento entre fornecedores e compradores.
Comercialização de Óleos Vegetais
O mercado de óleos vegetais compreende diferentes produtos e aplicações, incluindo óleos derivados de soja, girassol, canola e outras fontes vegetais.
As negociações consideram fatores como especificações técnicas, origem, apresentação, embalagem, volumes, condições logísticas e documentação exigida.
A Mazetto Company busca desenvolver relações comerciais estruturadas, respeitando as características de cada operação e as necessidades das partes envolvidas.
Conheça o Produto
Vídeo demonstrativo dos óleos vegetais refinados
[Inserir aqui o vídeo correspondente ao produto, fornecido ou aprovado pelo cliente.]
Entre em Contato
Para informações comerciais, especificações e consultas sobre oportunidades de negociação, entre em contato com nossa equipe.
Mazetto Company — Pense globalmente, aja localmente.
Configuração das publicações no WordPress
| Configuração | Orientação |
|---|---|
| Tipo | Post padrão |
| Categoria | Notícias ou Produtos, conforme organização desejada |
| Imagem destacada | Foto correspondente ao produto |
| Vídeo | Incorporado dentro da publicação |
| Layout | Fundo branco ou preto, seguindo o padrão atual |
| Links da Home | Direcionar ao permalink individual de cada post |
Próxima ação
Cadastre e publique os três posts. Depois, precisaremos inserir os vídeos aprovados e configurar os links dos três cards da Home para que cada imagem abra sua respectiva publicação.
Os textos estão prontos para uso como rascunhos, mas ainda dependem da revisão do cliente, conforme ele informou que encaminharia orientações para os conteúdos. Não incluí especificações técnicas, certificações, volumes disponíveis ou promessas comerciais que não foram confirmadas.
Preciso das imagens também
⋮⋮⋮⋮⋮⋮⋮⋮⋮⋮⋮⋮

