{"id":12931,"date":"2026-10-15T08:52:55","date_gmt":"2026-10-15T11:52:55","guid":{"rendered":"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/?page_id=12931"},"modified":"2026-10-15T10:12:53","modified_gmt":"2026-10-15T13:12:53","slug":"12931-2","status":"publish","type":"page","link":"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/12931-2\/","title":{"rendered":""},"content":{"rendered":"\n<p><\/p>\n\n\n\n<!-- =====================================================================\n LABORATORIO ENSML \u00b7 P\u00c1GINA DEL CAT\u00c1LOGO (p\u00e1gina nueva, independiente)\n Pegar completo en un bloque \"HTML personalizado\" de la p\u00e1gina nueva.\n Es aut\u00f3nomo: trae sus propios estilos (no depende de la p\u00e1gina del laboratorio).\n\n REEMPLAZAR:\n   URL_DEL_ESCUDO            -> direcci\u00f3n del escudo (Medios de WordPress). Est\u00e1 UNA vez, abajo.\n   URL_PAGINA_LABORATORIO    -> direcci\u00f3n de la p\u00e1gina principal del laboratorio\n   URL_FOTO_1 \u2026 URL_FOTO_21  -> foto de cada pieza (las piezas 9 a 21 son de ejemplo: cambi\u00e1 nombre y descripci\u00f3n) (WebP, ~1200 px de ancho, 100-250 KB)\n\n PARA AGREGAR UNA PIEZA: duplic\u00e1 un <article class=\"cat-item\">\u2026<\/article> completo.\n Lo que va dentro de <div class=\"cat-info\"> es lo que se ve al ampliar (pod\u00e9s poner varios <p>).\n Opcional: data-grande=\"URL\" en el <article> para usar otra foto, m\u00e1s grande, al ampliar.\n ===================================================================== -->\n\n<style>\n:root{--cat-escudo:url('https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-content\/uploads\/2023\/02\/LOGO-WEB.png')}\n\n.cat-page{\n  --azul:#1f3768;--oro:#f5a31a;--suave:#f4f6fb;\n  box-sizing:border-box;max-width:1100px;margin:0 auto;color:#1b1b1b;line-height:1.5;\n}\n.cat-page *,.cat-page *::before,.cat-page *::after{box-sizing:inherit}\n\n\/* ---------- ENCABEZADO ---------- *\/\n.cat-page .cat-head{\n  position:relative;overflow:hidden;border-radius:14px;color:#fff;\n  background:linear-gradient(105deg,#1f3768 0 72%,#fff 72% 72.7%,#f5a31a 72.7% 75.5%,#2b4b88 75.5% 100%);\n}\n.cat-page .cat-head-in{position:relative;width:min(72%,700px);padding:34px 32px 34px 40px}\n.cat-page .cat-head-escudo{width:72px;aspect-ratio:1;margin-bottom:12px;background:var(--cat-escudo) center\/contain no-repeat}\n.cat-page .cat-head h2{margin:0 0 6px;color:#fff;font-size:clamp(1.9rem,5vw,3rem);line-height:1.1;font-weight:800}\n.cat-page .cat-head p{margin:0 0 16px;color:#fff;font-size:clamp(1rem,2vw,1.15rem)}\n.cat-page .cat-volver{\n  display:inline-block;padding:9px 16px;border:2px solid #fff;border-radius:8px;\n  color:#fff;font-weight:700;text-decoration:none;\n}\n.cat-page .cat-volver:hover,.cat-page .cat-volver:focus-visible{background:#fff;color:var(--azul)}\n\n\/* ---------- GRILLA DE PIEZAS ---------- *\/\n.cat-page .cat-grid{\n  margin-top:32px;display:grid;gap:18px;\n  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));\n}\n.cat-page .cat-item{margin:0}\n.cat-page .cat-card{\n  all:unset;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;\n  overflow:hidden;cursor:pointer;\n  background:#fff;border:1px solid #e3e7ef;border-radius:12px;\n  box-shadow:0 2px 8px rgba(31,55,104,.08);\n  transition:transform .15s ease,box-shadow .15s ease;\n}\n.cat-page .cat-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(31,55,104,.18)}\n.cat-page .cat-card:focus-visible{outline:3px solid var(--oro);outline-offset:3px}\n.cat-page .cat-foto{\n  position:relative;aspect-ratio:4\/3;overflow:hidden;\n  background:var(--azul) var(--cat-escudo) center\/32% no-repeat;\n}\n.cat-page .cat-foto img{display:block;width:100%;height:100%;object-fit:cover;color:transparent}\n.cat-page .cat-lupa{\n  position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;\n  background:var(--oro);color:var(--azul);font-weight:800;font-size:1.3rem;\n  display:flex;align-items:center;justify-content:center;\n  opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s;\n}\n.cat-page .cat-card:hover .cat-lupa,.cat-page .cat-card:focus-visible .cat-lupa{opacity:1;transform:scale(1)}\n.cat-page .cat-titulo{\n  display:block;padding:12px 14px 14px;border-top:4px solid var(--oro);\n  color:var(--azul);font-weight:800;font-size:1.05rem;line-height:1.25;\n}\n@media (hover:none){.cat-page .cat-lupa{opacity:1;transform:none}}\n\n\/* sin JavaScript: la ficha se ve completa debajo del t\u00edtulo *\/\n.cat-page .cat-galeria:not(.cat-js) .cat-info{padding:0 14px 14px;font-size:.95rem}\n.cat-page .cat-galeria.cat-js .cat-info{display:none}\n\n\/* ---------- FICHA AMPLIADA (ventana) ---------- *\/\n.cat-modal{\n  --azul:#1f3768;--oro:#f5a31a;\n  position:fixed;inset:0;z-index:99999;\n  display:flex;align-items:center;justify-content:center;padding:16px;\n  background:rgba(10,18,40,.88);\n}\n.cat-modal[hidden]{display:none}\n.cat-panel{\n  position:relative;display:grid;grid-template-columns:1.35fr 1fr;\n  width:min(1000px,100%);max-height:92vh;overflow:auto;\n  background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.45);\n}\n.cat-img{\n  display:flex;align-items:center;justify-content:center;min-height:260px;\n  background:#101b38;\n}\n.cat-img img{display:block;max-width:100%;max-height:88vh;object-fit:contain}\n.cat-img.sin{background:var(--azul) var(--cat-escudo) center\/30% no-repeat}\n.cat-img.sin img{display:none}\n.cat-txt{padding:30px 28px;border-top:6px solid var(--oro);align-self:stretch;color:#1b1b1b}\n.cat-cont{margin-bottom:8px;color:#6a7289;font-size:.9rem;font-weight:700;letter-spacing:.04em}\n.cat-txt h3{margin:0 0 14px;color:var(--azul);font-size:clamp(1.4rem,3vw,2rem);line-height:1.15;font-weight:800}\n.cat-cuerpo p{margin:0 0 12px;font-size:1.05rem;line-height:1.55;color:#222}\n.cat-x,.cat-nav{\n  position:absolute;z-index:2;cursor:pointer;font:inherit;line-height:1;\n  display:flex;align-items:center;justify-content:center;\n  border:0;background:var(--oro);color:var(--azul);font-weight:800;border-radius:50%;\n}\n.cat-x{top:10px;right:10px;width:40px;height:40px;font-size:1.7rem}\n.cat-nav{position:fixed;top:50%;width:46px;height:46px;font-size:2rem;transform:translateY(-50%)}\n.cat-prev{left:12px}.cat-next{right:12px}\n.cat-x:focus-visible,.cat-nav:focus-visible{outline:3px solid #fff;outline-offset:2px}\n@media (max-width:760px){\n  .cat-panel{grid-template-columns:1fr}\n  .cat-img{min-height:0}\n  .cat-img img{max-height:46vh}\n  .cat-txt{padding:22px 20px}\n  .cat-nav{top:auto;bottom:14px;transform:none}\n  .cat-prev{left:14px}.cat-next{right:14px}\n}\n\n\/* ---------- CELULAR (encabezado) ---------- *\/\n@media (max-width:700px){\n  .cat-page .cat-head{background:linear-gradient(180deg,#1f3768 0 88%,#f5a31a 88% 100%)}\n  .cat-page .cat-head-in{width:100%;padding:26px 22px 34px}\n  .cat-page .cat-grid{grid-template-columns:repeat(2,1fr);gap:12px}\n  .cat-page .cat-titulo{font-size:.95rem;padding:10px 12px 12px}\n}\n@media (max-width:380px){.cat-page .cat-grid{grid-template-columns:1fr}}\n@media (prefers-reduced-motion:reduce){.cat-page .cat-card,.cat-page .cat-lupa{transition:none}}\n<\/style>\n\n<div class=\"cat-page\">\n\n  <!-- ===== ENCABEZADO ===== -->\n  <header class=\"cat-head\">\n    <div class=\"cat-head-in\">\n      <div class=\"cat-head-escudo\" role=\"img\" aria-label=\"Escudo de la escuela\"><\/div>\n      <h2>Cat\u00e1logo del laboratorio<\/h2>\n      <p>Toc\u00e1 una pieza para conocer su historia y sus datos.<\/p>\n      <a class=\"cat-volver\" href=\"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/nuestro-primer-invitado\/\">\u2190 Volver al laboratorio<\/a>\n    <\/div>\n  <\/header>\n\n  <!-- ===== PIEZAS ===== -->\n  <div class=\"cat-grid cat-galeria\" id=\"cat-galeria\">\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_1\" alt=\"Costilla de ballena\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Costilla de ballena<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Hueso largo: 1,90 m.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/10\/nido-hornero.jpg\" alt=\"Furnarius rufus, nido de hornero\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Furnarius rufus<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>O nido de hornero \u201ccaserito\u201d: hecho de barro, paja y ra\u00edces secos.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/10\/avispa.png\" alt=\"Nido de avispa\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Nido de avispa<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Mezcla de fibra de madera con la saliva, formando una pulpa suave y h\u00fameda que pueden moldearla.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_4\" alt=\"Mecheros o l\u00e1mparas de alcohol de r\u00e1faga\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Mecheros o l\u00e1mparas de alcohol de r\u00e1faga (o soplado)<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>De principios y mediados del siglo XX.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_5\" alt=\"Motor el\u00e9ctrico antiguo de corriente continua\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Motor el\u00e9ctrico antiguo de corriente continua o d\u00ednamo de laboratorio<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>De finales del siglo XIX o principios del siglo XX.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_6\" alt=\"Aparato para medir la Ley de Joule\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Aparato para medir la Ley de Joule<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Utilizado a principios del siglo XX.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_7\" alt=\"Bomba de \u00e9mbolo\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Bomba de \u00e9mbolo<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Bomba hidr\u00e1ulica aspirante \u2013 impelente.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_8\" alt=\"Turbo de descarga en V\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Turbo de descarga en V<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Demuestra electricidad, conducci\u00f3n en gases o fen\u00f3menos de descarga luminosa.<\/p>\n        <p>Fabricado aprox. entre 1920 y 1950.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_9\" alt=\"Embudo antiguo\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Embudo antiguo<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Embudo antiguo de metal con soporte.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_10\" alt=\"Petroleo\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Petr\u00f3leo y sub productos<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Fueloil, aceite pesado, aceite liviano, gasoil diesel, agricol, parafina, nafta, kerosene y aeronafta.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_11\" alt=\"Aparato para demostrar el magnetismo y el efecto de los campos magn\u00e9ticos\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Aparato para demostrar el magnetismo y el efecto de los campos magn\u00e9ticos<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Aparato para demostrar el magnetismo y el efecto de los campos magn\u00e9ticos<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_12\" alt=\"Bovina de inducci\u00f3n\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Bovina de inducci\u00f3n<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Aparato de bobina de inducci\u00f3n o re\u00f3stato cil\u00edndrico antiguo de finales del siglo XIX o principios del siglo XX.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_13\" alt=\"Electr\u00f3metro de Braun\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Electr\u00f3metro de Braun<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Sirve para medir la carga el\u00e9ctrica o diferencia potencial (fabricado en 1888).<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_14\" alt=\"Campana electroest\u00e1tica o carrill\u00f3n el\u00e9ctrico\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Campana electroest\u00e1tica o carrill\u00f3n el\u00e9ctrico<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Sirve para demostrar la electricidad est\u00e1tica y la descarga el\u00e9ctrica.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_15\" alt=\"Electroscopio de Faraday\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Electroscopio de Faraday<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Sirve para detectar cargas el\u00e9ctricas y estudiar la inducci\u00f3n electroest\u00e1tica.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_16\" alt=\"Pieza de taxidermia\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Pieza de taxidermia<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Pieza de taxidermia de una anaconda (especie Boa).<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_17\" alt=\"P\u00e9ndulo de demostraci\u00f3n\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">P\u00e9ndulo de demostraci\u00f3n.<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Aparato o p\u00e9ndulo de demostraci\u00f3n did\u00e1ctica de f\u00edsica.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_18\" alt=\"Higr\u00f3metro de Daniell\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Higr\u00f3metro de Daniell<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Sirve para medir la humedad relativa del aire (inventado a principios del siglo XIX).<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_19\" alt=\"Eudi\u00f3metro\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Eudi\u00f3metro<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Sirve para analizar el volumen de gases.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_20\" alt=\"Tubo de Crookes\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Tubo de Crookes<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Utilizado para sustancias fluorescentes.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"cat-item\">\n      <button type=\"button\" class=\"cat-card\">\n        <span class=\"cat-foto\"><img decoding=\"async\" src=\"URL_FOTO_21\" alt=\"Tubo de descarga de Crookes\" loading=\"lazy\"><span class=\"cat-lupa\">+<\/span><\/span>\n        <span class=\"cat-titulo\">Tubo de descarga de Crookes<\/span>\n      <\/button>\n      <div class=\"cat-info\">\n        <p>Utilizado para la demostraci\u00f3n did\u00e1ctica de rayos cat\u00f3dicos.<\/p>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var raiz=document.getElementById('cat-galeria');\n  if(!raiz)return;\n  var items=[].slice.call(raiz.querySelectorAll('.cat-item'));\n  raiz.classList.add('cat-js');\n\n  \/* si una foto no carga, queda el escudo sobre azul *\/\n  items.forEach(function(it){\n    var im=it.querySelector('.cat-foto img');\n    if(!im)return;\n    function roto(){im.style.display='none';}\n    im.addEventListener('error',roto);\n    if(im.complete&&im.naturalWidth===0)roto();\n  });\n\n  var m=document.createElement('div');\n  m.className='cat-modal';m.hidden=true;\n  m.setAttribute('role','dialog');m.setAttribute('aria-modal','true');m.setAttribute('aria-label','Ficha de la pieza');\n  m.innerHTML=\n    '<div class=\"cat-panel\">'+\n      '<button type=\"button\" class=\"cat-x\" aria-label=\"Cerrar\">&times;<\/button>'+\n      '<div class=\"cat-img\"><img alt=\"\"><\/div>'+\n      '<div class=\"cat-txt\"><div class=\"cat-cont\"><\/div><h3><\/h3><div class=\"cat-cuerpo\"><\/div><\/div>'+\n    '<\/div>'+\n    '<button type=\"button\" class=\"cat-nav cat-prev\" aria-label=\"Pieza anterior\">&lsaquo;<\/button>'+\n    '<button type=\"button\" class=\"cat-nav cat-next\" aria-label=\"Pieza siguiente\">&rsaquo;<\/button>';\n  document.body.appendChild(m);\n\n  var imgBox=m.querySelector('.cat-img'),imgEl=imgBox.querySelector('img'),\n      tit=m.querySelector('h3'),cuerpo=m.querySelector('.cat-cuerpo'),cont=m.querySelector('.cat-cont'),\n      cerrar=m.querySelector('.cat-x'),idx=0,volverA=null;\n\n  function mostrar(i){\n    idx=(i+items.length)%items.length;\n    var it=items[idx],im=it.querySelector('.cat-foto img'),\n        grande=it.getAttribute('data-grande')||(im?im.getAttribute('src'):'');\n    if(im&&im.style.display!=='none'&&grande){\n      imgBox.classList.remove('sin');imgEl.src=grande;imgEl.alt=im.alt;\n    }else{\n      imgBox.classList.add('sin');imgEl.removeAttribute('src');imgEl.alt='';\n    }\n    tit.textContent=it.querySelector('.cat-titulo').textContent;\n    cuerpo.innerHTML=it.querySelector('.cat-info').innerHTML;\n    cont.textContent='PIEZA '+(idx+1)+' DE '+items.length;\n  }\n  function abrir(i,origen){\n    volverA=origen||null;mostrar(i);\n    m.hidden=false;document.body.style.overflow='hidden';cerrar.focus();\n  }\n  function cerrarVentana(){\n    m.hidden=true;document.body.style.overflow='';\n    if(volverA)volverA.focus();\n  }\n\n  items.forEach(function(it,i){\n    var b=it.querySelector('.cat-card');\n    b.addEventListener('click',function(){abrir(i,b);});\n  });\n  cerrar.addEventListener('click',cerrarVentana);\n  m.addEventListener('click',function(e){if(e.target===m)cerrarVentana();});\n  m.querySelector('.cat-prev').addEventListener('click',function(){mostrar(idx-1);});\n  m.querySelector('.cat-next').addEventListener('click',function(){mostrar(idx+1);});\n  document.addEventListener('keydown',function(e){\n    if(m.hidden)return;\n    if(e.key==='Escape')cerrarVentana();\n    if(e.key==='ArrowRight')mostrar(idx+1);\n    if(e.key==='ArrowLeft')mostrar(idx-1);\n  });\n  var x0=null;\n  m.addEventListener('touchstart',function(e){x0=e.touches[0].clientX;},{passive:true});\n  m.addEventListener('touchend',function(e){\n    if(x0===null)return;\n    var dx=e.changedTouches[0].clientX-x0;\n    if(Math.abs(dx)>60)mostrar(dx<0?idx+1:idx-1);\n    x0=null;\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Cat\u00e1logo del laboratorio Toc\u00e1 una pieza para conocer su historia y sus datos. \u2190 Volver al laboratorio + Costilla de ballena Hueso largo: 1,90 m. + Furnarius rufus O nido de hornero \u201ccaserito\u201d: hecho de barro, paja y ra\u00edces secos. + Nido de avispa Mezcla de fibra de madera con la saliva, formando una pulpa &#8230; <a title=\"\" class=\"read-more\" href=\"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/12931-2\/\" aria-label=\"More on \">[+]<\/a><\/p>\n","protected":false},"author":4381,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/12931"}],"collection":[{"href":"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/4381"}],"replies":[{"embeddable":true,"href":"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=12931"}],"version-history":[{"count":5,"href":"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/12931\/revisions"}],"predecessor-version":[{"id":12942,"href":"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/12931\/revisions\/12942"}],"wp:attachment":[{"href":"https:\/\/ensvillaguay-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=12931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}