Contacto - Cl\u00ednica M\u00e9dica CIMIGEN<\/title>\n <style>\n \/* --- Importaci\u00f3n de Fuentes y Reseteo B\u00e1sico --- *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap');\n\n :root {\n --color-azul-primario: #005A9C;\n --color-verde-secundario: #4CAF50;\n --color-fondo: #F4F7F6;\n --color-texto: #333333;\n --color-blanco: #FFFFFF;\n --color-gris-claro: #EAEAEA;\n --sombra-suave: 0 10px 30px rgba(0, 90, 156, 0.1);\n --sombra-flotante: 0 15px 35px rgba(0, 90, 156, 0.2);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background-color: var(--color-fondo);\n color: var(--color-texto);\n overflow-x: hidden;\n line-height: 1.6;\n }\n\n \/* --- Contenedor Principal --- *\/\n .contact-container {\n display: flex;\n width: 100%;\n min-height: 100vh;\n padding: 140px 40px 40px 40px; \n align-items: center;\n justify-content: center;\n animation: fadeIn 1s ease-in-out;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .contact-wrapper {\n display: flex;\n width: 100%;\n max-width: 1200px;\n background-color: var(--color-blanco);\n border-radius: 20px;\n box-shadow: var(--sombra-suave);\n overflow: hidden;\n }\n\n \/* --- Secci\u00f3n del Mapa (Izquierda) --- *\/\n .map-section {\n width: 50%;\n position: relative;\n }\n\n .map-section iframe {\n width: 100%;\n height: 100%;\n border: none;\n }\n \n \/* CAMBIO: Estilo para el bot\u00f3n de \"C\u00f3mo llegar\" *\/\n .directions-button {\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n background-color: var(--color-verde-secundario);\n color: var(--color-blanco);\n text-decoration: none;\n padding: 12px 25px;\n border-radius: 30px;\n font-weight: 600;\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n transition: background-color 0.3s ease, transform 0.3s ease;\n z-index: 10;\n }\n\n .directions-button:hover {\n background-color: #45a049;\n transform: translateX(-50%) scale(1.05);\n }\n\n\n \/* --- Secci\u00f3n del Formulario (Derecha) --- *\/\n .form-section {\n width: 50%;\n padding: 50px 60px;\n }\n\n .form-section h1 {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--color-azul-primario);\n margin-bottom: 10px;\n }\n\n .form-section p {\n font-size: 1rem;\n margin-bottom: 30px;\n color: #666;\n }\n\n .form-group {\n position: relative;\n margin-bottom: 25px;\n }\n\n .form-input {\n width: 100%;\n padding: 15px 20px;\n border: 2px solid #DDD;\n border-radius: 10px;\n background-color: var(--color-fondo);\n font-size: 1rem;\n color: var(--color-texto);\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n }\n \n .form-input:focus {\n outline: none;\n border-color: var(--color-azul-primario);\n box-shadow: 0 0 0 3px rgba(0, 90, 156, 0.2);\n }\n\n .form-button {\n width: 100%;\n padding: 18px;\n border: none;\n border-radius: 10px;\n background-color: var(--color-verde-secundario);\n color: var(--color-blanco);\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.3s ease, transform 0.2s ease;\n }\n \n .form-button:hover {\n background-color: #45a049;\n transform: translateY(-3px);\n }\n\n \/* --- Men\u00fa de Navegaci\u00f3n --- *\/\n .floating-nav {\n position: fixed;\n top: 30px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1000;\n background-color: var(--color-azul-primario);\n padding: 10px 15px;\n border-radius: 50px;\n box-shadow: var(--sombra-flotante);\n display: flex;\n align-items: center;\n gap: 15px;\n animation: slideDown 1s ease-out;\n \/* CAMBIO: Transici\u00f3n para el efecto de ocultar\/mostrar *\/\n transition: top 0.4s ease-in-out; \n }\n\n \/* CAMBIO: Clase para ocultar el men\u00fa al hacer scroll *\/\n .floating-nav.nav-hidden {\n top: -100px;\n }\n \n @keyframes slideDown {\n from { top: -100px; opacity: 0; }\n to { top: 30px; opacity: 1; }\n }\n\n .nav-link {\n text-decoration: none;\n color: var(--color-blanco);\n font-weight: 600;\n padding: 10px 15px;\n border-radius: 30px;\n transition: background-color 0.3s ease;\n }\n\n .nav-link:hover {\n background-color: rgba(255, 255, 255, 0.15);\n }\n \n \/* CAMBIO: Estilos mejorados para el logo *\/\n .nav-logo {\n height: 60px; \/* Tama\u00f1o aumentado *\/\n width: auto; \/* Ancho autom\u00e1tico para mantener proporci\u00f3n *\/\n object-fit: contain;\n \/* Se elimin\u00f3 el borde y el border-radius *\/\n }\n\n .hamburger-menu { position: relative; }\n \n .hamburger-icon {\n cursor: pointer;\n padding: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-blanco); \n }\n\n .hamburger-icon span { font-weight: 600; font-size: 0.9rem; margin-right: 5px; }\n \n #hamburger-toggle { display: none; }\n \n .dropdown-menu {\n position: absolute;\n top: calc(100% + 15px); \n right: 0;\n background-color: var(--color-blanco);\n border-radius: 15px;\n box-shadow: var(--sombra-suave);\n list-style: none;\n padding: 10px 0;\n width: 200px;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;\n }\n\n #hamburger-toggle:checked ~ .dropdown-menu {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n \n .dropdown-menu a {\n display: block;\n padding: 12px 20px;\n text-decoration: none;\n color: var(--color-texto);\n transition: background-color 0.3s ease, color 0.3s ease;\n }\n\n .dropdown-menu a:hover { background-color: var(--color-fondo); color: var(--color-azul-primario); }\n\n \/* --- NUEVO: Pie de P\u00e1gina (Footer) --- *\/\n .site-footer {\n background-color: #222;\n color: #AAA;\n padding: 50px 40px;\n text-align: center;\n font-size: 0.9rem;\n }\n\n .footer-content p {\n margin-bottom: 10px;\n }\n\n .footer-content a {\n color: var(--color-blanco);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n .footer-content a:hover {\n text-decoration: underline;\n }\n\n .footer-image {\n display: block;\n margin: 30px auto 20px auto;\n max-width: 150px; \/* Ajusta seg\u00fan el tama\u00f1o de tu imagen *\/\n opacity: 0.8;\n }\n\n .copyright {\n margin-top: 30px;\n border-top: 1px solid #444;\n padding-top: 30px;\n color: #777;\n }\n\n \/* --- Dise\u00f1o Responsivo (para celulares) --- *\/\n @media (max-width: 992px) {\n .contact-container {\n padding: 120px 20px 20px 20px;\n min-height: auto;\n }\n .contact-wrapper {\n flex-direction: column;\n }\n .map-section, .form-section {\n width: 100%;\n }\n .map-section {\n height: 350px;\n }\n .form-section {\n padding: 40px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <nav class=\"floating-nav\" id=\"main-nav\">\n <a href=\"#inicio\" class=\"nav-link\">Inicio<\/a>\n <a href=\"#quienes-somos\" class=\"nav-link\">Qui\u00e9nes Somos<\/a>\n \n <img decoding=\"async\" src=\"\/logominicimigen.png\" alt=\"Logo Cl\u00ednica CIMIGEN\" class=\"nav-logo\"> \n\n <div class=\"hamburger-menu\">\n <input type=\"checkbox\" id=\"hamburger-toggle\">\n <label for=\"hamburger-toggle\" class=\"hamburger-icon\">\n <span>M\u00e1s<\/span>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 6H20M4 12H20M4 18H20\" stroke=\"var(--color-blanco)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/label>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#que-hacemos\">Qu\u00e9 Hacemos<\/a><\/li>\n <li><a href=\"#apadrinar\">Apadrinar \/ Donaciones<\/a><\/li>\n <li><a href=\"#blog\">Blog<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n <div class=\"contact-container\">\n <div class=\"contact-wrapper\">\n \n <div class=\"map-section\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3764.3168853240217!2d-99.09117682405892!3d19.35515254198888!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1fe3335520eab%3A0x6a3788931a74208a!2sAv%20Tlahuac%201004%2C%20Lomas%20Estrella%2C%20Iztapalapa%2C%2009890%20Ciudad%20de%20M%C3%A9xico%2C%20CDMX!5e0!3m2!1ses-419!2smx!4v1719420077054!5m2!1ses-419!2smx\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n \n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=Av+Tl\u00e1huac+1004,+Lomas+Estrella,+Iztapalapa,+09890+Ciudad+de+M\u00e9xico\" class=\"directions-button\" target=\"_blank\">\n C\u00f3mo llegar\n <\/a>\n <\/div>\n\n <div class=\"form-section\">\n <h1>Ponte en Contacto<\/h1>\n <p>\u00bfTienes alguna pregunta? Env\u00edanos un mensaje y te responderemos a la brevedad.<\/p>\n \n <form action=\"https:\/\/formspree.io\/f\/your_new_form_id_for_cimigen_org_mx\" method=\"POST\">\n \n <div class=\"form-group\"><input type=\"text\" name=\"name\" class=\"form-input\" placeholder=\"Nombre completo\" required><\/div>\n <div class=\"form-group\"><input type=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Correo electr\u00f3nico\" required><\/div>\n <div class=\"form-group\"><input type=\"tel\" name=\"phone\" class=\"form-input\" placeholder=\"Tel\u00e9fono\"><\/div>\n <div class=\"form-group\">\n <select name=\"area_interes\" class=\"form-input\" required>\n <option value=\"\" disabled selected>Selecciona el \u00e1rea de inter\u00e9s...<\/option>\n <option value=\"donaciones\">Donaciones<\/option><option value=\"informes\">Informes Generales<\/option><option value=\"consultas\">Consultas M\u00e9dicas<\/option><option value=\"laboratorios\">Resultados de Laboratorio<\/option><option value=\"dependencias\">Dependencias<\/option><option value=\"redes_sociales\">Redes Sociales<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <select name=\"como_encontro\" class=\"form-input\" required>\n <option value=\"\" disabled selected>\u00bfC\u00f3mo nos encontraste?...<\/option>\n <option value=\"internet\">Internet<\/option><option value=\"redes_sociales\">Redes Sociales<\/option><option value=\"anuncio_radio_tv\">Anuncio en Radio\/TV<\/option><option value=\"recomendacion\">Recomendaci\u00f3n<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\"><textarea name=\"message\" class=\"form-input\" rows=\"5\" placeholder=\"Escribe tu mensaje aqu\u00ed...\" required><\/textarea><\/div>\n <button type=\"submit\" class=\"form-button\">Enviar Mensaje<\/button>\n <\/form>\n <\/div>\n\n <\/div>\n <\/div>\n\n <footer class=\"site-footer\">\n <div class=\"footer-content\">\n <p><strong>Cl\u00ednica CIMIGEN<\/strong><\/p>\n <p>Av Tl\u00e1huac 1004, Col. Lomas Estrella, 09890 Ciudad de M\u00e9xico<\/p>\n <p>Tel\u00e9fono: <a href=\"tel:+525597712705\">+52 5597712705<\/a><\/p>\n <p>Correo: <a href=\"mailto:Contacto@cimigen.org.mx\">Contacto@cimigen.org.mx<\/a><\/p>\n <\/div>\n\n <img decoding=\"async\" src=\"\/as.png\" alt=\"Logo secundario\" class=\"footer-image\">\n \n <div class=\"copyright\">\n CIMIGEN Todos los derechos reservados © 2025. Creado por Paul Torres.\n <\/div>\n <\/footer>\n\n <script>\n let lastScrollTop = 0;\n const navBar = document.getElementById('main-nav');\n\n window.addEventListener('scroll', function() {\n let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n\n if (scrollTop > lastScrollTop) {\n \/\/ Scroll hacia abajo\n navBar.classList.add('nav-hidden');\n } else {\n \/\/ Scroll hacia arriba\n navBar.classList.remove('nav-hidden');\n }\n lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; \/\/ Para el caso de iOS\/Mac\n });\n <\/script>\n\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>Contacto – Cl\u00ednica M\u00e9dica CIMIGEN Inicio Qui\u00e9nes Somos M\u00e1s Qu\u00e9 Hacemos Apadrinar \/ Donaciones Blog Contacto C\u00f3mo llegar Ponte en […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/comments?post=793"}],"version-history":[{"count":13,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages\/793\/revisions"}],"predecessor-version":[{"id":1130,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages\/793\/revisions\/1130"}],"wp:attachment":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/media?parent=793"}],"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\n\n\n \n \n Contacto - Cl\u00ednica M\u00e9dica CIMIGEN<\/title>\n <style>\n \/* --- Importaci\u00f3n de Fuentes y Reseteo B\u00e1sico --- *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap');\n\n :root {\n --color-azul-primario: #005A9C;\n --color-verde-secundario: #4CAF50;\n --color-fondo: #F4F7F6;\n --color-texto: #333333;\n --color-blanco: #FFFFFF;\n --color-gris-claro: #EAEAEA;\n --sombra-suave: 0 10px 30px rgba(0, 90, 156, 0.1);\n --sombra-flotante: 0 15px 35px rgba(0, 90, 156, 0.2);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background-color: var(--color-fondo);\n color: var(--color-texto);\n overflow-x: hidden;\n line-height: 1.6;\n }\n\n \/* --- Contenedor Principal --- *\/\n .contact-container {\n display: flex;\n width: 100%;\n min-height: 100vh;\n padding: 140px 40px 40px 40px; \n align-items: center;\n justify-content: center;\n animation: fadeIn 1s ease-in-out;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .contact-wrapper {\n display: flex;\n width: 100%;\n max-width: 1200px;\n background-color: var(--color-blanco);\n border-radius: 20px;\n box-shadow: var(--sombra-suave);\n overflow: hidden;\n }\n\n \/* --- Secci\u00f3n del Mapa (Izquierda) --- *\/\n .map-section {\n width: 50%;\n position: relative;\n }\n\n .map-section iframe {\n width: 100%;\n height: 100%;\n border: none;\n }\n \n \/* CAMBIO: Estilo para el bot\u00f3n de \"C\u00f3mo llegar\" *\/\n .directions-button {\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n background-color: var(--color-verde-secundario);\n color: var(--color-blanco);\n text-decoration: none;\n padding: 12px 25px;\n border-radius: 30px;\n font-weight: 600;\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n transition: background-color 0.3s ease, transform 0.3s ease;\n z-index: 10;\n }\n\n .directions-button:hover {\n background-color: #45a049;\n transform: translateX(-50%) scale(1.05);\n }\n\n\n \/* --- Secci\u00f3n del Formulario (Derecha) --- *\/\n .form-section {\n width: 50%;\n padding: 50px 60px;\n }\n\n .form-section h1 {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--color-azul-primario);\n margin-bottom: 10px;\n }\n\n .form-section p {\n font-size: 1rem;\n margin-bottom: 30px;\n color: #666;\n }\n\n .form-group {\n position: relative;\n margin-bottom: 25px;\n }\n\n .form-input {\n width: 100%;\n padding: 15px 20px;\n border: 2px solid #DDD;\n border-radius: 10px;\n background-color: var(--color-fondo);\n font-size: 1rem;\n color: var(--color-texto);\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n }\n \n .form-input:focus {\n outline: none;\n border-color: var(--color-azul-primario);\n box-shadow: 0 0 0 3px rgba(0, 90, 156, 0.2);\n }\n\n .form-button {\n width: 100%;\n padding: 18px;\n border: none;\n border-radius: 10px;\n background-color: var(--color-verde-secundario);\n color: var(--color-blanco);\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.3s ease, transform 0.2s ease;\n }\n \n .form-button:hover {\n background-color: #45a049;\n transform: translateY(-3px);\n }\n\n \/* --- Men\u00fa de Navegaci\u00f3n --- *\/\n .floating-nav {\n position: fixed;\n top: 30px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1000;\n background-color: var(--color-azul-primario);\n padding: 10px 15px;\n border-radius: 50px;\n box-shadow: var(--sombra-flotante);\n display: flex;\n align-items: center;\n gap: 15px;\n animation: slideDown 1s ease-out;\n \/* CAMBIO: Transici\u00f3n para el efecto de ocultar\/mostrar *\/\n transition: top 0.4s ease-in-out; \n }\n\n \/* CAMBIO: Clase para ocultar el men\u00fa al hacer scroll *\/\n .floating-nav.nav-hidden {\n top: -100px;\n }\n \n @keyframes slideDown {\n from { top: -100px; opacity: 0; }\n to { top: 30px; opacity: 1; }\n }\n\n .nav-link {\n text-decoration: none;\n color: var(--color-blanco);\n font-weight: 600;\n padding: 10px 15px;\n border-radius: 30px;\n transition: background-color 0.3s ease;\n }\n\n .nav-link:hover {\n background-color: rgba(255, 255, 255, 0.15);\n }\n \n \/* CAMBIO: Estilos mejorados para el logo *\/\n .nav-logo {\n height: 60px; \/* Tama\u00f1o aumentado *\/\n width: auto; \/* Ancho autom\u00e1tico para mantener proporci\u00f3n *\/\n object-fit: contain;\n \/* Se elimin\u00f3 el borde y el border-radius *\/\n }\n\n .hamburger-menu { position: relative; }\n \n .hamburger-icon {\n cursor: pointer;\n padding: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-blanco); \n }\n\n .hamburger-icon span { font-weight: 600; font-size: 0.9rem; margin-right: 5px; }\n \n #hamburger-toggle { display: none; }\n \n .dropdown-menu {\n position: absolute;\n top: calc(100% + 15px); \n right: 0;\n background-color: var(--color-blanco);\n border-radius: 15px;\n box-shadow: var(--sombra-suave);\n list-style: none;\n padding: 10px 0;\n width: 200px;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;\n }\n\n #hamburger-toggle:checked ~ .dropdown-menu {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n \n .dropdown-menu a {\n display: block;\n padding: 12px 20px;\n text-decoration: none;\n color: var(--color-texto);\n transition: background-color 0.3s ease, color 0.3s ease;\n }\n\n .dropdown-menu a:hover { background-color: var(--color-fondo); color: var(--color-azul-primario); }\n\n \/* --- NUEVO: Pie de P\u00e1gina (Footer) --- *\/\n .site-footer {\n background-color: #222;\n color: #AAA;\n padding: 50px 40px;\n text-align: center;\n font-size: 0.9rem;\n }\n\n .footer-content p {\n margin-bottom: 10px;\n }\n\n .footer-content a {\n color: var(--color-blanco);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n .footer-content a:hover {\n text-decoration: underline;\n }\n\n .footer-image {\n display: block;\n margin: 30px auto 20px auto;\n max-width: 150px; \/* Ajusta seg\u00fan el tama\u00f1o de tu imagen *\/\n opacity: 0.8;\n }\n\n .copyright {\n margin-top: 30px;\n border-top: 1px solid #444;\n padding-top: 30px;\n color: #777;\n }\n\n \/* --- Dise\u00f1o Responsivo (para celulares) --- *\/\n @media (max-width: 992px) {\n .contact-container {\n padding: 120px 20px 20px 20px;\n min-height: auto;\n }\n .contact-wrapper {\n flex-direction: column;\n }\n .map-section, .form-section {\n width: 100%;\n }\n .map-section {\n height: 350px;\n }\n .form-section {\n padding: 40px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <nav class=\"floating-nav\" id=\"main-nav\">\n <a href=\"#inicio\" class=\"nav-link\">Inicio<\/a>\n <a href=\"#quienes-somos\" class=\"nav-link\">Qui\u00e9nes Somos<\/a>\n \n <img decoding=\"async\" src=\"\/logominicimigen.png\" alt=\"Logo Cl\u00ednica CIMIGEN\" class=\"nav-logo\"> \n\n <div class=\"hamburger-menu\">\n <input type=\"checkbox\" id=\"hamburger-toggle\">\n <label for=\"hamburger-toggle\" class=\"hamburger-icon\">\n <span>M\u00e1s<\/span>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 6H20M4 12H20M4 18H20\" stroke=\"var(--color-blanco)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/label>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#que-hacemos\">Qu\u00e9 Hacemos<\/a><\/li>\n <li><a href=\"#apadrinar\">Apadrinar \/ Donaciones<\/a><\/li>\n <li><a href=\"#blog\">Blog<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n <div class=\"contact-container\">\n <div class=\"contact-wrapper\">\n \n <div class=\"map-section\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3764.3168853240217!2d-99.09117682405892!3d19.35515254198888!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1fe3335520eab%3A0x6a3788931a74208a!2sAv%20Tlahuac%201004%2C%20Lomas%20Estrella%2C%20Iztapalapa%2C%2009890%20Ciudad%20de%20M%C3%A9xico%2C%20CDMX!5e0!3m2!1ses-419!2smx!4v1719420077054!5m2!1ses-419!2smx\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n \n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=Av+Tl\u00e1huac+1004,+Lomas+Estrella,+Iztapalapa,+09890+Ciudad+de+M\u00e9xico\" class=\"directions-button\" target=\"_blank\">\n C\u00f3mo llegar\n <\/a>\n <\/div>\n\n <div class=\"form-section\">\n <h1>Ponte en Contacto<\/h1>\n <p>\u00bfTienes alguna pregunta? Env\u00edanos un mensaje y te responderemos a la brevedad.<\/p>\n \n <form action=\"https:\/\/formspree.io\/f\/your_new_form_id_for_cimigen_org_mx\" method=\"POST\">\n \n <div class=\"form-group\"><input type=\"text\" name=\"name\" class=\"form-input\" placeholder=\"Nombre completo\" required><\/div>\n <div class=\"form-group\"><input type=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Correo electr\u00f3nico\" required><\/div>\n <div class=\"form-group\"><input type=\"tel\" name=\"phone\" class=\"form-input\" placeholder=\"Tel\u00e9fono\"><\/div>\n <div class=\"form-group\">\n <select name=\"area_interes\" class=\"form-input\" required>\n <option value=\"\" disabled selected>Selecciona el \u00e1rea de inter\u00e9s...<\/option>\n <option value=\"donaciones\">Donaciones<\/option><option value=\"informes\">Informes Generales<\/option><option value=\"consultas\">Consultas M\u00e9dicas<\/option><option value=\"laboratorios\">Resultados de Laboratorio<\/option><option value=\"dependencias\">Dependencias<\/option><option value=\"redes_sociales\">Redes Sociales<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <select name=\"como_encontro\" class=\"form-input\" required>\n <option value=\"\" disabled selected>\u00bfC\u00f3mo nos encontraste?...<\/option>\n <option value=\"internet\">Internet<\/option><option value=\"redes_sociales\">Redes Sociales<\/option><option value=\"anuncio_radio_tv\">Anuncio en Radio\/TV<\/option><option value=\"recomendacion\">Recomendaci\u00f3n<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\"><textarea name=\"message\" class=\"form-input\" rows=\"5\" placeholder=\"Escribe tu mensaje aqu\u00ed...\" required><\/textarea><\/div>\n <button type=\"submit\" class=\"form-button\">Enviar Mensaje<\/button>\n <\/form>\n <\/div>\n\n <\/div>\n <\/div>\n\n <footer class=\"site-footer\">\n <div class=\"footer-content\">\n <p><strong>Cl\u00ednica CIMIGEN<\/strong><\/p>\n <p>Av Tl\u00e1huac 1004, Col. Lomas Estrella, 09890 Ciudad de M\u00e9xico<\/p>\n <p>Tel\u00e9fono: <a href=\"tel:+525597712705\">+52 5597712705<\/a><\/p>\n <p>Correo: <a href=\"mailto:Contacto@cimigen.org.mx\">Contacto@cimigen.org.mx<\/a><\/p>\n <\/div>\n\n <img decoding=\"async\" src=\"\/as.png\" alt=\"Logo secundario\" class=\"footer-image\">\n \n <div class=\"copyright\">\n CIMIGEN Todos los derechos reservados © 2025. Creado por Paul Torres.\n <\/div>\n <\/footer>\n\n <script>\n let lastScrollTop = 0;\n const navBar = document.getElementById('main-nav');\n\n window.addEventListener('scroll', function() {\n let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n\n if (scrollTop > lastScrollTop) {\n \/\/ Scroll hacia abajo\n navBar.classList.add('nav-hidden');\n } else {\n \/\/ Scroll hacia arriba\n navBar.classList.remove('nav-hidden');\n }\n lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; \/\/ Para el caso de iOS\/Mac\n });\n <\/script>\n\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>Contacto – Cl\u00ednica M\u00e9dica CIMIGEN Inicio Qui\u00e9nes Somos M\u00e1s Qu\u00e9 Hacemos Apadrinar \/ Donaciones Blog Contacto C\u00f3mo llegar Ponte en […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/comments?post=793"}],"version-history":[{"count":13,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages\/793\/revisions"}],"predecessor-version":[{"id":1130,"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/pages\/793\/revisions\/1130"}],"wp:attachment":[{"href":"https:\/\/cimigen.org.mx\/index.php\/wp-json\/wp\/v2\/media?parent=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}