Teste123

<style type="text/css">.sepi-container{
  font-family:Arial, sans-serif;
  color:#1a1a1a;
  line-height:1.5;
}

.sepi-container h2{
  font-weight: 800;
  text-align: center;
  margin-bottom: 40px ;
  font-size: 1.8rem; 
  line-height: 1.3; 
}

/* HERO */
.sepi-hero{
  background:linear-gradient(135deg,#1a1a1a,#2d2d2d);
  color:#fff;
  padding:50px 40px;
  border-radius:18px;
  margin-bottom:40px;
  position:relative;
  overflow:hidden;
  text-align:center;
}

.sepi-hero::before{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#444,#feaa2a);
  content:"";
}

/* BADGES */
.sepi-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:50px;
  font-size:12px;
  font-weight:700;
  margin:5px;
  letter-spacing:0.5px;
  box-shadow:0 2px 6px rgba(0,0,0,0.25);
}

.sepi-badge.orange{background:#feaa2a;color:#1a1a1a;}
.sepi-badge.dark{background:#2a2a2a;color:#feaa2a;}

/* TITLES */
.sepi-title{
  font-size:28px;
  font-weight:800;
  margin:20px 0 10px;
}

.sepi-subtitle{
  font-size:16px;
  color:#d1d1d1;
  max-width:800px;
  margin:0 auto;
}

/* CARD */
.sepi-card{
  background:#fff;
  border-radius:16px;
  padding:30px;
  margin-bottom:40px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  border-left:6px solid #feaa2a;
}

.sepi-card.destaque > h2{
  text-align:start;
  font-size:22px;
  margin-bottom:20px;
  padding-bottom:10px;
  font-family: serif;
  border-bottom:2px solid #1a1a1a;  
}

.sepi-card p{margin-bottom:20px;}

.sepi-list{padding-left:20px;}
.sepi-list li{margin-bottom:12px;}

/* GRID */
.sepi-card.clean{border-left:none;box-shadow:none;}

.sepi-grid-4{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.sepi-feature{
  background:#ffffff;
  border-radius:16px;
  padding:22px;
  text-align:left;
  border-left:4px solid #feaa2a; 
  box-shadow:0 4px 6px rgba(0,0,0,0.04);
  transition:all 0.25s ease;
  position:relative;
}

.sepi-feature:hover{
  transform:translateY(-4px);
  box-shadow:0 4px 20px rgba(254,170,42,0.4);
}

/* TABLE */
.sepi-table-wrap{
  overflow-x:auto;
  margin-bottom:55px;
}

.sepi-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  border:1px solid #ddd;
}

.sepi-table th{
  padding:14px 18px;
  background:#1a1a1a;
  color:#fff;
  font-weight:700;
  text-align:center;
}

.sepi-table td{
  padding:14px 18px;
  border-bottom:1px solid #eee;
  text-align:center;
}

.sepi-table tr:nth-child(even){
  background:#f9f9f9;
}

/* APLICAÇÕES */
.sepi-app-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:18px;
  margin-bottom:55px;
}

.sepi-app-card{
  background:#ffffff;
  border-radius:16px;
  padding:22px;
  text-align:left;
  border-left:4px solid #feaa2a; 
  transition:0.25s;
  box-shadow:0 4px 6px rgba(0,0,0,0.04);
  transition:all 0.25s ease;
  position:relative;
}

.sepi-app-card:hover{
  transform:translateY(-4px);
  box-shadow:0 2px 20px rgba(254,170,42,0.4);
}

/* ALERT */
.sepi-alert{
  background:#fff3f3;
  border-left:4px solid #c83232;
  padding:22px 28px;
  border-radius:8px;
  margin-bottom:55px;
}

/* BOX */
.sepi-box-gray{
  background:#f0f0f0;
  padding:35px;
  border-radius:14px;
  margin-bottom:55px;
}

/* FAQ */
.sepi-faq{
  background:#fff;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
  overflow:hidden;
  margin-bottom:55px;
}

.sepi-faq-item{border-bottom:1px solid #eee;}
.sepi-faq-item:last-child{border-bottom:none;}

.sepi-faq-question{
  width:100%;
  background:none;
  border:none;
  padding:20px 22px;
  text-align:left;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.sepi-faq-question:hover{
  background:#f9f9f9;
}

.sepi-faq-icon{
  background:#feaa2a;
  width:26px;
  height:26px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sepi-faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
  padding:0 22px;
}

.sepi-faq-item.active .sepi-faq-answer{
  max-height:500px;
}

/* SOBRE */
.sepi-about{
  background:#f9f9f9;
  padding:30px;
  margin-bottom:40px;
  border-radius:12px;
  border-left:5px solid #feaa2a;
}

/* CTA */
.sepi-cta-buttons{
  display:flex;
  gap:15px;
  justify-content:center;
  margin-top:25px;
  flex-wrap:wrap;
}

.sepi-btn{
  padding:14px 26px;
  border-radius:40px;
  font-weight:700;
  text-decoration:none;
  transition:.2s;
}

.sepi-btn:hover{
  transform:translateY(-2px) scale(1.02);
}

.sepi-btn.primary{background:#feaa2a;color:#1a1a1a;}
.sepi-btn.secondary{
  background:transparent;
  color:#fff;
  border:2px solid #feaa2a;
}

/* MOBILE */
@media(max-width:768px){
  .sepi-grid-4{grid-template-columns:repeat(1,1fr);}
}
</style>
<div class="sepi-container">
  <!-- HERO -->
  <div class="sepi-hero">
    <span class="sepi-badge orange">Com CA</span> <span class="sepi-badge dark">OB Feminino</span> <span class="sepi-badge orange">Solado Borracha</span> <span class="sepi-badge dark">AIR FLOW</span>
    <div class="sepi-title">
      Tênis Ocupacional Feminino Delta Plus Buzios OB SRA Preto CA 53164
    </div>

    <div class="sepi-subtitle">
      Tênis ocupacional feminino com anatomia específica, cabedal têxtil, solado em borracha e design contemporâneo para rotinas de indústria ligeira e serviços, oferecendo conforto, leveza e versatilidade no uso diário.
    </div>
  </div>
  <!-- DESTAQUE -->

  <div class="sepi-card destaque">
    <span style="color:#7a4700;font-size:0.95rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;">Conforto Ocupacional com Perfil Feminino</span>

    <h2>Por que o Buzios OB SRA é uma escolha eficiente para rotinas leves e dinâmicas?</h2>

    <p>O <strong style="color:#feaa2a">Tênis Ocupacional Feminino Delta Plus Buzios OB SRA</strong> foi desenvolvido para ambientes profissionais que exigem mobilidade, conforto e apresentação moderna sem abrir mão da conformidade ocupacional. Seu formato com anatomia feminina favorece o ajuste ao pé, enquanto os materiais leves contribuem para uma rotina mais confortável ao longo do expediente.</p>

    <ul class="sepi-list">
      <li><strong>Anatomia feminina:</strong> construção pensada para melhor adaptação ao público feminino, favorecendo ajuste, ergonomia e conforto no uso contínuo.</li>
      <li><strong>Cabedal têxtil:</strong> estrutura leve que contribui para respirabilidade e flexibilidade, adequada para atividades com deslocamento frequente.</li>
      <li><strong>Solado em borracha:</strong> oferece boa aderência para ambientes ocupacionais internos e rotinas de indústria ligeira.</li>
      <li><strong>Tecnologia AIR FLOW:</strong> ajuda na sensação de conforto durante a jornada, colaborando para melhor circulação de ar no calçado.</li>
      <li><strong>Design contemporâneo:</strong> visual versátil em cor preta para uso profissional em hotéis, restaurantes, setor automotivo e operações leves.</li>
    </ul>
  </div>
  <!-- CARACTERÍSTICAS PREMIUM -->

  <div class="sepi-card clean">
    <h2>Características Premium</h2>

    <div class="sepi-grid-4">
      <div class="sepi-feature">
        <div class="sepi-feature-head">
          <span class="sepi-feature-icon">👟</span>

          <h4 class="sepi-feature-title">Anatomia Feminina</h4>
        </div>

        <p class="sepi-feature-desc">Modelo ocupacional com desenho desenvolvido para o público feminino, promovendo melhor encaixe e maior conforto durante a rotina de trabalho.</p>

        <p class="sepi-feature-desc"><strong>Destaque:</strong> ajuste mais compatível com a ergonomia feminina.</p>
      </div>

      <div class="sepi-feature">
        <div class="sepi-feature-head">
          <span class="sepi-feature-icon">🌬️</span>

          <h4 class="sepi-feature-title">Tecnologia AIR FLOW</h4>
        </div>

        <p class="sepi-feature-desc">O cabedal têxtil aliado ao conceito AIR FLOW favorece leveza e sensação de ventilação, contribuindo para mais conforto em jornadas prolongadas.</p>

        <p class="sepi-feature-desc"><strong>Conforto:</strong> estrutura pensada para uso diário e movimentação constante.</p>
      </div>

      <div class="sepi-feature">
        <div class="sepi-feature-head">
          <span class="sepi-feature-icon">🦶</span>

          <h4 class="sepi-feature-title">Solado em Borracha</h4>
        </div>

        <p class="sepi-feature-desc">A sola em borracha entrega durabilidade e contato firme com o piso, sendo indicada para atividades ocupacionais em ambientes de indústria ligeira e serviços.</p>

        <p class="sepi-feature-desc"><strong>Segurança:</strong> base robusta para a rotina profissional.</p>
      </div>

      <div class="sepi-feature">
        <div class="sepi-feature-head">
          <span class="sepi-feature-icon">✨</span>

          <h4 class="sepi-feature-title">Leve e Versátil</h4>
        </div>

        <p class="sepi-feature-desc">Com aproximadamente 249 g por pé, o modelo entrega uma proposta leve, moderna e funcional para diferentes segmentos de trabalho leve.</p>

        <p class="sepi-feature-desc"><strong>Diferencial:</strong> solado com fragrância de canela.</p>
      </div>
    </div>
  </div>
  <!-- FICHA TÉCNICA -->

  <h2>Ficha Técnica Completa</h2>

  <div aria-label="Ficha técnica completa do Tênis Ocupacional Feminino Delta Plus Buzios OB SRA CA 53164" class="sepi-table-wrap" role="region" tabindex="0">
    <table class="sepi-table">
      <thead>
        <tr>
          <th style="width:35%;">Característica</th>
          <th>Especificação</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><strong>Modelo / Código</strong></td>
          <td>BUZIOS OB SRA</td>
        </tr>
        <tr>
          <td><strong>Certificado de Aprovação (CA)</strong></td>
          <td><strong>53.164</strong></td>
        </tr>
        <tr>
          <td><strong>Validade do CA</strong></td>
          <td>Não informado</td>
        </tr>
        <tr>
          <td><strong>Fabricante / Marca</strong></td>
          <td>Delta Plus</td>
        </tr>
        <tr>
          <td><strong>Natureza</strong></td>
          <td>Não informado</td>
        </tr>
        <tr>
          <td><strong>Material</strong></td>
          <td>Cabedal têxtil, sola de borracha e palmilha em PU</td>
        </tr>
        <tr>
          <td><strong>Gramatura</strong></td>
          <td>Não informado</td>
        </tr>
        <tr>
          <td><strong>Cor</strong></td>
          <td>Preto</td>
        </tr>
        <tr>
          <td><strong>Formato</strong></td>
          <td>Sapato baixo</td>
        </tr>
        <tr>
          <td><strong>Fechamento</strong></td>
          <td>Não informado</td>
        </tr>
        <tr>
          <td><strong>Costuras</strong></td>
          <td>Não informado</td>
        </tr>
        <tr>
          <td><strong>Ajustes</strong></td>
          <td>Não informado</td>
        </tr>
        <tr>
          <td><strong>Antiestático</strong></td>
          <td>Não informado</td>
        </tr>
        <tr>
          <td><strong>Proteção Química</strong></td>
          <td>Não se aplica</td>
        </tr>
        <tr>
          <td><strong>Normas</strong></td>
          <td>NBR ISO 20347</td>
        </tr>
        <tr>
          <td><strong>Tamanhos</strong></td>
          <td>34 ao 40</td>
        </tr>
        <tr>
          <td><strong>Uso</strong></td>
          <td>Ocupacional</td>
        </tr>
      </tbody>
    </table>
  </div>
  <!-- TAMANHOS -->

  <h2>Tamanhos Disponíveis</h2>

  <div class="sepi-table-wrap">
    <table class="sepi-table">
      <thead>
        <tr>
          <th>Tamanho</th>
          <th>34</th>
          <th>35</th>
          <th>36</th>
          <th>37</th>
          <th>38</th>
          <th>39</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><strong>Disponibilidade</strong></td>
          <td>Disponível</td>
          <td>Disponível</td>
          <td>Disponível</td>
          <td>Disponível</td>
          <td>Disponível</td>
          <td>Disponível</td>
        </tr>
        <tr>
          <td><strong>Faixa de numeração</strong></td>
          <td colspan="6">34 ao 40</td>
        </tr>
      </tbody>
    </table>
  </div>
  <!-- APLICAÇÕES -->

  <h2>Aplicações Ideais</h2>

  <div class="sepi-app-grid">
    <div class="sepi-app-card">
      <span class="sepi-app-icon">🏨</span> <strong>Hotéis</strong>

      <p>Conforto para rotinas de atendimento e circulação.</p>
    </div>

    <div class="sepi-app-card">
      <span class="sepi-app-icon">🍽️</span> <strong>Restaurantes</strong>

      <p>Indicado para equipes em operação leve.</p>
    </div>

    <div class="sepi-app-card">
      <span class="sepi-app-icon">🏭</span> <strong>Indústria Leve</strong>

      <p>Uso ocupacional em ambientes produtivos leves.</p>
    </div>

    <div class="sepi-app-card">
      <span class="sepi-app-icon">🚗</span> <strong>Automotivo</strong>

      <p>Adequado para atividades de apoio e serviços.</p>
    </div>
  </div>
  <!-- RESTRIÇÕES -->

  <div class="sepi-alert">
    <h3 style="margin-top:0;font-size:1.4rem;margin-bottom:20px">Restrições e Limitações de Uso</h3>

    <p><strong>Uso ocupacional:</strong> não substitui calçados de segurança para atividades com exigência adicional de proteção específica.</p>

    <p><strong>Ambientes severos:</strong> não é o modelo indicado para operações pesadas ou exposição intensa a agentes agressivos.</p>

    <p><strong>Conservação:</strong> não utilizar se o solado ou o cabedal apresentarem desgaste que comprometa o desempenho.</p>
  </div>
  <!-- INSTRUÇÕES DE USO -->

  <div class="sepi-box-gray">
    <h3 style="margin-top:0;font-size:1.4rem;margin-bottom:20px">Instruções de Uso e Descarte</h3>

    <p><strong>Pré-uso:</strong> verifique as condições gerais do cabedal, da palmilha e do solado antes da utilização.</p>

    <p><strong>Uso:</strong> utilize o calçado em atividades compatíveis com sua classificação ocupacional e mantenha o ajuste confortável ao pé.</p>

    <p><strong>Conservação:</strong> higienize conforme a necessidade e mantenha em local seco e arejado após o uso.</p>
  </div>
  <!-- FAQ -->

  <h2>Perguntas Frequentes</h2>

  <div class="sepi-faq">
    <div class="sepi-faq-item">
      <button class="sepi-faq-question">Esse tênis possui CA? <span class="sepi-faq-icon">+</span></button>

      <div class="sepi-faq-answer">
        <p><strong>Sim.</strong> O modelo possui CA 53.164.</p>
      </div>
    </div>

    <div class="sepi-faq-item">
      <button class="sepi-faq-question">Ele é indicado para uso feminino? <span class="sepi-faq-icon">+</span></button>

      <div class="sepi-faq-answer">
        <p><strong>Sim.</strong> O modelo foi desenvolvido com anatomia feminina.</p>
      </div>
    </div>

    <div class="sepi-faq-item">
      <button class="sepi-faq-question">Em quais segmentos esse calçado pode ser usado? <span class="sepi-faq-icon">+</span></button>

      <div class="sepi-faq-answer">
        <p><strong>É indicado</strong> para hotéis, restaurantes, indústria leve e setor automotivo.</p>
      </div>
    </div>

    <div class="sepi-faq-item">
      <button class="sepi-faq-question">Esse modelo é um calçado de segurança para serviços pesados? <span class="sepi-faq-icon">+</span></button>

      <div class="sepi-faq-answer">
        <p><strong>Não.</strong> Trata-se de um calçado ocupacional para atividades compatíveis com sua classificação.</p>
      </div>
    </div>
  </div>
  <!-- SOBRE A MARCA -->

  <div class="sepi-about">
    <h3>Sobre a Delta Plus</h3>

    <p>A Delta Plus é uma marca global de equipamentos de proteção, reconhecida por desenvolver soluções voltadas à segurança, conforto e desempenho para diferentes ambientes de trabalho.</p>
  </div>
  <!-- CTA FINAL -->

  <div style="background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:45px;text-align:center;border-radius:14px;margin-bottom:30px;">
    <h2 style="color:#feaa2a;font-size:1.7rem;margin-bottom:15px;font-weight:800;">Conforto Ocupacional Feminino para a Rotina Profissional</h2>

    <p style="max-width:800px;margin:0 auto 20px;line-height:1.6;">O Delta Plus Buzios OB SRA combina leveza, anatomia feminina, solado em borracha e visual moderno para quem precisa de conforto e praticidade no dia a dia de trabalho.</p>

    <div class="sepi-cta-buttons">
      <a class="sepi-btn secondary" href="https://www.superepi.com.br/calcado-de-seguranca-tipo-tenis-feminino-estival-smart-linha-hybrid-lilas-bico-composite-ca-47750-p1063938" target="_blank">Ver Produtos Semelhantes </a> <a class="sepi-btn primary" href="https://www.superepi.com.br/marcas/delta-plus" target="_blank"> Ver Mais da Delta Plus </a>
    </div>
  </div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(){
  document.querySelectorAll('.sepi-faq-question').forEach(function(button){
    button.addEventListener('click', function(){
      var item = button.parentElement;
      item.classList.toggle('active');
    });
  });
});
</script>