Zamorano - Productos Biol\u00f3gicos<\/title>\n<\/head>\n<body>\n<section id=\"biologicos\" style=\"--brand:#2d5b3f; --bg:#f8fffe; --text:#0f172a; --muted:#64748b; --accent:#34d399; font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\">\n <style>\n body { margin: 0; background: #f8fffe; }\n #biologicos { padding: 40px 20px; background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); min-height: 100vh; position: relative; }\n #biologicos::before { \n content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; \n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2334d399' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='30' r='4'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n .container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }\n .header { text-align: center; margin-bottom: 48px; }\n .header h1 { \n margin: 0 0 16px; font-size: clamp(32px, 5vw, 48px); \n color: var(--brand); \n font-weight: 900; \n }\n .header p { \n font-size: clamp(16px, 2.5vw, 20px); color: var(--muted); \n max-width: 600px; margin: 0 auto; line-height: 1.6; \n }\n .productos-grid { \n display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); \n gap: 24px; margin-bottom: 40px; \n grid-auto-rows: 8px; align-items: start;\n }\n .producto-card { \n background: white; border-radius: 20px; overflow: hidden; \n box-shadow: 0 4px 20px rgba(0,0,0,0.08); \n transition: all 0.3s ease; cursor: pointer; \n border: 2px solid transparent; position: relative;\n }\n .producto-card:hover { \n transform: translateY(-8px); \n box-shadow: 0 12px 40px rgba(52, 211, 153, 0.15);\n border-color: var(--accent);\n }\n .producto-card.active {\n border-color: var(--brand);\n box-shadow: 0 12px 40px rgba(45, 91, 63, 0.2);\n }\n .producto-image { \n width: 100%; aspect-ratio: 16 \/ 9; height: auto; object-fit: cover; \n transition: filter 0.3s ease; display: block;\n }\n .producto-card:hover .producto-image { filter: brightness(1.1); }\n .producto-info { padding: 20px; }\n .producto-nombre { \n font-size: 22px; font-weight: 700; color: var(--brand); \n margin: 0 0 8px; line-height: 1.2; \n }\n .producto-tipo { \n display: inline-block; background: var(--accent); color: white; \n padding: 4px 12px; border-radius: 20px; font-size: 12px; \n font-weight: 600; margin-bottom: 12px; text-transform: uppercase; \n }\n .tipo-acaro { background: #3b82f6; }\n .tipo-nematodo { background: #f59e0b; }\n .tipo-hongo { background: #8b5cf6; }\n .tipo-chinche { background: #ef4444; }\n .tipo-avispa { background: #06b6d4; }\n .producto-descripcion { \n color: var(--muted); font-size: 15px; line-height: 1.6; \n margin: 0 0 16px; \n }\n .producto-detalles { \n max-height: 0; overflow: hidden; transition: all 0.4s ease; \n padding: 0 20px; background: #f9fafb; \n }\n .producto-detalles.active { \n max-height: 500px; padding: 20px; border-top: 1px solid #e5e7eb; \n }\n .detalle-grid {\n display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; \n margin-bottom: 16px;\n }\n .detalle-item { \n display: flex; flex-direction: column; font-size: 14px; \n }\n .detalle-label { font-weight: 600; color: var(--brand); margin-bottom: 4px; }\n .detalle-valor { color: var(--text); }\n .cultivos-list {\n grid-column: 1 \/ -1; \n }\n .cultivos-tags {\n display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px;\n }\n .cultivo-tag {\n background: #e0f2fe; color: #0369a1; padding: 3px 8px; \n border-radius: 12px; font-size: 12px; font-weight: 500;\n }\n .botones { display: flex; gap: 12px; margin-top: 16px; flex-wrap: wrap; }\n .btn { \n padding: 12px 20px; border-radius: 25px; font-weight: 600; \n text-decoration: none; font-size: 14px; transition: all 0.2s ease; \n border: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px;\n flex: 1; justify-content: center; min-width: 140px;\n }\n .btn-primary { \n background: var(--brand); color: white; \n }\n .btn-primary:hover { background: #1f4332; transform: translateY(-1px); }\n \/* Forzar texto blanco del bot\u00f3n principal ante CSS externos *\/\n .btn-primary,\n .btn-primary:link,\n .btn-primary:visited,\n .btn-primary:hover,\n .btn-primary:focus,\n .btn-primary:active { color: #ffffff !important; }\n .btn-secondary { \n background: white; color: var(--brand); border: 2px solid var(--brand); \n }\n .btn-secondary:hover { background: var(--brand); color: white; }\n .contacto { \n text-align: center; margin-top: 60px; padding: 30px; \n background: white; border-radius: 20px; \n box-shadow: 0 4px 20px rgba(0,0,0,0.08); \n }\n .contacto h3 { \n color: var(--brand); margin: 0 0 16px; font-size: 24px; \n }\n .contacto p { color: var(--muted); margin: 0 0 20px; }\n .contactos-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px; margin-top: 20px;\n }\n .contacto-card {\n background: #f8fafc; padding: 20px; border-radius: 12px;\n }\n .contacto-card h4 { color: var(--brand); margin: 0 0 8px; font-size: 16px; }\n .contacto-card p { margin: 4px 0; font-size: 14px; }\n .contacto-card a { \n color: var(--brand); text-decoration: none; font-weight: 600; \n }\n .contacto-card a:hover { text-decoration: underline; }\n @media (max-width: 768px) {\n .productos-grid { grid-template-columns: 1fr; }\n .botones { flex-direction: column; }\n .btn { min-width: auto; }\n .detalle-grid { grid-template-columns: 1fr; }\n }\n <\/style>\n\n <div class=\"container\">\n <header class=\"header\">\n <h1>Cat\u00e1logo de Productos Biol\u00f3gicos<\/h1>\n <p>Soluciones naturales certificadas para el control sostenible de plagas y enfermedades. Desarrollados por la Universidad Zamorano con la m\u00e1s alta calidad t\u00e9cnica.<\/p>\n <\/header>\n\n <div class=\"productos-grid\" id=\"productosGrid\">\n \n <\/div>\n\n <div class=\"contacto\">\n <h3>Contacto T\u00e9cnico<\/h3>\n <p>Para consultas t\u00e9cnicas, pedidos y asesor\u00eda especializada<\/p>\n <div class=\"contactos-grid\">\n <div class=\"contacto-card\">\n <h4>Ing. Rogelio Trabanino<\/h4>\n <p>Coordinador Unidad de Control Biol\u00f3gico<\/p>\n <p><a href=\"tel:+50422872366\">+(504) 2287-2366<\/a><\/p>\n <p><a href=\"mailto:rtrabanino@zamorano.edu\">rtrabanino@zamorano.edu<\/a><\/p>\n <\/div>\n <div class=\"contacto-card\">\n <h4>Ing. Miguel Cocom<\/h4>\n <p>Especialista T\u00e9cnico<\/p>\n <p><a href=\"tel:+50497900359\">+(504) 9790-0359<\/a><\/p>\n <p><a href=\"mailto:mcocom@zamorano.edu\">mcocom@zamorano.edu<\/a><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const PRODUCTOS = [\n {\n id: 1,\n nombre: \"Zwirskii\",\n tipo: \"\u00c1caro Depredador\",\n tipoClass: \"tipo-acaro\",\n descripcion: \"\u00c1caro depredador Amblyseius swirskii para control biol\u00f3gico de trips, mosca blanca y ara\u00f1ita roja. Altamente reproductivo en amplio rango de condiciones clim\u00e1ticas.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/09\/amblyseius-swirskii.jpg\",\n dosis: \"50-300 individuos\/m\u00b2\",\n presentacion: \"250g (50,000 individuos)\",\n temperatura: \"\u00d3ptima: 26\u00b0C\",\n cicloVida: \"5-6 d\u00edas huevo-adulto\",\n cultivos: [\"Chiles\", \"Pepino\", \"Berenjena\", \"Ornamentales\"],\n aplicacion: \"Liberaci\u00f3n directa o ZamoBug\",\n ficha: \"zwirskii-ficha-tecnica.pdf\"\n },\n {\n id: 2,\n nombre: \"Cucumeris-Mite\",\n tipo: \"\u00c1caro Depredador\",\n tipoClass: \"tipo-acaro\",\n descripcion: \"Neoseiulus cucumeris, \u00e1caro depredador especializado en trips y \u00e1caro blanco. Puede sobrevivir aliment\u00e1ndose de polen en ausencia de plagas.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/09\/cucumeris-mite.jpg\",\n dosis: \"50-200 individuos\/m\u00b2\",\n presentacion: \"250g (50,000 individuos)\",\n temperatura: \"25\u00b0C \u00f3ptima\",\n cicloVida: \"8.8 d\u00edas, 21 d\u00edas adulto\",\n cultivos: [\"Berenjena\", \"Chiles\", \"Pepino\", \"Cebolla\", \"Ornamentales\"],\n aplicacion: \"Aspersi\u00f3n manual o ZamoBug\",\n ficha: \"cucumeris-ficha-tecnica.pdf\"\n },\n {\n id: 3,\n nombre: \"NemaPower\",\n tipo: \"Nematodo Entomopat\u00f3geno\",\n tipoClass: \"tipo-nematodo\",\n descripcion: \"Heterorhabditis bacteriophora para control de gusanos, larvas de lepid\u00f3ptera y cole\u00f3ptera. Contiene bacteria simbionte que mata insectos en 48-72 horas.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/09\/nemapower.jpg\",\n dosis: \"200-400 millones\/ha\",\n presentacion: \"4 esponjas (200M nematodos)\",\n temperatura: \"Suelo h\u00famedo\",\n cicloVida: \"15 d\u00edas reproducci\u00f3n\",\n cultivos: [\"Camote\", \"Yuca\", \"Malanga\", \"Papa\", \"Banano\"],\n aplicacion: \"Riego por goteo o drench\",\n ficha: \"nemapower-ficha-tecnica.pdf\"\n },\n {\n id: 4,\n nombre: \"BAZAM 9 WP\",\n tipo: \"Hongo Entomopat\u00f3geno\",\n tipoClass: \"tipo-hongo\",\n descripcion: \"Beauveria bassiana para control por contacto de m\u00faltiples plagas. Libera toxinas que invaden el insecto causando la muerte.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/09\/bazam-9-wp.jpg\",\n dosis: \"240g\/hect\u00e1rea\",\n presentacion: \"4.16x10\u2078 esporas\/gramo\",\n temperatura: \"4-10\u00b0C almacenamiento\",\n cicloVida: \"Contacto directo\",\n cultivos: [\"Caf\u00e9\", \"Camote\", \"Cebolla\", \"Chile\", \"Tomate\", \"Banano\", \"Ma\u00edz\"],\n aplicacion: \"Aspersi\u00f3n foliar, aplicar despu\u00e9s 5pm\",\n ficha: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/11\/BAZAM-9WP-Ficha-tecnica.pdf\"\n },\n {\n id: 5,\n nombre: \"TRABAZAM\",\n tipo: \"Hongo Entomopat\u00f3geno\",\n tipoClass: \"tipo-hongo\",\n descripcion: \"Isaria fumosorosea especializado en mosca blanca y ps\u00edlidos. Las esporas se adhieren, germinan e invaden el insecto produciendo crecimiento micelial blanco.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/09\/trabazam.jpg\",\n dosis: \"240g\/ha (s\u00f3lido) o 1L\/ha (l\u00edquido)\",\n presentacion: \"S\u00f3lido: 1.05x10\u00b9\u2070 esporas\/g\",\n temperatura: \"4-10\u00b0C almacenamiento\",\n cicloVida: \"Germinaci\u00f3n e invasi\u00f3n\",\n cultivos: [\"Tomate\", \"Chile\", \"Sand\u00eda\", \"Berenjena\", \"Pepino\"],\n aplicacion: \"300L agua m\u00ednimo, boquilla cono hueco\",\n ficha: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/11\/TRABAZAM\u00ae-13WP-Ficha-tecnica.pdf\"\n },\n {\n id: 6,\n nombre: \"TRICHOZAM 10 WP\",\n tipo: \"Hongo Bioprotector\",\n tipoClass: \"tipo-hongo\",\n descripcion: \"Trichoderma asperellum + T. harzianum para control preventivo de enfermedades del suelo. Mejora absorci\u00f3n de nutrientes y crea barrera protectora.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/09\/trichozam-10.jpg\",\n dosis: \"240g\/hect\u00e1rea\",\n presentacion: \"1.25x10\u2079 esporas\/gramo\",\n temperatura: \"4-10\u00b0C almacenamiento\",\n cicloVida: \"Colonizaci\u00f3n rizosfera\",\n cultivos: [\"Tomate\", \"Chile\", \"Pepino\", \"Berenjena\", \"Camote\", \"Sand\u00eda\", \"Ma\u00edz\"],\n aplicacion: \"Preventivo: vivero, trasplante, +15 d\u00edas\",\n ficha: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/11\/TRICHOZAM\u00ae-10WP-Ficha-tecnica.pdf\"\n },\n {\n id: 7,\n nombre: \"Chinche-Pirata\",\n tipo: \"Depredador\",\n tipoClass: \"tipo-chinche\",\n descripcion: \"Orius insidiosus, depredador voraz de trips, pulgones, ninfas de mosca blanca y huevos de lepid\u00f3pteros. Consume hasta 22 trips al d\u00eda.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/09\/chinche-pirata.jpg\",\n dosis: \"4-8 individuos\/m\u00b2\",\n presentacion: \"500mL (500 individuos)\",\n temperatura: \"10-16\u00b0C almacenamiento\",\n cicloVida: \"Alta movilidad y vuelo\",\n cultivos: [\"Pepino\", \"Pimiento\", \"Ornamentales\"],\n aplicacion: \"Liberaci\u00f3n cuando hay polen disponible\",\n ficha: \"chinche-pirata-ficha-tecnica.pdf\"\n },\n {\n id: 8,\n nombre: \"Zamoremus\",\n tipo: \"Avispa Parasitoide\",\n tipoClass: \"tipo-avispa\",\n descripcion: \"Telenomus remus, parasitoide espec\u00edfico de huevos de Spodoptera. Responde a feromonas para localizar huevos y puede colocar hasta 220 huevos.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/09\/zamoremus.jpg\",\n dosis: \"10,000-30,000 individuos\/ha\",\n presentacion: \"30 masas parasitadas\",\n temperatura: \"10-16\u00b0C almacenamiento\",\n cicloVida: \"9-15 d\u00edas (22-30\u00b0C)\",\n cultivos: [\"Ma\u00edz\", \"Tomate\", \"Coliflor\", \"Repollo\", \"Chile\", \"Tabaco\"],\n aplicacion: \"3 liberaciones al encontrar masas de huevos\",\n ficha: \"zamoremus-ficha-tecnica.pdf\"\n },\n {\n id: 9,\n nombre: \"CRISOPAZ\",\n tipo: \"Depredador\",\n tipoClass: \"tipo-chinche\",\n descripcion: \"Chrysoperla carnea, depredador de amplio espectro que se alimenta de \u00e1fidos, larvas peque\u00f1as, \u00e1caros, ninfas de mosca blanca, trips y otros insectos blandos.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/10\/crizopaz.jpg\",\n dosis: \"2-4 individuos\/m\u00b2\",\n presentacion: \"500 larvas primer estadio\",\n temperatura: \"20-28\u00b0C (eficaz >12\u00b0C)\",\n cicloVida: \"Larva eclosiona 3-5 d\u00edas, 8mm\",\n cultivos: [\"Cualquier cultivo\"],\n aplicacion: \"Sobre hojas infestadas o cajas ZamoBug\",\n ficha: \"crisopaz-ficha-tecnica.pdf\"\n },\n {\n id: 10,\n nombre: \"NITRIZAM\",\n tipo: \"Biofertilizante Microbiol\u00f3gico\",\n tipoClass: \"tipo-hongo\",\n descripcion: \"Consorcio de microorganismos beneficiosos que promueven la fijaci\u00f3n de nitr\u00f3geno atmosf\u00e9rico, mejoran la estructura del suelo y estimulan el crecimiento vegetal.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/10\/nitrizam.jpg\",\n dosis: \"1L\/ha (suelo) o 500ml\/10kg (semilla)\",\n presentacion: \"L\u00edquido soluble 1L o polvo 200g\",\n temperatura: \"6\u00b0C almacenamiento\",\n cicloVida: \"Azospirillum, Pseudomonas, Bacillus\",\n cultivos: [\"Ma\u00edz\", \"Frijol\", \"Papa\", \"Ajo\", \"Cebolla\", \"Tomate\", \"Soya\", \"Camote\", \"C\u00edtricos\"],\n aplicacion: \"Agitar bien, pH 6-7, adherente, aplicar en horas frescas\",\n ficha: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/11\/NITRIZAM-Ficha-tecnica.pdf\"\n },\n {\n id: 11,\n nombre: \"METAZAM 42WP\",\n tipo: \"Hongo Entomopat\u00f3geno\",\n tipoClass: \"tipo-hongo\",\n descripcion: \"Metarhizium anisopliae, hongo entomopat\u00f3geno que infecta y parasita insectos plaga, penetrando su cut\u00edcula y liberando toxinas que causan par\u00e1lisis y muerte.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/10\/Metarhizium-anisopliae-scaled.jpg\",\n dosis: \"240g\/ha (400-500L agua)\",\n presentacion: \"Polvo mojable 240g, 1Kg o l\u00edquido 1L\",\n temperatura: \"Condiciones \u00f3ptimas almacenamiento\",\n cicloVida: \"4.6x10\u00b9\u2070 UFC\/g, muerte en 3-5 d\u00edas\",\n cultivos: [\"Hortalizas\", \"Ma\u00edz\", \"Papa\", \"Tomate\", \"Pimiento\", \"Frijol\", \"Ca\u00f1a de az\u00facar\", \"Sorgo\"],\n aplicacion: \"pH 6-7, adherente no-i\u00f3nico, aplicar al atardecer\",\n ficha: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/11\/METAZAM\u00ae-42WP-Ficha-tecnica.pdf\"\n },\n {\n id: 12,\n nombre: \"PAZAM 13WP\",\n tipo: \"Nematicida Microbiol\u00f3gico\",\n tipoClass: \"tipo-hongo\",\n descripcion: \"Paecilomyces lilacinus, hongo par\u00e1sito de nem\u00e1todos fitopat\u00f3genos que penetra su cuerpo, consume sus nutrientes y causa enfermedad letal.\",\n imagen: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/10\/Paecilomyces-Lilacinus-on-M.-Javanica-Egg.jpg\",\n dosis: \"240g\/ha (400-500L agua)\",\n presentacion: \"Polvo soluble 240g, 1Kg o l\u00edquido 1L\",\n temperatura: \"Condiciones \u00f3ptimas almacenamiento\",\n cicloVida: \"4.0x10\u00b9\u2070 UFC\/g, control por parasitismo\",\n cultivos: [\"Tomate\", \"Papa\", \"Zanahoria\", \"Pepino\", \"Pimiento\", \"Berenjena\", \"Banano\", \"C\u00edtricos\", \"Caf\u00e9\"],\n aplicacion: \"pH 6-7, adherente no-i\u00f3nico, aplicar al atardecer\",\n ficha: \"https:\/\/zamorano.edu\/wp-content\/uploads\/2025\/11\/PAZAM\u00ae-13WP-Ficha-tecnica.pdf\"\n }\n ];\n\n \/\/ Llevar control de un \u00fanico detalle abierto\n let detalleAbiertoId = null;\n\n function crearProductoCard(producto) {\n const cultivosHTML = producto.cultivos.map(c => `<span class=\"cultivo-tag\">${c}<\/span>`).join('');\n \n return `\n <div class=\"producto-card\" onclick=\"toggleDetalle(${producto.id})\">\n <img src=\"${producto.imagen}\" alt=\"${producto.nombre}\" class=\"producto-image\" loading=\"lazy\" decoding=\"async\">\n <div class=\"producto-info\">\n <div class=\"producto-tipo ${producto.tipoClass}\">${producto.tipo}<\/div>\n <h3 class=\"producto-nombre\">${producto.nombre}<\/h3>\n <p class=\"producto-descripcion\">${producto.descripcion}<\/p>\n <\/div>\n <div class=\"producto-detalles\" id=\"detalle-${producto.id}\">\n <div class=\"detalle-grid\">\n <div class=\"detalle-item\">\n <span class=\"detalle-label\">Dosis<\/span>\n <span class=\"detalle-valor\">${producto.dosis}<\/span>\n <\/div>\n <div class=\"detalle-item\">\n <span class=\"detalle-label\">Presentaci\u00f3n<\/span>\n <span class=\"detalle-valor\">${producto.presentacion}<\/span>\n <\/div>\n <div class=\"detalle-item\">\n <span class=\"detalle-label\">Temperatura<\/span>\n <span class=\"detalle-valor\">${producto.temperatura}<\/span>\n <\/div>\n <div class=\"detalle-item\">\n <span class=\"detalle-label\">Ciclo\/Caracter\u00edsticas<\/span>\n <span class=\"detalle-valor\">${producto.cicloVida}<\/span>\n <\/div>\n <div class=\"detalle-item cultivos-list\">\n <span class=\"detalle-label\">Cultivos objetivo<\/span>\n <div class=\"cultivos-tags\">${cultivosHTML}<\/div>\n <\/div>\n <div class=\"detalle-item\">\n <span class=\"detalle-label\">Aplicaci\u00f3n<\/span>\n <span class=\"detalle-valor\">${producto.aplicacion}<\/span>\n <\/div>\n <\/div>\n <div class=\"botones\">\n <a href=\"${producto.ficha}\" class=\"btn btn-primary\" target=\"_blank\" onclick=\"event.stopPropagation();\">\n \ud83d\udccb Descargar Ficha T\u00e9cnica\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n `;\n }\n\n function recalcularMasonry() {\n const grid = document.getElementById('productosGrid');\n if (!grid) return;\n const gridStyles = window.getComputedStyle(grid);\n const rowHeight = parseInt(gridStyles.getPropertyValue('grid-auto-rows')) || 8;\n const gap = parseInt(gridStyles.getPropertyValue('gap')) || 0;\n grid.querySelectorAll('.producto-card').forEach(card => {\n card.style.gridRowEnd = 'span 1';\n const height = card.getBoundingClientRect().height;\n const span = Math.ceil((height + gap) \/ (rowHeight + gap));\n card.style.gridRowEnd = `span ${span}`;\n });\n }\n\n \/\/ Recalcular una tarjeta espec\u00edfica (usado por ResizeObserver)\n function recalcularCard(card) {\n const grid = document.getElementById('productosGrid');\n if (!grid || !card) return;\n const gridStyles = window.getComputedStyle(grid);\n const rowHeight = parseInt(gridStyles.getPropertyValue('grid-auto-rows')) || 8;\n const gap = parseInt(gridStyles.getPropertyValue('gap')) || 0;\n card.style.gridRowEnd = 'span 1';\n const height = Math.ceil(card.getBoundingClientRect().height);\n const span = Math.ceil((height + gap) \/ (rowHeight + gap));\n card.style.gridRowEnd = `span ${span}`;\n }\n\n let masonryObserver = null;\n function observarMasonry() {\n if (!('ResizeObserver' in window)) return;\n if (masonryObserver) masonryObserver.disconnect();\n masonryObserver = new ResizeObserver(entries => {\n entries.forEach(entry => {\n const card = entry.target;\n recalcularCard(card);\n });\n });\n document.querySelectorAll('.producto-card').forEach(card => masonryObserver.observe(card));\n }\n\n function inicializar() {\n const grid = document.getElementById('productosGrid');\n grid.innerHTML = PRODUCTOS.map(producto => crearProductoCard(producto)).join('');\n \/\/ Calcular spans para estilo masonry\n requestAnimationFrame(recalcularMasonry);\n \/\/ Observar cambios de tama\u00f1o (im\u00e1genes cargando y panel al abrir\/cerrar)\n observarMasonry();\n \/\/ Asegurar rec\u00e1lculo cuando cargan las im\u00e1genes\n grid.querySelectorAll('.producto-image').forEach(img => {\n if (img.complete) {\n const card = img.closest('.producto-card');\n recalcularCard(card);\n } else {\n img.addEventListener('load', () => {\n const card = img.closest('.producto-card');\n recalcularCard(card);\n });\n }\n });\n }\n\n function toggleDetalle(id) {\n const detalle = document.getElementById(`detalle-${id}`);\n const card = detalle.closest('.producto-card');\n\n \/\/ Si hay otro abierto y no es este, cerrarlo primero\n if (detalleAbiertoId !== null && detalleAbiertoId !== id) {\n const previo = document.getElementById(`detalle-${detalleAbiertoId}`);\n if (previo) {\n previo.classList.remove('active');\n const prevCard = previo.closest('.producto-card');\n if (prevCard) prevCard.classList.remove('active');\n }\n }\n\n \/\/ Alternar el actual\n const seAbrira = !detalle.classList.contains('active');\n detalle.classList.toggle('active');\n card.classList.toggle('active');\n\n \/\/ Actualizar estado global\n detalleAbiertoId = seAbrira ? id : null;\n\n \/\/ Recalcular alturas para que otras tarjetas no dejen espacio en blanco\n requestAnimationFrame(recalcularMasonry);\n }\n\n \/\/ Inicializar cuando cargue la p\u00e1gina\n document.addEventListener('DOMContentLoaded', inicializar);\n \/\/ Recalcular en redimensionamiento\n window.addEventListener('resize', () => requestAnimationFrame(recalcularMasonry));\n <\/script>\n<\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Productos Biol\u00f3gicos Innovaci\u00f3n en biotecnolog\u00eda y agricultura sostenible desde Zamorano. Zamorano – Productos Biol\u00f3gicos Cat\u00e1logo de Productos Biol\u00f3gicos Soluciones naturales certificadas para el control sostenible de plagas y enfermedades. Desarrollados por la Universidad Zamorano con la m\u00e1s alta calidad t\u00e9cnica. Contacto T\u00e9cnico Para consultas t\u00e9cnicas, pedidos y asesor\u00eda especializada Ing. Rogelio Trabanino Coordinador Unidad de…<\/p>","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","inline_featured_image":false,"footnotes":""},"class_list":["post-1005577","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zamorano.edu\/en\/wp-json\/wp\/v2\/pages\/1005577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zamorano.edu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zamorano.edu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zamorano.edu\/en\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/zamorano.edu\/en\/wp-json\/wp\/v2\/comments?post=1005577"}],"version-history":[{"count":37,"href":"https:\/\/zamorano.edu\/en\/wp-json\/wp\/v2\/pages\/1005577\/revisions"}],"predecessor-version":[{"id":1006478,"href":"https:\/\/zamorano.edu\/en\/wp-json\/wp\/v2\/pages\/1005577\/revisions\/1006478"}],"wp:attachment":[{"href":"https:\/\/zamorano.edu\/en\/wp-json\/wp\/v2\/media?parent=1005577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}