T\u00edtulo MujerEsMatem\u00e1ticas<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@800&display=swap');\r\n \r\n .font-montserrat {\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Animaci\u00f3n de gradiente para el texto *\/\r\n @keyframes gradient-xy {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n \r\n .animate-gradient-xy {\r\n background-size: 200% 200%;\r\n animation: gradient-xy 6s ease infinite;\r\n }\r\n\r\n \/* Animaci\u00f3n suave para los s\u00edmbolos de fondo *\/\r\n @keyframes float-slow {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-20px); }\r\n }\r\n \r\n .animate-float-slow {\r\n animation: float-slow 8s ease-in-out infinite;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white min-h-[300px] flex items-center justify-center overflow-hidden relative\">\r\n\r\n \r\n <div class=\"relative w-full max-w-[90%] mx-auto px-4 py-20 text-center\">\r\n \r\n \r\n <div class=\"absolute inset-0 overflow-hidden pointer-events-none select-none opacity-20\">\r\n <div class=\"absolute top-10 left-10 text-4xl text-pink-300 animate-float-slow\" style=\"animation-delay: 0s;\">\u03c0<\/div>\r\n <div class=\"absolute top-20 right-20 text-5xl text-purple-300 animate-float-slow\" style=\"animation-delay: 1s;\">\u2211<\/div>\r\n <div class=\"absolute bottom-10 left-1\/4 text-4xl text-yellow-300 animate-float-slow\" style=\"animation-delay: 2s;\">\u221a<\/div>\r\n <div class=\"absolute top-1\/3 right-1\/4 text-3xl text-blue-300 animate-float-slow\" style=\"animation-delay: 3s;\">\u221e<\/div>\r\n <div class=\"absolute bottom-20 right-10 text-4xl text-red-300 animate-float-slow\" style=\"animation-delay: 4s;\">\u222b<\/div>\r\n <div class=\"absolute top-1\/2 left-10 text-3xl text-green-300 animate-float-slow\" style=\"animation-delay: 1.5s;\">\u2260<\/div>\r\n <\/div>\r\n\r\n \r\n <h1 class=\"relative z-10 font-montserrat font-extrabold leading-tight normal-case select-none\" style=\"font-size: clamp(60px, 10vw, 90px);\">\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-pink-500 via-purple-500 via-red-500 via-yellow-500 to-blue-500 animate-gradient-xy\">\r\n #MujerEsMatem\u00e1ticas\r\n <\/span>\r\n <\/h1>\r\n \r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f921502 elementor-widget elementor-widget-html\" data-id=\"f921502\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Galer\u00eda Din\u00e1mica de Mujeres<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n background: white;\r\n min-height: 100vh;\r\n padding: 2rem;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n h1 {\r\n text-align: center;\r\n color: #ec4899;\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n margin-bottom: 3rem;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\r\n animation: fadeInDown 0.8s ease-out;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .gallery {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n padding: 1rem;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n animation: floatUp 0.8s ease-out backwards;\r\n \/* Todas las im\u00e1genes ahora son cuadradas con aspect-ratio 1:1 *\/\r\n aspect-ratio: 1 \/ 1;\r\n }\r\n\r\n .gallery-item:nth-child(1) { animation-delay: 0.1s; }\r\n .gallery-item:nth-child(2) { animation-delay: 0.2s; }\r\n .gallery-item:nth-child(3) { animation-delay: 0.3s; }\r\n .gallery-item:nth-child(4) { animation-delay: 0.4s; }\r\n .gallery-item:nth-child(5) { animation-delay: 0.5s; }\r\n .gallery-item:nth-child(6) { animation-delay: 0.6s; }\r\n .gallery-item:nth-child(7) { animation-delay: 0.7s; }\r\n .gallery-item:nth-child(8) { animation-delay: 0.8s; }\r\n .gallery-item:nth-child(9) { animation-delay: 0.9s; }\r\n\r\n .gallery-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, \r\n rgba(236, 72, 153, 0.3) 0%, \r\n rgba(168, 85, 247, 0.3) 50%, \r\n rgba(251, 146, 60, 0.3) 100%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n z-index: 1;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: translateY(-12px) scale(1.05) rotate(2deg);\r\n box-shadow: 0 20px 50px rgba(236, 72, 153, 0.6);\r\n }\r\n\r\n .gallery-item:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease, filter 0.4s ease;\r\n }\r\n\r\n .gallery-item:hover img {\r\n transform: scale(1.15) rotate(-2deg);\r\n filter: brightness(1.2) saturate(1.3);\r\n }\r\n\r\n .gallery-item-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.5rem;\r\n background: linear-gradient(to top, \r\n rgba(0, 0, 0, 0.9) 0%, \r\n rgba(236, 72, 153, 0.5) 50%,\r\n transparent 100%);\r\n transform: translateY(100%);\r\n transition: transform 0.4s ease;\r\n z-index: 2;\r\n }\r\n\r\n .gallery-item:hover .gallery-item-overlay {\r\n transform: translateY(0);\r\n }\r\n\r\n .gallery-item-name {\r\n color: white;\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\r\n }\r\n\r\n \/* Modal *\/\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(255, 255, 255, 0.85);\r\n backdrop-filter: blur(8px);\r\n z-index: 1000;\r\n animation: fadeIn 0.3s ease;\r\n }\r\n\r\n .modal.active {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 2rem;\r\n }\r\n\r\n .modal-content {\r\n position: relative;\r\n width: auto;\r\n height: auto;\r\n max-width: 95vw;\r\n max-height: 95vh;\r\n animation: zoomIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n border-radius: 20px;\r\n overflow: visible; \r\n box-shadow: 0 20px 60px rgba(0,0,0,0.2);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .modal-content::before {\r\n display: none;\r\n }\r\n\r\n .modal-image {\r\n display: block;\r\n max-width: 100%;\r\n max-height: 90vh;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.2);\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: -20px;\r\n right: -20px;\r\n background: linear-gradient(135deg, #ec4899, #a855f7);\r\n color: white;\r\n border: none;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 15px rgba(236, 72, 153, 0.5);\r\n }\r\n\r\n .modal-close:hover {\r\n transform: rotate(90deg) scale(1.1);\r\n box-shadow: 0 6px 25px rgba(236, 72, 153, 0.8);\r\n }\r\n\r\n .modal-name {\r\n position: absolute;\r\n bottom: 2rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, \r\n rgba(236, 72, 153, 0.9) 0%, \r\n rgba(168, 85, 247, 0.9) 100%);\r\n color: white;\r\n padding: 0.8rem 2rem;\r\n border-radius: 50px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n z-index: 2;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\r\n white-space: nowrap;\r\n pointer-events: none;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes floatUp {\r\n from { opacity: 0; transform: translateY(60px) scale(0.8); }\r\n to { opacity: 1; transform: translateY(0) scale(1); }\r\n }\r\n\r\n @keyframes zoomIn {\r\n from { opacity: 0; transform: scale(0.8); }\r\n to { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .gallery {\r\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .modal-close {\r\n top: 10px;\r\n right: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n \r\n <div class=\"gallery\" id=\"gallery\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" id=\"modalClose\">\u00d7<\/button>\r\n <img decoding=\"async\" class=\"modal-image\" id=\"modalImage\" src=\"\/placeholder.svg\" alt=\"\">\r\n <div class=\"modal-name\" id=\"modalName\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const images = [\r\n { name: \"Alejandra Rada\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Alejandra-Rada.jpg\" },\r\n { name: \"Aida Gonz\u00e1lez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Aida-Gonzalez.png\" },\r\n { name: \"Adriana Salinas\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Adriana-Salinas.png\" },\r\n { name: \"Yadira Caicedo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Yadira-Caicedo.png\" },\r\n { name: \"Valerie Gauthier\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Valerie-Gauthier.png\" },\r\n { name: \"Tatiana Toro\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Tatiana-Toro.png\" },\r\n { name: \"Sof\u00eda Pinz\u00f3n\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Sofia-Pinzon.png\" },\r\n { name: \"Sherly Alfonso\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Sherly-Alfonso.png\" },\r\n { name: \"Sandra Garc\u00eda\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Sandra-Garcia.png\" },\r\n { name: \"Ruth Alejandra Torres\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Ruth-Alejandra-Torres.png\" },\r\n { name: \"Paula Gonz\u00e1lez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Paula-Gonzalez.png\" },\r\n { name: \"Paola Balda\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Paola-Balda.png\" },\r\n { name: \"Olga Luc\u00eda Quintero\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Olga-Lucia-Quintero.png\" },\r\n { name: \"Nelsy Gonz\u00e1lez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Nelsy-Gonzalez.png\" },\r\n { name: \"Nelly Villamizar\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Nelly-Villamizar.png\" },\r\n { name: \"Nathaly Otero\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Nathaly-Otero.png\" },\r\n { name: \"Natalia Pinz\u00f3n\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Natalia-Pinzon.png\" },\r\n { name: \"Natalia Hern\u00e1ndez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Natalia-Hernandez.png\" },\r\n { name: \"Natalia Agudelo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Natalia-Agudelo.png\" },\r\n { name: \"Myladis Cogollo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Myladis-Cogollo.png\" },\r\n { name: \"Mawency Vergel\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Mawency-Vergel.png\" },\r\n { name: \"Mariam Pinto\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Mariam-Pinto.png\" },\r\n { name: \"Mar\u00eda Eugenia Puerta\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/MAria-Eugenia-Puerta.png\" },\r\n { name: \"Mar\u00eda Cristina Plazas\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Maria-Cristina-Plazas.png\" },\r\n { name: \"Mar\u00eda Amelia Salazar\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Maria-Amelia-Salazar.png\" },\r\n { name: \"Mar\u00eda Alejandra Osorio\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Maria-Alejandra-Osorio.jpg\" },\r\n { name: \"Margoth Valdivieso\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Margoth-Valdivieso.png\" },\r\n { name: \"Margarita Rinc\u00f3n\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Margarita-Rincon.png\" },\r\n { name: \"Luz Amparo Carranza\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Luz-Amparo-Carranza.png\" },\r\n { name: \"Liliana Esquivel\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Liliana-Esquivel.png\" },\r\n { name: \"Laura G\u00f3mez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Laura-Gomez.png\" },\r\n { name: \"Karen Fl\u00f3rez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Karen-Florez.png\" },\r\n { name: \"Juanita Pinz\u00f3n Caicedo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Juanita-Pinzon-Caicedo.png\" },\r\n { name: \"Jenny Acevedo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Jenny-Acevedo.png\" },\r\n { name: \"Jeanneth Galeano\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Jeanneth-Galeano.png\" },\r\n { name: \"Ivonne Rivas\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Ivonne-Rivas.png\" },\r\n { name: \"Isabel Garc\u00eda\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Isabel-Garcia.png\" },\r\n { name: \"Eddy Pariguan\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Eddy-Pariguan.png\" },\r\n { name: \"Doris Hinestroza\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Doris-Hinestroza.png\" },\r\n { name: \"Diana Vel\u00e1squez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Diana-Velasquez.png\" },\r\n { name: \"Diana S\u00e1nchez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Diana-Sanchez.png\" },\r\n { name: \"Diana Bueno\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Diana-Bueno.png\" },\r\n { name: \"Debora Tejada\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Debora-Tejada.jpg\" },\r\n { name: \"Claudia Orduz\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Claudia-Orduz.jpg\" },\r\n { name: \"Claudia Granados\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Claudia-Granados.png\" },\r\n { name: \"Clara Aldana\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Clara-Aldana.png\" },\r\n { name: \"Carolina Neira\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Carolina-Neira.png\" },\r\n { name: \"Carolina Benedetti\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Carolina-Benedetii.png\" },\r\n { name: \"Bibiana Pati\u00f1o\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Bibiana-Patino.png\" },\r\n { name: \"Astrid Mesa\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Astrid-Mesa.png\" },\r\n { name: \"Ang\u00e9lica Vargas\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Angelica-Vargas.png\" },\r\n { name: \"Ang\u00e9lica Osorno\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Angelica-Osorno.png\" },\r\n { name: \"Ang\u00e9lica Caicedo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Angelica-Caicedo.png\" },\r\n { name: \"Andrea Guzm\u00e1n\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Andrea-Guzman.png\" },\r\n { name: \"Ana Mar\u00eda Botero\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Ana-Maria-Botero.png\" },\r\n { name: \"Alejandra Rinc\u00f3n\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Alejandra-Rincon.png\" }\r\n ];\r\n\r\n const gallery = document.getElementById('gallery');\r\n const modal = document.getElementById('modal');\r\n const modalImage = document.getElementById('modalImage');\r\n const modalName = document.getElementById('modalName');\r\n const modalClose = document.getElementById('modalClose');\r\n\r\n \/\/ Crear galer\u00eda\r\n images.forEach((image, index) => {\r\n const item = document.createElement('div');\r\n item.className = 'gallery-item';\r\n \r\n const img = document.createElement('img');\r\n img.src = image.url;\r\n img.alt = image.name;\r\n img.loading = 'lazy';\r\n \r\n const overlay = document.createElement('div');\r\n overlay.className = 'gallery-item-overlay';\r\n \r\n const name = document.createElement('div');\r\n name.className = 'gallery-item-name';\r\n name.textContent = image.name;\r\n \r\n overlay.appendChild(name);\r\n item.appendChild(img);\r\n item.appendChild(overlay);\r\n \r\n \/\/ Click para abrir modal\r\n item.addEventListener('click', () => {\r\n modalImage.src = image.url;\r\n modalImage.alt = image.name;\r\n modalName.textContent = image.name;\r\n modal.classList.add('active');\r\n });\r\n \r\n gallery.appendChild(item);\r\n });\r\n\r\n \/\/ Cerrar modal\r\n modalClose.addEventListener('click', () => {\r\n modal.classList.remove('active');\r\n });\r\n\r\n modal.addEventListener('click', (e) => {\r\n if (e.target === modal) {\r\n modal.classList.remove('active');\r\n }\r\n });\r\n\r\n \/\/ Cerrar con tecla ESC\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') {\r\n modal.classList.remove('active');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>T\u00edtulo MujerEsMatem\u00e1ticas \u03c0 \u2211 \u221a \u221e \u222b \u2260 #MujerEsMatem\u00e1ticas Galer\u00eda Din\u00e1mica de Mujeres \u00d7<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5780","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages\/5780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/comments?post=5780"}],"version-history":[{"count":57,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages\/5780\/revisions"}],"predecessor-version":[{"id":5902,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages\/5780\/revisions\/5902"}],"wp:attachment":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/media?parent=5780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n T\u00edtulo MujerEsMatem\u00e1ticas<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@800&display=swap');\r\n \r\n .font-montserrat {\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Animaci\u00f3n de gradiente para el texto *\/\r\n @keyframes gradient-xy {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n \r\n .animate-gradient-xy {\r\n background-size: 200% 200%;\r\n animation: gradient-xy 6s ease infinite;\r\n }\r\n\r\n \/* Animaci\u00f3n suave para los s\u00edmbolos de fondo *\/\r\n @keyframes float-slow {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-20px); }\r\n }\r\n \r\n .animate-float-slow {\r\n animation: float-slow 8s ease-in-out infinite;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white min-h-[300px] flex items-center justify-center overflow-hidden relative\">\r\n\r\n \r\n <div class=\"relative w-full max-w-[90%] mx-auto px-4 py-20 text-center\">\r\n \r\n \r\n <div class=\"absolute inset-0 overflow-hidden pointer-events-none select-none opacity-20\">\r\n <div class=\"absolute top-10 left-10 text-4xl text-pink-300 animate-float-slow\" style=\"animation-delay: 0s;\">\u03c0<\/div>\r\n <div class=\"absolute top-20 right-20 text-5xl text-purple-300 animate-float-slow\" style=\"animation-delay: 1s;\">\u2211<\/div>\r\n <div class=\"absolute bottom-10 left-1\/4 text-4xl text-yellow-300 animate-float-slow\" style=\"animation-delay: 2s;\">\u221a<\/div>\r\n <div class=\"absolute top-1\/3 right-1\/4 text-3xl text-blue-300 animate-float-slow\" style=\"animation-delay: 3s;\">\u221e<\/div>\r\n <div class=\"absolute bottom-20 right-10 text-4xl text-red-300 animate-float-slow\" style=\"animation-delay: 4s;\">\u222b<\/div>\r\n <div class=\"absolute top-1\/2 left-10 text-3xl text-green-300 animate-float-slow\" style=\"animation-delay: 1.5s;\">\u2260<\/div>\r\n <\/div>\r\n\r\n \r\n <h1 class=\"relative z-10 font-montserrat font-extrabold leading-tight normal-case select-none\" style=\"font-size: clamp(60px, 10vw, 90px);\">\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-pink-500 via-purple-500 via-red-500 via-yellow-500 to-blue-500 animate-gradient-xy\">\r\n #MujerEsMatem\u00e1ticas\r\n <\/span>\r\n <\/h1>\r\n \r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f921502 elementor-widget elementor-widget-html\" data-id=\"f921502\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Galer\u00eda Din\u00e1mica de Mujeres<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n background: white;\r\n min-height: 100vh;\r\n padding: 2rem;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n h1 {\r\n text-align: center;\r\n color: #ec4899;\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n margin-bottom: 3rem;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\r\n animation: fadeInDown 0.8s ease-out;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .gallery {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n padding: 1rem;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n animation: floatUp 0.8s ease-out backwards;\r\n \/* Todas las im\u00e1genes ahora son cuadradas con aspect-ratio 1:1 *\/\r\n aspect-ratio: 1 \/ 1;\r\n }\r\n\r\n .gallery-item:nth-child(1) { animation-delay: 0.1s; }\r\n .gallery-item:nth-child(2) { animation-delay: 0.2s; }\r\n .gallery-item:nth-child(3) { animation-delay: 0.3s; }\r\n .gallery-item:nth-child(4) { animation-delay: 0.4s; }\r\n .gallery-item:nth-child(5) { animation-delay: 0.5s; }\r\n .gallery-item:nth-child(6) { animation-delay: 0.6s; }\r\n .gallery-item:nth-child(7) { animation-delay: 0.7s; }\r\n .gallery-item:nth-child(8) { animation-delay: 0.8s; }\r\n .gallery-item:nth-child(9) { animation-delay: 0.9s; }\r\n\r\n .gallery-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, \r\n rgba(236, 72, 153, 0.3) 0%, \r\n rgba(168, 85, 247, 0.3) 50%, \r\n rgba(251, 146, 60, 0.3) 100%);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n z-index: 1;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: translateY(-12px) scale(1.05) rotate(2deg);\r\n box-shadow: 0 20px 50px rgba(236, 72, 153, 0.6);\r\n }\r\n\r\n .gallery-item:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease, filter 0.4s ease;\r\n }\r\n\r\n .gallery-item:hover img {\r\n transform: scale(1.15) rotate(-2deg);\r\n filter: brightness(1.2) saturate(1.3);\r\n }\r\n\r\n .gallery-item-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 1.5rem;\r\n background: linear-gradient(to top, \r\n rgba(0, 0, 0, 0.9) 0%, \r\n rgba(236, 72, 153, 0.5) 50%,\r\n transparent 100%);\r\n transform: translateY(100%);\r\n transition: transform 0.4s ease;\r\n z-index: 2;\r\n }\r\n\r\n .gallery-item:hover .gallery-item-overlay {\r\n transform: translateY(0);\r\n }\r\n\r\n .gallery-item-name {\r\n color: white;\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\r\n }\r\n\r\n \/* Modal *\/\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(255, 255, 255, 0.85);\r\n backdrop-filter: blur(8px);\r\n z-index: 1000;\r\n animation: fadeIn 0.3s ease;\r\n }\r\n\r\n .modal.active {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 2rem;\r\n }\r\n\r\n .modal-content {\r\n position: relative;\r\n width: auto;\r\n height: auto;\r\n max-width: 95vw;\r\n max-height: 95vh;\r\n animation: zoomIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n border-radius: 20px;\r\n overflow: visible; \r\n box-shadow: 0 20px 60px rgba(0,0,0,0.2);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .modal-content::before {\r\n display: none;\r\n }\r\n\r\n .modal-image {\r\n display: block;\r\n max-width: 100%;\r\n max-height: 90vh;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.2);\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: -20px;\r\n right: -20px;\r\n background: linear-gradient(135deg, #ec4899, #a855f7);\r\n color: white;\r\n border: none;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 15px rgba(236, 72, 153, 0.5);\r\n }\r\n\r\n .modal-close:hover {\r\n transform: rotate(90deg) scale(1.1);\r\n box-shadow: 0 6px 25px rgba(236, 72, 153, 0.8);\r\n }\r\n\r\n .modal-name {\r\n position: absolute;\r\n bottom: 2rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, \r\n rgba(236, 72, 153, 0.9) 0%, \r\n rgba(168, 85, 247, 0.9) 100%);\r\n color: white;\r\n padding: 0.8rem 2rem;\r\n border-radius: 50px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n z-index: 2;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\r\n white-space: nowrap;\r\n pointer-events: none;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes floatUp {\r\n from { opacity: 0; transform: translateY(60px) scale(0.8); }\r\n to { opacity: 1; transform: translateY(0) scale(1); }\r\n }\r\n\r\n @keyframes zoomIn {\r\n from { opacity: 0; transform: scale(0.8); }\r\n to { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .gallery {\r\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .modal-close {\r\n top: 10px;\r\n right: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n \r\n <div class=\"gallery\" id=\"gallery\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"modal\" id=\"modal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" id=\"modalClose\">\u00d7<\/button>\r\n <img decoding=\"async\" class=\"modal-image\" id=\"modalImage\" src=\"\/placeholder.svg\" alt=\"\">\r\n <div class=\"modal-name\" id=\"modalName\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const images = [\r\n { name: \"Alejandra Rada\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Alejandra-Rada.jpg\" },\r\n { name: \"Aida Gonz\u00e1lez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Aida-Gonzalez.png\" },\r\n { name: \"Adriana Salinas\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Adriana-Salinas.png\" },\r\n { name: \"Yadira Caicedo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Yadira-Caicedo.png\" },\r\n { name: \"Valerie Gauthier\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Valerie-Gauthier.png\" },\r\n { name: \"Tatiana Toro\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Tatiana-Toro.png\" },\r\n { name: \"Sof\u00eda Pinz\u00f3n\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Sofia-Pinzon.png\" },\r\n { name: \"Sherly Alfonso\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Sherly-Alfonso.png\" },\r\n { name: \"Sandra Garc\u00eda\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Sandra-Garcia.png\" },\r\n { name: \"Ruth Alejandra Torres\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Ruth-Alejandra-Torres.png\" },\r\n { name: \"Paula Gonz\u00e1lez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Paula-Gonzalez.png\" },\r\n { name: \"Paola Balda\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Paola-Balda.png\" },\r\n { name: \"Olga Luc\u00eda Quintero\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Olga-Lucia-Quintero.png\" },\r\n { name: \"Nelsy Gonz\u00e1lez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Nelsy-Gonzalez.png\" },\r\n { name: \"Nelly Villamizar\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Nelly-Villamizar.png\" },\r\n { name: \"Nathaly Otero\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Nathaly-Otero.png\" },\r\n { name: \"Natalia Pinz\u00f3n\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Natalia-Pinzon.png\" },\r\n { name: \"Natalia Hern\u00e1ndez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Natalia-Hernandez.png\" },\r\n { name: \"Natalia Agudelo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Natalia-Agudelo.png\" },\r\n { name: \"Myladis Cogollo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Myladis-Cogollo.png\" },\r\n { name: \"Mawency Vergel\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Mawency-Vergel.png\" },\r\n { name: \"Mariam Pinto\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Mariam-Pinto.png\" },\r\n { name: \"Mar\u00eda Eugenia Puerta\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/MAria-Eugenia-Puerta.png\" },\r\n { name: \"Mar\u00eda Cristina Plazas\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Maria-Cristina-Plazas.png\" },\r\n { name: \"Mar\u00eda Amelia Salazar\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Maria-Amelia-Salazar.png\" },\r\n { name: \"Mar\u00eda Alejandra Osorio\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Maria-Alejandra-Osorio.jpg\" },\r\n { name: \"Margoth Valdivieso\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Margoth-Valdivieso.png\" },\r\n { name: \"Margarita Rinc\u00f3n\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Margarita-Rincon.png\" },\r\n { name: \"Luz Amparo Carranza\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Luz-Amparo-Carranza.png\" },\r\n { name: \"Liliana Esquivel\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Liliana-Esquivel.png\" },\r\n { name: \"Laura G\u00f3mez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Laura-Gomez.png\" },\r\n { name: \"Karen Fl\u00f3rez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Karen-Florez.png\" },\r\n { name: \"Juanita Pinz\u00f3n Caicedo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Juanita-Pinzon-Caicedo.png\" },\r\n { name: \"Jenny Acevedo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Jenny-Acevedo.png\" },\r\n { name: \"Jeanneth Galeano\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Jeanneth-Galeano.png\" },\r\n { name: \"Ivonne Rivas\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Ivonne-Rivas.png\" },\r\n { name: \"Isabel Garc\u00eda\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Isabel-Garcia.png\" },\r\n { name: \"Eddy Pariguan\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Eddy-Pariguan.png\" },\r\n { name: \"Doris Hinestroza\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Doris-Hinestroza.png\" },\r\n { name: \"Diana Vel\u00e1squez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Diana-Velasquez.png\" },\r\n { name: \"Diana S\u00e1nchez\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Diana-Sanchez.png\" },\r\n { name: \"Diana Bueno\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Diana-Bueno.png\" },\r\n { name: \"Debora Tejada\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Debora-Tejada.jpg\" },\r\n { name: \"Claudia Orduz\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Claudia-Orduz.jpg\" },\r\n { name: \"Claudia Granados\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Claudia-Granados.png\" },\r\n { name: \"Clara Aldana\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Clara-Aldana.png\" },\r\n { name: \"Carolina Neira\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Carolina-Neira.png\" },\r\n { name: \"Carolina Benedetti\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Carolina-Benedetii.png\" },\r\n { name: \"Bibiana Pati\u00f1o\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Bibiana-Patino.png\" },\r\n { name: \"Astrid Mesa\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Astrid-Mesa.png\" },\r\n { name: \"Ang\u00e9lica Vargas\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Angelica-Vargas.png\" },\r\n { name: \"Ang\u00e9lica Osorno\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Angelica-Osorno.png\" },\r\n { name: \"Ang\u00e9lica Caicedo\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Angelica-Caicedo.png\" },\r\n { name: \"Andrea Guzm\u00e1n\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Andrea-Guzman.png\" },\r\n { name: \"Ana Mar\u00eda Botero\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Ana-Maria-Botero.png\" },\r\n { name: \"Alejandra Rinc\u00f3n\", url: \"https:\/\/scm.org.co\/web\/wp-content\/uploads\/2025\/11\/Alejandra-Rincon.png\" }\r\n ];\r\n\r\n const gallery = document.getElementById('gallery');\r\n const modal = document.getElementById('modal');\r\n const modalImage = document.getElementById('modalImage');\r\n const modalName = document.getElementById('modalName');\r\n const modalClose = document.getElementById('modalClose');\r\n\r\n \/\/ Crear galer\u00eda\r\n images.forEach((image, index) => {\r\n const item = document.createElement('div');\r\n item.className = 'gallery-item';\r\n \r\n const img = document.createElement('img');\r\n img.src = image.url;\r\n img.alt = image.name;\r\n img.loading = 'lazy';\r\n \r\n const overlay = document.createElement('div');\r\n overlay.className = 'gallery-item-overlay';\r\n \r\n const name = document.createElement('div');\r\n name.className = 'gallery-item-name';\r\n name.textContent = image.name;\r\n \r\n overlay.appendChild(name);\r\n item.appendChild(img);\r\n item.appendChild(overlay);\r\n \r\n \/\/ Click para abrir modal\r\n item.addEventListener('click', () => {\r\n modalImage.src = image.url;\r\n modalImage.alt = image.name;\r\n modalName.textContent = image.name;\r\n modal.classList.add('active');\r\n });\r\n \r\n gallery.appendChild(item);\r\n });\r\n\r\n \/\/ Cerrar modal\r\n modalClose.addEventListener('click', () => {\r\n modal.classList.remove('active');\r\n });\r\n\r\n modal.addEventListener('click', (e) => {\r\n if (e.target === modal) {\r\n modal.classList.remove('active');\r\n }\r\n });\r\n\r\n \/\/ Cerrar con tecla ESC\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') {\r\n modal.classList.remove('active');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>T\u00edtulo MujerEsMatem\u00e1ticas \u03c0 \u2211 \u221a \u221e \u222b \u2260 #MujerEsMatem\u00e1ticas Galer\u00eda Din\u00e1mica de Mujeres \u00d7<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5780","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages\/5780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/comments?post=5780"}],"version-history":[{"count":57,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages\/5780\/revisions"}],"predecessor-version":[{"id":5902,"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/pages\/5780\/revisions\/5902"}],"wp:attachment":[{"href":"https:\/\/scm.org.co\/web\/wp-json\/wp\/v2\/media?parent=5780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}