Política de Troca

<style>
  :root{
    --brand-blue:#1e90ff; --brand-green:#10b981; --text:#222; --muted:#666; --card:#fff; --line:#e6e6e6; --bg:#fafafa;
  }
  .page-wrap{max-width:880px;margin:0 auto;padding:28px 16px;background:var(--bg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);}
  .hero{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 16px;margin-bottom:16px}
  .hero .badge{display:inline-block;padding:6px 10px;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#f4f7fb;border:1px solid #e5eaf0;border-radius:999px;color:#0b1220;}
  .hero h1{margin:4px 0 6px;font-size:24px}
  .hero p{margin:0;color:var(--muted)}
  .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}
  .card h3{margin:0 0 6px;font-size:18px}
  .card p{margin:6px 0}
  .card ul{margin:6px 0 0 18px}
  .foot{font-size:13px;color:var(--muted);margin-top:8px}
  .accent{border-left:4px solid; border-image:linear-gradient(90deg,var(--brand-green),var(--brand-blue)) 1}
  a{color:#0a7bdc;text-decoration:none;border-bottom:1px solid rgba(10,123,220,.25)}
  a:hover{border-bottom-color:#0a7bdc}
</style>

<div class="page-wrap">
  <div class="hero">
    <span class="badge">ERONO STORE</span>
    <h1>Política de Trocas</h1>
    <p>Queremos que fique satisfeito com a sua compra. Se precisar de trocar um produto, oferecemos condições claras e simples.</p>
  </div>

  <div class="card accent">
    <h3>Prazo</h3>
    <p>Pode solicitar uma troca no prazo de <strong>14 dias naturais</strong> após a entrega.</p>
  </div>

  <div class="card">
    <h3>Condições</h3>
    <ul>
      <li>O artigo deve estar no seu estado original, sem uso e com embalagem/etiquetas.</li>
      <li>Não são aceites trocas de produtos personalizados ou de higiene abertos.</li>
    </ul>
  </div>

  <div class="card">
    <h3>Processo</h3>
    <p>Escreva-nos para <a href="mailto:eromoes@gmail.com">eromoes@gmail.com</a> indicando o seu número de pedido e o produto que deseja trocar. Iremos fornecer-lhe as instruções para a devolução e o novo envio.</p>
  </div>

  <div class="card">
    <h3>Custos</h3>
    <p>Em geral, os custos de envio para trocas são suportados pelo cliente, salvo erro ou defeito no produto enviado.</p>
  </div>
</div>