<h2>Selecciona el tipo de producto</h2>
<div class="product-selector">
<button onclick="selectProduct('Botella Plástico - Químicos')">Botella Plástico - Químicos</button>
<button onclick="selectProduct('Automotriz')">Automotriz</button>
<button onclick="selectProduct('Alimentos')">Alimentos</button>
<button onclick="selectProduct('Etiqueta de Ropa')">Etiqueta de Ropa</button>
<button onclick="selectProduct('Botellas')">Botellas</button>
<button onclick="selectProduct('Jabones Líquidos y Sólidos')">Jabones</button>
<button onclick="selectProduct('Electrónicos')">Electrónicos</button>
</div>
<script>
function selectProduct(productType) {
sessionStorage.setItem("selectedProduct", productType);
window.location.href = "editor-etiqueta.html"; // Página del editor
}
</script>
<style>
.product-selector {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1rem;
margin-top: 1rem;
}
.product-selector button {
padding: 1rem;
font-size: 1rem;
border: 2px solid #ccc;
border-radius: 10px;
cursor: pointer;
background: #f9f9f9;
transition: all 0.3s ease;
}
.product-selector button:hover {
background-color: #e6f7ff;
border-color: #007bff;
}
</style>
