:root { --gpm-blue:#003B73; --gpm-dark:#2E2E2E; --muted:#6b7280; --bg:#f9fafb; --card:#fff; --border:#e5e7eb; } body { margin:0; font-family: Arial, sans-serif; background:var(--bg); color:var(--gpm-dark); } .container { max-width:1200px; margin:auto; padding:0 16px; } h1, h2 { color:var(--gpm-blue); } header { background:#fff; border-bottom:1px solid var(--border); position:sticky; top:0; z-index:10; } header .bar { display:flex; justify-content:space-between; align-items:center; padding:16px; } .hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:24px; padding:60px 0; } .hero img { border-radius:12px; width:100%; height:300px; object-fit:cover; } .hero h1 { font-size:2rem; margin-bottom:12px; } .btn { display:inline-block; padding:10px 18px; border-radius:8px; border:1px solid var(--border); text-decoration:none; color:#fff; background:var(--gpm-blue); transition:background .2s; } .btn:hover { background:#0b58a0; } .toolbar { display:flex; gap:8px; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 16px; } .filters { display:flex; gap:8px; flex-wrap:wrap; } .filter-btn { padding:8px 12px; border:1px solid var(--border); background:#fff; border-radius:8px; cursor:pointer; font-size:14px; color: var(--gpm-dark); } .filter-btn.active { background:var(--gpm-blue); color:#fff; border-color:var(--gpm-blue); } .search { padding:8px 12px; border:1px solid var(--border); border-radius:8px; min-width:200px; } .grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:20px; } .card { background:var(--card); border:1px solid var(--border); border-radius:12px; overflow:hidden; display:flex; flex-direction:column; } .card img { width:100%; height:200px; object-fit:cover; } .card-body { padding:16px; } .card-body h3 { margin:0 0 8px; color:var(--gpm-blue); } .tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; } .tag { font-size:12px; padding:4px 8px; border:1px solid var(--border); border-radius:999px; color:#334155; background:#fff; } footer { margin-top:40px; padding:20px; text-align:center; border-top:1px solid var(--border); color:var(--muted); font-size:.9rem; }

GPM · Portafolio

Puestos de trabajo para oficinas modernas

Explora nuestra colección de estaciones de trabajo: bench, dobles, call center y recepciones. Diseños modernos, materiales resistentes y acabados personalizados.

Ver proyectos

Galería de Puestos de Trabajo

Todos Doble Bench Call Center Recepción Con gestión eléctrica

Doble 160×60 · Blanco

Estructura metálica con canaletas eléctricas.

DobleEléctrico160×60

Bench 4 puestos · Roble

Melamina roble con pasacables ocultos.

Bench4 puestosPasacables

Call Center 3 puestos · Gris

Biombos tapizados con privacidad acústica.

Call Center3 puestosBiombos

Recepción en L · Blanco LED

Mostrador curvo con iluminación LED.

RecepciónLEDCurvo

Contacto

¿Quieres cotizar un puesto de trabajo? Escríbenos y recibe respuesta rápida.

WhatsApp [email protected]

document.getElementById('year').textContent = new Date().getFullYear(); (function(){ var grid = document.getElementById('grid'); if(!grid) return; var cards = Array.prototype.slice.call(grid.querySelectorAll('.card')); var search = document.getElementById('search'); var toolbar = document.getElementById('filters'); var state = { filter: 'all', q: '' }; function apply(){ var q = state.q.trim().toLowerCase(); cards.forEach(function(card){ var cats = (card.getAttribute('data-cat')||'').split(/\s+/); var tags = (card.getAttribute('data-tags')||'').toLowerCase(); var matchFilter = state.filter === 'all' || cats.indexOf(state.filter) !== -1; var matchQuery = !q || tags.indexOf(q) !== -1 || card.textContent.toLowerCase().indexOf(q) !== -1; card.style.display = (matchFilter && matchQuery) ? '' : 'none'; }); } if(toolbar){ toolbar.addEventListener('click', function(e){ var btn = e.target.closest('.filter-btn'); if(!btn) return; state.filter = btn.getAttribute('data-filter'); Array.prototype.forEach.call(toolbar.querySelectorAll('.filter-btn'), function(b){ b.classList.remove('active'); }); btn.classList.add('active'); apply(); }); } if(search){ search.addEventListener('input', function(e){ state.q = e.target.value; apply(); }); } apply(); })();