/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


<!-- Banner Principal -->
<section style="background: #1a4d2e; padding: 80px 0; text-align: center; color: #fff;">
  <!-- Substitua abaixo pela imagem do seu banner institucional -->
  <!-- [INSIRA AQUI UMA IMAGEM DE BANNER COM PRODUTOS SPARTAN E O LOGO DA SUA EMPRESA] -->
  <h1>Distribuidor Oficial Spartan Química do Brasil</h1>
  <p>Há mais de 20 anos levando soluções profissionais de limpeza para Ceará, Maranhão e Piauí</p>
  <a href="/produtos" style="background: #fff; color: #1a4d2e; padding: 15px 40px; border-radius: 30px; text-decoration: none; font-weight: bold;">Ver Produtos</a>
</section>

<!-- Categorias em Destaque -->
<section style="padding: 40px 0; text-align: center;">
  <h2>Categorias de Produtos Spartan</h2>
  <div style="display: flex; justify-content: center; gap: 30px; flex-wrap: wrap;">
    <div>
      <!-- [INSIRA UMA IMAGEM REPRESENTANDO LIMPEZA PROFISSIONAL] -->
      <img src="URL_DA_IMAGEM_LIMPEZA_PROFISSIONAL" alt="Limpeza Profissional" style="width:120px;">
      <p>Limpeza Profissional</p>
    </div>
    <div>
      <!-- [INSIRA UMA IMAGEM REPRESENTANDO LIMPEZA AUTOMOTIVA] -->
      <img src="URL_DA_IMAGEM_LIMPEZA_AUTOMOTIVA" alt="Limpeza Automotiva" style="width:120px;">
      <p>Limpeza Automotiva</p>
    </div>
    <div>
      <!-- [INSIRA UMA IMAGEM REPRESENTANDO DESINFETANTES] -->
      <img src="URL_DA_IMAGEM_DESINFETANTES" alt="Desinfetantes" style="width:120px;">
      <p>Desinfetantes</p>
    </div>
    <div>
      <!-- [INSIRA UMA IMAGEM REPRESENTANDO EQUIPAMENTOS] -->
      <img src="URL_DA_IMAGEM_EQUIPAMENTOS" alt="Equipamentos" style="width:120px;">
      <p>Equipamentos</p>
    </div>
  </div>
</section>

<!-- Produtos em Destaque -->
<section style="background: #f7f7f7; padding: 40px 0; text-align: center;">
  <h2>Produtos em Destaque</h2>
  <!-- Este shortcode exibe produtos em destaque do WooCommerce -->
  [products limit="4" columns="4" visibility="featured"]
</section>

<!-- Sobre a Spartan Nordeste -->
<section style="padding: 40px 0; text-align: center;">
  <h2>Sobre Nós</h2>
  <!-- [INSIRA UMA FOTO DA SUA EQUIPE OU DA SUA SEDE] -->
  <p>
    Somos representantes oficiais da Spartan Química do Brasil há mais de 20 anos, atuando nos estados do Ceará, Maranhão e Piauí. Oferecemos o portfólio completo de soluções profissionais de limpeza, com qualidade, eficiência e suporte especializado.
  </p>
</section>

<!-- Vantagens/Benefícios -->
<section style="background: #e0f2e9; padding: 40px 0; text-align: center;">
  <h2>Por que comprar conosco?</h2>
  <ul style="list-style: none; padding: 0;">
    <li>🚚 Entrega rápida para todo o Nordeste</li>
    <li>✅ Produtos originais Spartan</li>
    <li>💬 Suporte especializado</li>
    <li>💳 Pagamento facilitado</li>
  </ul>
</section>

<!-- Contato Rápido -->
<section style="padding: 40px 0; text-align: center;">
  <h2>Fale Conosco</h2>
  <!-- [INSIRA UM ÍCONE OU IMAGEM DO WHATSAPP] -->
  <a href="https://wa.me/SEUNUMEROWHATSAPP" style="background: #25d366; color: #fff; padding: 15px 40px; border-radius: 30px; text-decoration: none; font-weight: bold;">Atendimento via WhatsApp</a>
  <br><br>
  <!-- Este shortcode exibe um formulário de contato criado no WPForms -->
  [wpforms id="ID_DO_SEU_FORMULARIO"]
</section>

<!-- Rodapé -->
<footer style="background: #1a4d2e; color: #fff; padding: 30px 0; text-align: center;">
  <!-- [INSIRA O LOGO DA SUA EMPRESA] -->
  <p>Distribuidor Oficial Spartan Química do Brasil | Ceará, Maranhão e Piauí</p>
  <p>&copy; 2024 Sua Empresa. Todos os direitos reservados.</p>
</footer>