const { chromium } = require('playwright');
(async () => {
  const b = await chromium.launch();
  // Desktop: cabecera con barra
  let p = await b.newPage({ viewport: { width: 1280, height: 900 } });
  await p.goto('http://localhost:8081/', { waitUntil: 'networkidle' });
  const bar = await p.$('.fea-search-bar');
  console.log('barra presente desktop:', !!bar);
  await p.screenshot({ path: '/tmp/claude-1000/search_desktop.png', clip: {x:0,y:0,width:1280,height:320} });
  // Móvil
  let m = await b.newPage({ viewport: { width: 390, height: 800 } });
  await m.goto('http://localhost:8081/', { waitUntil: 'networkidle' });
  await m.screenshot({ path: '/tmp/claude-1000/search_mobile.png', clip: {x:0,y:0,width:390,height:360} });
  // Resultados
  let r = await b.newPage({ viewport: { width: 1280, height: 1000 } });
  await r.goto('http://localhost:8081/?s=oraci%C3%B3n', { waitUntil: 'networkidle' });
  await r.screenshot({ path: '/tmp/claude-1000/search_results.png', clip: {x:0,y:0,width:1280,height:700} });
  await b.close();
})();
