Cruz Roja: Sede Nacional

<!doctype html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="keywords" content="Cruz Roja, CruzRojaMexicana, Donaciones, Donación, Ayudar"/> <meta name="google-site-verification" content="BXVu55rr_OxPtKYPClc9fycDQMILls0fyyzHJHxdXOI" /> <script async src="https://cdn.ampproject.org/v0.js"></script> <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WQC5V2F');</script> <link rel="icon" type="image/x-icon" href="/dist/img/cruzroja_favicon"/> <title>Cruz Roja: Sede Nacional</title> <link rel="stylesheet" href="/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="/dist/css/font-awesome.min.css"> <link rel="stylesheet" href="/dist/css/font-awesome-4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="/dist/css/CustomStyles/Template.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css"> <style> .error-text { color: red; } .formulario-cruz-roja { font-family: Arial, sans-serif; max-width: 600px; margin: 50px auto; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .formulario-cruz-roja label { display: block; margin-bottom: 10px; font-weight: bold; } .formulario-cruz-roja input[type="text"], .formulario-cruz-roja select { width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 4px; } .formulario-cruz-roja .radio-group { display: flex; flex-direction: column; align-items: flex-start; } .formulario-cruz-roja .radio-option { display: flex; align-items: center; margin-bottom: 10px; } .formulario-cruz-roja .radio-option input[type="radio"] { margin-right: 10px; } .formulario-cruz-roja input[type="submit"] { padding: 10px 20px; background-color: #ff0000; color: #fff; border: none; border-radius: 4px; cursor: pointer; } /* Estilo del modal */ .modal { display: none; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } /* Contenido del modal */ .modal-content { background-color: #D50000; margin: 4% auto; padding: 10px; border: 1px solid #888; width: 50%; position: relative; padding-top: 10px; } .close { color: #000000; position: absolute; top: 0; right: 0; padding: 10px; cursor: pointer; font-size: 28px; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .botonRojo { background-color: red; color: white; padding: 10px 20px; border: none; text-transform: uppercase; font-weight: bold; cursor: pointer; border-radius: 5px; } .boton-enviar { display: block; margin-left: auto; margin-right: auto; } .loader-container { position: fixed; /* Fija la posición respecto a la ventana del navegador */ top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); /* Fondo negro semi-transparente */ display: flex; justify-content: center; align-items: center; z-index: 200; } .loader { border: 10px solid #f3f3f3; /* Light grey */ border-top: 10px solid #3498db; /* Blue */ border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> <style> @font-face { font-family: 'Arvo'; font-display: auto; src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/rC7kKhY-eUDY-ucISTIf5PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); } #overbox3 { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 999999; display: inline; } #infobox3 { margin: auto; position: relative; top: 0px; height: 58px; width: 100%; text-align:center; background-color: #eeeeee; } #infobox3 p { line-height:58px; font-size:12px; text-align:center; } #infobox3 p a { margin-right:5px; text-decoration: underline; } @media (max-width: 945px) { #overbox3 { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 999999; display: block; } #infobox3 { margin: auto; position: relative; top: 0px; height: 58px; width: 100%; text-align:center; background-color: #eeeeee; } #infobox3 p { line-height:16px; font-size:12px; text-align:center; } #infobox3 p a { margin-right:5px; text-decoration: underline; } } @media screen and (max-width: 945px) { #divTwitter { display: none; } } </style> <style> .error-text { color: red; } .formulario-cruz-roja { font-family: Arial, sans-serif; max-width: 600px; margin: 50px auto; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .formulario-cruz-roja label { display: block; margin-bottom: 10px; font-weight: bold; } .formulario-cruz-roja input[type="text"], .formulario-cruz-roja select { width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 4px; } .formulario-cruz-roja .radio-group { display: flex; flex-direction: column; align-items: flex-start; } .formulario-cruz-roja .radio-option { display: flex; align-items: center; margin-bottom: 10px; } .formulario-cruz-roja .radio-option input[type="radio"] { margin-right: 10px; } .formulario-cruz-roja input[type="submit"] { padding: 10px 20px; background-color: #ff0000; color: #fff; border: none; border-radius: 4px; cursor: pointer; } /* Estilo del modal */ .modal { display: none; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } /* Contenido del modal */ .modal-content { background-color: #D50000; margin: 4% auto; padding: 10px; border: 1px solid #888; width: 50%; position: relative; padding-top: 10px; } .close { color: #000000; position: absolute; top: 0; right: 0; padding: 10px; cursor: pointer; font-size: 28px; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .botonRojo { background-color: red; color: white; padding: 10px 20px; border: none; text-transform: uppercase; font-weight: bold; cursor: pointer; border-radius: 5px; } .boton-enviar { display: block; margin-left: auto; margin-right: auto; } </style> <style> .content { background: #F2F2F2; } .text-div-title{ font-size: 3vw; } .text-div-description{ font-size: 2vw; } @media (max-width: 945px) { .text-div-title { font-size: 6vw; line-height: 10vw; } .text-div-description { font-size: 5vw; line-height: 6vw; } } .div-title-sumate { font-size: 2rem; } .div-description-sumate { font-size: 0.8rem; } @media (max-width: 945px) { .div-title-sumate { font-size: 0.8rem; } .div-description-sumate { font-size: 0.5rem; } } .col { flex: 1; padding: 1em; } .red-button { background-color: red; /* Color de fondo rojo */ color: white; /* Texto en blanco */ padding: 20px 40px; /* Ajusta el padding para cambiar el tamaño del botón */ font-family: Arial, sans-serif; /* La fuente que prefieras */ font-size: 24px; /* Tamaño del texto */ font-weight: bold; /* Negrita */ border: none; /* No borde */ border-radius: 5px; /* Bordes redondeados */ cursor: pointer; /* Cursor en forma de mano al pasar sobre el botón */ box-shadow: 2px 2px 5px rgba(0,0,0,0.2); /* Sombra para dar profundidad */ text-transform: uppercase; /* Texto en mayúsculas */ display: inline-block; /* Para que se pueda aplicar text-align en el contenedor */ position: relative; /* Para el posicionamiento absoluto del subtexto */ margin-bottom: 20px; } .red-button:hover { background-color: #D32F2F; /* Color de fondo rojo más oscuro al pasar el ratón */ } .red-button:active { box-shadow: inset 2px 2px 5px rgba(0,0,0,0.3); /* Sombra interior para el efecto de presionado */ } .button-subtext { display: block; /* Hace que el subtexto ocupe su propia línea */ font-size: 14px; /* Tamaño del texto para el subtexto */ font-weight: normal; /* Peso de la fuente normal para diferenciar del texto del botón */ text-transform: none; /* Sin transformación de texto para mantenerlo normal */ position: absolute; /* Posicionamiento absoluto respecto al botón */ width: 100%; /* El subtexto ocupa todo el ancho del botón */ left: 0; /* Alineado a la izquierda */ bottom: 5px; /* Ajusta la distancia desde el fondo del botón */ font-family: Arial, sans-serif; /* Asegúrate de que la fuente del subtexto sea consistente */ } /* Añade un poco más de padding en la parte inferior del botón para acomodar el subtexto */ .red-button { padding-bottom: 30px; /* Ajusta esto según sea necesario */ } </style> <link rel="stylesheet" href="/dist/css/carousel_responsive.css"> <script> var giftofspeed5 = document.createElement('link'); giftofspeed5.rel = 'stylesheet'; giftofspeed5.href = '/dist/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css'; giftofspeed5.type = 'text/css'; var godefer5 = document.getElementsByTagName('link')[0]; godefer5.parentNode.insertBefore(giftofspeed5, godefer5); var giftofspeed3 = document.createElement('link'); giftofspeed3.rel = 'stylesheet'; giftofspeed3.href = '/dist/css/CustomStyles/CustomDashboard.css'; giftofspeed3.type = 'text/css'; var godefer3 = document.getElementsByTagName('link')[0]; godefer3.parentNode.insertBefore(giftofspeed3, godefer3); </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{ "@type": "Question", "name": "¿Por qué se celebra el Día Mundial en Recuerdo a las víctimas de Accidentes de Tráfico?", "acceptedAnswer": { "@type": "Answer", "text": "El Día Mundial en Recuerdo de las Víctimas de Accidentes de Tráfico es una iniciativa que puso en marcha RoadPeace en 1993. Desde entonces varias ONG´s han observado y promovido la celebración de ese día en todo el mundo, en particular la Federación Europea de Víctimas de Accidentes de Tránsito (FEVR) y sus organizaciones asociadas. <br><br> El 26 de octubre de 2005, las Naciones Unidas refrendaron que el tercer domingo de noviembre de cada año se conmemorara el evento, que pasó a ser un día importante para la prevención de los traumatismos debidos al tránsito. La Organización Mundial de la Salud y el Grupo de Colaboración de las Naciones Unidas para la Seguridad Vial alientan a gobiernos y ONG de todo el mundo a celebrar el día. <br><br> <b>Fuente OMS</b>" } },{ "@type": "Question", "name": "¿Cuántas personas fallecen cada año en el mundo debido a accidentes vehiculares?", "acceptedAnswer": { "@type": "Answer", "text": "De acuerdo con la Organización Mundial de la Salud, cada año mueren cerca de 1,3 millones de personas en las carreteras del mundo entero, y entre 20 y 50 millones padecen traumatismos no mortales. Los accidentes de tránsito son una de las principales causas de muerte en todos los grupos etarios, y la primera entre personas de entre 15 y 29 años. <br><br> <b>Fuente OMS</b>" } },{ "@type": "Question", "name": "¿Cuántas personas fallecen en México al año por accidentes vehiculares?", "acceptedAnswer": { "@type": "Answer", "text": "Los accidentes de tránsito representan el 2.2% del total de las defunciones registradas en el país, de acuerdo con datos del Instituto Nacional de Estadística y Geografía (INEGI). <br><br> El INEGI dio a conocer que tan solo en 2018 fallecieron 16,035 personas por accidentes de tránsito, de ellas las más vulnerables son peatones, ciclistas y motociclistas." } },{ "@type": "Question", "name": "¿Cuáles son los principales factores que ocasionan accidentes de tránsito?", "acceptedAnswer": { "@type": "Answer", "text": "<ul> <li>El exceso de velocidad.</li> <li>Conducir bajos los efectos del alcohol u otras sustancias psicotrópicas.</li><br> <li>Uso de aparatos distractores.</li> <li>Vehículos inseguros.</li> <li>Sueño o fatiga.</li> <li>Mal estado del vehículo.</li> <li>Vialidades en mal estado.</li> <li>Condiciones climáticas adversas.</li> </ul> <br> Sin embargo, hay otros factores que agravan las consecuencias de un accidente vial y que los resultados pueden ser fatales, los principales son:<br> <ul><li>No utilizar de cascos en los motociclistas, no ajustarse los cinturones de seguridad y no utilizar autoasientos infantiles para trasladar a los niños en coche.</li></ul><br> <a href='https://www.who.int/es/news-room/fact-sheets/detail/road-traffic-injuries' target='_blank'>https://www.who.int/es/news-room/fact-sheets/detail/road-traffic-injuries</a>" } },{ "@type": "Question", "name": "¿Qué medidas debe tomar la ciudadanía para reducir los accidentes vehiculares", "acceptedAnswer": { "@type": "Answer", "text": "<ul><li>Usar correctamente el cinturón de seguridad en adultos: conductor, pasajero delantero y pasajeros ubicados en la parte trasera del vehículo. Se recomienda cerciorarse que los cinturones sean de tres puntos (los que cruzan de clavícula a cadera, acompañados de la banda que va de cadera a cadera).</li> <li>En caso de que menores de edad vayan a bordo de vehículos usar la silla de seguridad adecuada en la parte trasera.</li> <li>Respetar los límites de velocidad.</li> <li>Usar casco cuando se maneja motocicleta, conductor y acompañante.</li> <li>No manejar en estado de ebriedad.</li> <li>Respetar las señales de vialidad.</li> <li>No utilizar el celular ni otro distractor, como colocación de maquillaje o audífonos.</li></ul>" } },{ "@type": "Question", "name": "¿Hasta qué edad deben de usar los niños los autoasientos infantiles?", "acceptedAnswer": { "@type": "Answer", "text": "Más que la edad es la estatura del menor, si mide menos de 1.45 cm, deberá usar el autoasiento infantil correspondiente. Esta estatura se logra en promedio en México a las 12 años de edad." } },{ "@type": "Question", "name": "¿Qué tipo de autoasiento infantil debe de ser utilizado por el menor?", "acceptedAnswer": { "@type": "Answer", "text": "El autoasiento infantil adecuado para una menor, está regido por su edad y peso. Consulta la siguiente infografía para conocer cuál es la de mayor seguridad para tu hija o hijo y cómo se recomienda su viaje." } },{ "@type": "Question", "name": "¿Con qué cantidad de alcohol ingerido ya se considera estado de ebriedad?", "acceptedAnswer": { "@type": "Answer", "text": "Una sola medida de alcohol (copa, vaso, bote, botella, etc.) causa efectos en el organismo. Sin embargo, los efectos físicos dependerán de factores como el sexo, peso, talla, estado de ánimo entre otros. Por eso la recomendación es conducir totalmente sobrio." } },{ "@type": "Question", "name": "¿Hay cursos para conocer más sobre cómo prevenir accidentes viales?", "acceptedAnswer": { "@type": "Answer", "text": "Si, en Cruz Roja Mexicana tenemos cursos, pláticas, talleres y dinámica orientadas a las distintas edades. Tenemos dinámicas desde edad preescolar hasta cursos para adultos. También contamos talleres para las empresas que desean contribuir con la reducción de accidentes viales, capacitando a sus colabores. Algunos de nuestros cursos son:<br> <ul><li>Seguridad Vial (conductas salvavidas).</li> <li>Materno Infantil (como seleccionar y ajustar la silla de carro para mi hija o hijo).</li> <li>Motociclistas.</li> <li>Ciclistas.</li> <li>Peatón.</li> <li>Distractores.</li> <li>Manejo sobrio.</li> <li>Respetar límites de velocidad.</li></ul><br> Para mayor información contactanos a: <a href='prevencion@cruzrojamexicana.org.mx' target='_blank'>prevencion@cruzrojamexicana.org.mx</a>" } }] } </script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WQC5V2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="modal fade " id="modal-terminos-condiciones" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content squareCorners" style="padding: 2rem;border: 4px solid #193875"> <div class="text-center"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <picture> <source srcset="/dist/img/webm/cruz_roja_logo.jpg" type="image/webp"> <img src="/dist/img/cruz_roja_logo.jpg" alt="Logo Cruz Roja" class="img-fluid"> </picture> <br> <h5 class="modal-title w-100" id="exampleModalLabel" style="color: #0071BC;padding-top: 1rem"> TÉRMINOS Y CONDICIONES </h5> </div> <div class="modal-body"> <div class="text-center"> <p style="text-align: justify; white-space: pre-line"> Este Acuerdo de Términos y Condiciones de Uso es un contrato legal vinculante entre usted ("Usted" o "Su", ya sea una persona física o persona moral) y la Cruz Roja Mexicana, IAP en adelante ("<b>Cruz Roja Mexicana</b>"). Estos Términos y Condiciones de Uso rigen su acceso y uso de los sitios web, medios, aplicaciones, servicios integrados en la aplicación y cualquier otro servicio ofrecido por la <b>Cruz Roja Mexicana</b>, incluidos, entre otros , sitios web y cualquier medio, software, programas, servicios, herramientas, características, bases de datos, materiales, contenido, características, productos, aplicaciones, servicios integrados en la aplicación o información disponible o vendida en o a través de él o utilizada en relación con él (colectivamente , los "Servicios" y cada uno un "Servicio"). Al descargar, acceder o utilizar cualquier parte del Servicio al que haya accedido, estará sujeto a estos Términos de uso. Si no está de acuerdo con estos Términos de uso, la <b>Cruz Roja Mexicana</b> no está dispuesta a otorgarle ningún derecho de uso o acceso al Servicio. En tal caso, no se le otorga permiso para acceder o utilizar el Servicio y se le indica que salga de inmediato. La <b>Cruz Roja Mexicana</b> puede cambiar, agregar o eliminar partes de los Términos de uso de vez en cuando, y dichos cambios entrarán en vigencia inmediatamente después de su publicación. Es su responsabilidad revisar los Términos de uso antes de cada uso del Servicio, y al continuar utilizando el Servicio, Usted acepta cualquier cambio, adición y eliminación. <b>1. Introducción</b> Las presentes condiciones generales de uso de la página web, y las asociadas a la misma, regulan los términos y condiciones de acceso y uso de <a style="word-break: break-all" href='https://cruzrojamexicana.org.mx'></a> , propiedad de Cruz Roja Mexicana con domicilio ubicado en Juan Luis Vives No. 200-2, Colonia Los Morales Polanco, Alcaldía Miguel Hidalgo, C.P. 11510 Ciudad de México, y con RFC CRM6702109K6. En adelante, usted UD., como usuario del Portal deberá de leer y aceptar para usar todos los servicios e información que se facilitan desde el portal. El mero acceso y/o utilización del portal, de todos o parte de sus contenidos y/o servicios significa la plena aceptación de las presentes condiciones generales de uso. <b>2. Condiciones generales de uso</b> Las presentes condiciones generales de uso del portal regulan el acceso y la utilización del portal, incluyendo los contenidos y los servicios puestos a disposición de los usuarios en y/o a través del portal, bien por el portal, bien por sus usuarios, bien por terceros. No obstante, el acceso y la utilización de ciertos contenidos y/o servicios pueden encontrarse sometidos a determinadas condiciones específicas. Como login de usuario, y existencia del usuario en los registros, como colaborador activo de la Cruz Roja Mexicana. <b>3. Modificaciones</b> <b>Cruz Roja Mexicana</b> se reserva la facultad de modificar en cualquier momento las condiciones generales de uso del portal. En todo caso, se recomienda que consulte periódicamente los presentes términos de uso del portal, ya que pueden ser modificados. <b>4. Obligaciones del Usuario</b> Al descargar, acceder o utilizar el Servicio para ver información y materiales o enviar Material (como se define a continuación) de cualquier tipo, Usted declara que: (i) tiene al menos dieciocho (18) años de edad, o entre trece (13) y diecisiete (17) años de edad y usar el Servicio con el consentimiento y supervisión de los padres o tutores legales; (ii) están registrados en la medida requerida, y no han sido previamente restringidos, suspendidos o terminados por la <b>Cruz Roja Mexicana</b>; y (iii) no están utilizando la cuenta de otro usuario autorizado sin el permiso de esa persona. El usuario deberá respetar en todo momento los términos y condiciones establecidos en las presentes condiciones generales de uso del portal. De forma expresa, el usuario manifiesta que utilizará el portal de forma diligente y asumiendo cualquier responsabilidad que pudiera derivarse del incumplimiento de las normas. Así mismo, el usuario no podrá utilizar el portal para transmitir, almacenar, divulgar promover o distribuir datos o contenidos que sean portadores de virus o cualquier otro código informático, archivos o programas diseñados para interrumpir, destruir o perjudicar el funcionamiento de cualquier programa o equipo informático o de telecomunicaciones. De la misma manera, el usuario acepta, que es el único responsable de sus credenciales de acceso y actualización de datos de perfil de usuario en caso de crear una cuenta de usuario registrado dentro del portal. Para más información acerca de estas limitaciones, diríjase a la sección de Copyright: <a style="word-break: break-all" href='https://cruzrojamexicana.org.mx/Copyright'>www.cruzrojamexicana.org.mx/Copyright</a> <b>5. Responsabilidad del portal</b> El usuario conoce y acepta que el portal no otorga ninguna garantía de cualquier naturaleza, ya sea expresa o implícita, sobre los datos, contenidos, información y servicios que se incorporan y ofrecen desde el Portal. Exceptuando los casos que la Ley imponga expresamente lo contrario, y exclusivamente con la medida y extensión en que lo imponga, el Portal no garantiza ni asume responsabilidad alguna respecto a los posibles daños y perjuicios causados por el uso y utilización de la información, datos y servicios del Portal. En todo caso, el Portal excluye cualquier responsabilidad por los daños y perjuicios que puedan deberse a la información y/o servicios prestados o suministrados por terceros diferentes de la Empresa. Toda responsabilidad será del tercero ya sea proveedor o colaborador. Para Información detallada, por favor consulte nuestro aviso de Privacidad y protección de datos personales: <a style="word-break: break-all" href='https://cruzrojamexicana.org.mx/privacidad'>www.cruzrojamexicana.org.mx/privacidad</a> <b>6. Propiedad intelectual e industrial</b> Todos los contenidos, marcas, denominación y emblema de Cruz Roja Mexicana, logos, dibujos, documentación, programas informáticos o cualquier otro elemento susceptible de protección por la legislación de propiedad intelectual o industrial, que sean accesibles en el portal corresponden exclusivamente a Cruz Roja Mexicana y quedan expresamente reservados todos los derechos sobre los mismos. Queda expresamente prohibida la creación de enlaces de hipertexto (links) a cualquier elemento integrante de las páginas web del Portal sin la autorización de Cruz Roja Mexicana, siempre que no sean a una página web del Portal que no requiera identificación o autenticación para su acceso, o el mismo esté restringido. En cualquier caso, el portal se reserva todos los derechos sobre los contenidos, información datos y servicios que ostente sobre los mismos. El portal no concede ninguna licencia o autorización de uso al usuario sobre sus contenidos, datos o servicios, distinta de la que expresamente se detalle en las presentes condiciones generales de uso del portal. Para más información acerca de estas limitaciones, Diríjase a la sección de Copyright: <a style="word-break: break-all" href='https://cruzrojamexicana.org.mx/Copyright'>www.cruzrojamexicana.org.mx/Copyright</a> <b>7. Legislación aplicable, jurisdicción competente y notificaciones</b> Las presentes condiciones se rigen y se interpretan de acuerdo con las Leyes Mexicanas, las cuales pueden ser consultadas en: <a style="word-break: break-all" href='http://inicio.ifai.org.mx/SitePages/Como-ejercer-tu-derecho-a-proteccion-de-datos.aspx?a=m5'>http://inicio.ifai.org.mx/SitePages/Como-ejercer-tu-derecho-a-proteccion-de-datos.aspx?a=m5</a> Para cualquier reclamación serán competentes los juzgados y tribunales correspondientes al Estado de Jurisdicción. Todas las notificaciones, requerimientos, peticiones y otras comunicaciones que el Usuario desee efectuar a <b>Cruz Roja Mexicana</b> acerca del Portal deberán realizarse por escrito y se entenderá que han sido correctamente realizadas cuando hayan sido recibidas en: Juan Luis Vives, No. 200-2, Col. Los Morales Polanco, Alcaldía Miguel Hidalgo, C.P. 11510, Ciudad de México., o bien que se comunique al teléfono (55) 10849000, ext. 1702 o vía correo electrónico a <a style="word-break: break-all" href="mailto:contacto@cruzrojamexicana.org.mx">contacto@cruzrojamexicana.org.mx</a>. Actualizado en Noviembre de 2019 </p> </div> </div> <div class="modal-footer d-flex justify-content-center" style="border-top: #FFFFFF"> <div style="text-align: center" class="p-2"> <button type="button" class="btn squareCorners" id="terms-button" style="background-color: #0071BC;color: #FFFFFF" data-dismiss="modal"> ACEPTAR </button> </div> </div> </div> </div> </div> <div class="d-flex justify-content-between mainMenu header" style="padding: .5rem;"> <div class=" flex-shrink-1 bd-highlight " style="align-self: center"> <a href="/"> <div style="padding-left: 1.3rem;"> <amp-img alt="Cruz Roja Mexicana" width="212" height="69" src="/dist/LOGOS_CRM/SNA000.jpg"> <amp-img alt="Cruz Roja Mexicana" fallback width="212" height="69" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMSAxIDggNCI+PGltYWdlIGZpbHRlcj0idXJsKCNibHVyKSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQW9BQUFBR0NBWUFBQUQ2OEEvR0FBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQUNxQURBQVFBQUFBQkFBQUFCZ0FBQUFEK2lGWDBBQUFBcjBsRVFWUUlIVDJQU1FxRlFBeEVYN2VpNG9BYkVRV3Y0TVlMZUhLdjQwSVV3UW5uL25ZdmZxQ29JcWxRaVVpU1JQbStqNVFTei9PNDd4dkhjUmlHZ2I3dnNTeUw2N3FRNy91YW9XNHN5L0kzYXYwOGp6SHlsZFNHZmQrcDY5cXcxbTNia21VWlFnalQweXlpS0ZKNlE4ZVdaVWxSRklSaGFLS2JwdUU4VCtaNVJyaXVxejZna2VjNVZWVXhqaVBUTkpremp1TmcyemJzN3htQ0lDQk5VK0k0cHVzNmxGS3M2NHB0MjBicnhCODZ4VmdkUHdJV2NRQUFBQUJKUlU1RXJrSmdnZz09Ii8+PGZpbHRlciBpZD0iYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIC8+PC9maWx0ZXI+PC9zdmc+"></amp-img> </amp-img> </div> </a> <div class="bd-highlight text-center" style="font-size: smaller;padding-left: 1.3rem"> <small style="font-weight: 600;color: #FF0B01">SEDE NACIONAL</small> </div> </div> <div > <div class="d-flex bd-highlight "> <div class="p-2 bd-highlight "> <form action="/search/content" class=" mt-2 mt-md-0" method="POST"> <input type="search" class="form-control squareCorners form-control-sm inputSearch" name="keyWord" style="text-align: center" placeholder="Buscar..." aria-describedby="basic-addon2"> </form> </div> </div> <div class="d-flex justify-content-center"> <div class="p-2 bd-highlight"> <a href="https://www.facebook.com/CruzRojaMx/" target="_blank" style="color: #000000"> <span class="fa fa-facebook-square fa-2x"></span> </a> </div> <div class="p-2 bd-highlight"> <a href="https://www.instagram.com/cruzroja_mx/?hl=es-la" target="_blank" style="color: #000000"> <span class="fa fa-instagram fa-2x"></span> </a> </div> <div class="p-2 bd-highlight"> <a href="https://twitter.com/CruzRoja_MX" target="_blank" style="color: #000000"> <span class="fa fa-twitter-square fa-2x"></span> </a> </div> <div class="p-2 bd-highlight"> <a href="https://www.youtube.com/channel/UCZEYUS1b9IoJ44SD8hK2uyw" target="_blank" style="color: #000000"> <span class="fa fa-youtube-square fa-2x"></span> </a> </div> </div> </div> <div class="text-lg-right text-md-right text-sm-right"> <div class="p-2 flex-shrink-1 bd-highlight">  <div> <p style="margin-bottom: 5px;color: #666666; font-size: 1.2rem;font-weight: 700"> IDIOMA  <div id="google_translate_elementOne"></div> </div> </div> </div> </div> <div class="d-flex justify-content-between menuOptions" id="navbar" style="align-items: center"> <div style="width: 15%"> <div class="bd-highlight text-right" style="padding-left: 1rem;"> <select name="cambioDelegacion" id="cambioDelegacion" class="form-control squareCorners" required style="width: 60%; height: 60%"> <option value>Seleccione...</option> <option value="cruzrojamexicana.org.mx" selected >Sede Nacional</option> <option value="https://aguascalientes.cruzrojamexicana.org.mx/" >Aguascalientes</option> <option value="zacatecas.cruzrojamexicana.org.mx" >Zacatecas</option> <option value="colima.cruzrojamexicana.org.mx" >Colima</option> <option value="morelos.cruzrojamexicana.org.mx/" >Morelos</option> <option value="guerrero.cruzrojamexicana.org.mx" >Guerrero</option> <option value="estadodemexico.cruzrojamexicana.org.mx" >Estado de México</option> <option value="oaxaca.cruzrojamexicana.org.mx" >Oaxaca</option> <option value="chihuahua.cruzrojamexicana.org.mx" >Chihuahua</option> <option value="campeche.cruzrojamexicana.org.mx" >Campeche</option> <option value="chiapas.cruzrojamexicana.org.mx" >Chiapas</option> <option value="bajacaliforniasur.cruzrojamexicana.org.mx" >Baja California Sur</option> <option value="bajacalifornia.cruzrojamexicana.org.mx" >Baja California</option> <option value="coahuila.cruzrojamexicana.org.mx" >Coahuila</option> <option value="https://cdmx.cruzrojamexicana.org.mx/" >Ciudad de México</option> <option value="yucatan.cruzrojamexicana.org.mx" >Yucatán</option> <option value="durango.cruzrojamexicana.org.mx" >Durango</option> <option value="guanajuato.cruzrojamexicana.org.mx" >Guanajuato</option> <option value="hidalgo.cruzrojamexicana.org.mx" >Hidalgo</option> <option value="jalisco.cruzrojamexicana.org.mx" >Jalisco</option> <option value="michoacan.cruzrojamexicana.org.mx" >Michoacán</option> <option value="nayarit.cruzrojamexicana.org.mx" >Nayarit</option> <option value="nuevoleon.cruzrojamexicana.org.mx" >Nuevo León</option> <option value="puebla.cruzrojamexicana.org.mx" >Puebla</option> <option value="queretaro.cruzrojamexicana.org.mx" >Querétaro</option> <option value="quintanaroo.cruzrojamexicana.org.mx" >Quintana Roo</option> <option value="sanluispotosi.cruzrojamexicana.org.mx" >San Luis Potosí</option> <option value="sinaloa.cruzrojamexicana.org.mx" >Sinaloa</option> <option value="sonora.cruzrojamexicana.org.mx" >Sonora</option> <option value="tabasco.cruzrojamexicana.org.mx" >Tabasco</option> <option value="tamaulipas.cruzrojamexicana.org.mx" >Tamaulipas</option> <option value="tlaxcala.cruzrojamexicana.org.mx" >Tlaxcala</option> <option value="veracruz.cruzrojamexicana.org.mx" >Veracruz</option> </select> </div> </div> <div> <div class="d-flex optionsContent"> <div class="p-2 bd-highlight" style="overflow: hidden;"> <a class="red optionLink" style="border-bottom: 2px solid #1E4072;" href="/">Inicio</a> </div> <div class="p-2 bd-highlight "> <a class="red optionLink" href="/contenido/Conocenos/1">Conócenos</a> </div> <div class="p-2 bd-highlight "> <a class="red optionLink" href="/contenido/Voluntariado/2">Voluntariado</a> </div> <div class="p-2 bd-highlight "> <a class="red optionLink" href="/contenido/Servicios/3">Servicios</a> </div> <div class=" p-2 bd-highlight "> <a class="red optionLink longWord" href="/contenido/Escuelas/4">Escuelas y Cursos de Capacitación</a> </div> <div class="p-2 bd-highlight "> <a class="red optionLink" href="/contenido/Noticias/5">Noticias</a> </div> <div class="p-2 bd-highlight"> <a class="red optionLink" href="/nuestras/causas">Causas</a> </div> </div> </div> <div style="width: 15%"> <div class="bd-highlight text-right" style="padding-right: 1rem;"> <amp-img class="nueve-once-img" alt="Teléfono urgencias" width="72" height="43" src="/dist/img/iconos/911.jpg" onclick="llamarCruzRoja();"> <amp-img alt="Teléfono urgencias" fallback width="72" height="43" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMSAxIDggNCI+PGltYWdlIGZpbHRlcj0idXJsKCNibHVyKSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQW9BQUFBR0NBWUFBQUQ2OEEvR0FBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQUNxQURBQVFBQUFBQkFBQUFCZ0FBQUFEK2lGWDBBQUFBcjBsRVFWUUlIVDJQU1FxRlFBeEVYN2VpNG9BYkVRV3Y0TVlMZUhLdjQwSVV3UW5uL25ZdmZxQ29JcWxRaVVpU1JQbStqNVFTei9PNDd4dkhjUmlHZ2I3dnNTeUw2N3FRNy91YW9XNHN5L0kzYXYwOGp6SHlsZFNHZmQrcDY5cXcxbTNia21VWlFnalQweXlpS0ZKNlE4ZVdaVWxSRklSaGFLS2JwdUU4VCtaNVJyaXVxejZna2VjNVZWVXhqaVBUTkpremp1TmcyemJzN3htQ0lDQk5VK0k0cHVzNmxGS3M2NHB0MjBicnhCODZ4VmdkUHdJV2NRQUFBQUJKUlU1RXJrSmdnZz09Ii8+PGZpbHRlciBpZD0iYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIC8+PC9maWx0ZXI+PC9zdmc+"></amp-img> </amp-img> </div> </div> </div> <div class="fixed-top navCollapse"> <nav class="navbar navbar-expand-md navbar-light bg-light"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon " style="color: black !important;"></span> </button> <div class="flex-shrink-1 bd-highlight" style="width: min-content;margin: auto"> <a href="/"> <amp-img alt="Cruz Roja Mexicana" width="212" height="69" src="/dist/LOGOS_CRM/SNA000.png"> <amp-img alt="Cruz Roja Mexicana" fallback width="212" height="69" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMSAxIDggNCI+PGltYWdlIGZpbHRlcj0idXJsKCNibHVyKSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQW9BQUFBR0NBWUFBQUQ2OEEvR0FBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQUNxQURBQVFBQUFBQkFBQUFCZ0FBQUFEK2lGWDBBQUFBcjBsRVFWUUlIVDJQU1FxRlFBeEVYN2VpNG9BYkVRV3Y0TVlMZUhLdjQwSVV3UW5uL25ZdmZxQ29JcWxRaVVpU1JQbStqNVFTei9PNDd4dkhjUmlHZ2I3dnNTeUw2N3FRNy91YW9XNHN5L0kzYXYwOGp6SHlsZFNHZmQrcDY5cXcxbTNia21VWlFnalQweXlpS0ZKNlE4ZVdaVWxSRklSaGFLS2JwdUU4VCtaNVJyaXVxejZna2VjNVZWVXhqaVBUTkpremp1TmcyemJzN3htQ0lDQk5VK0k0cHVzNmxGS3M2NHB0MjBicnhCODZ4VmdkUHdJV2NRQUFBQUJKUlU1RXJrSmdnZz09Ii8+PGZpbHRlciBpZD0iYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIC8+PC9maWx0ZXI+PC9zdmc+"></amp-img> </amp-img> </a> <div class="bd-highlight" style="text-align: center; font-size: smaller;"> <small style="font-weight: 600;color: #FF0B01">SEDE NACIONAL</small> </div> </div> <div class="collapse navbar-collapse" id="navbarTogglerDemo03" style="overflow: scroll; height: 20rem !important;"> <ul class="navbar-nav mr-auto "> <li class="nav-item activeLink"> <a class="nav-link optionLink red" href="/">Inicio</a> </li> <div class="nav-item "> <a class="nav-link optionLink red" href="/contenido/Conocenos/1">Conócenos</a> </div> <div class="nav-item "> <a class="nav-link optionLink red" href="/contenido/Voluntariado/2">Voluntariado</a> </div> <div class="nav-item "> <a class="nav-link optionLink red" href="/contenido/Servicios/3">Servicios</a> </div> <div class="nav-item "> <a class="nav-link optionLink red" href="/contenido/Escuelas/4">Escuelas y Cursos de Capacitación</a> </div> <div class="nav-item "> <a class="nav-link optionLink red" href="/contenido/Noticias/5">Noticias</a> </div> <div class="nav-item "> <a class="nav-link optionLink red" href="/contenido/Boletin/6">Boletín</a> </div> <li class="nav-item "> <a class="nav-link optionLink red" href="/causa/detalle">Causas</a> </li> <div class="form-inline"> <div class="p-2"> <a href="https://www.facebook.com/CruzRojaMx/" target="_blank" style="color: #000000"> <span class="fa fa-facebook-square fa-2x"></span> </a> </div> <div class="p-2"> <a href="https://twitter.com/CruzRoja_MX?lang=es" target="_blank" style="color: #000000"> <span class="fa fa-twitter-square fa-2x"></span> </a> </div> <div class="p-2"> <a href="https://www.instagram.com/cruzroja_mx/" target="_blank" style="color: #000000"> <span class="fa fa-instagram fa-2x"></span> </a> </div> <div class="p-2"> <a href="https://www.youtube.com/user/CRUZROJAMEXICANAIAP" target="_blank" style="color: #000000"> <span class="fa fa-youtube-square fa-2x"></span> </a> </div> </div> <p style="color: #666666; font-size: 1.2rem;font-weight: 700"> IDIOMA  <div id="google_translate_elementTWO"></div> </ul> <div class="form-group"> <form action="/search/content" class=" mt-2 mt-md-0" method="POST"> <div class="input-group mb-2"> <input type="search" class="form-control form-control-sm squareCorners" style="text-align: center" name="keyWord" placeholder="Buscar..." aria-describedby="basic-addon2"> </div> </form> </div> <div class="col-md-2"> <div class="form-group text-center"> <a class="mb-2 accesoUsuarios" href="/user_access" style="text-decoration: none; display: block "><span class="fa fa-user-o"></span>  Acceso a usuarios</a> <a href="tel:911" class="nueve-once-img"> <amp-img alt="Teléfono urgencias" width="72" height="43" src="/dist/img/iconos/911.jpg"> <amp-img alt="Teléfono urgencias" fallback width="72" height="43" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMSAxIDggNCI+PGltYWdlIGZpbHRlcj0idXJsKCNibHVyKSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQW9BQUFBR0NBWUFBQUQ2OEEvR0FBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQUNxQURBQVFBQUFBQkFBQUFCZ0FBQUFEK2lGWDBBQUFBcjBsRVFWUUlIVDJQU1FxRlFBeEVYN2VpNG9BYkVRV3Y0TVlMZUhLdjQwSVV3UW5uL25ZdmZxQ29JcWxRaVVpU1JQbStqNVFTei9PNDd4dkhjUmlHZ2I3dnNTeUw2N3FRNy91YW9XNHN5L0kzYXYwOGp6SHlsZFNHZmQrcDY5cXcxbTNia21VWlFnalQweXlpS0ZKNlE4ZVdaVWxSRklSaGFLS2JwdUU4VCtaNVJyaXVxejZna2VjNVZWVXhqaVBUTkpremp1TmcyemJzN3htQ0lDQk5VK0k0cHVzNmxGS3M2NHB0MjBicnhCODZ4VmdkUHdJV2NRQUFBQUJKUlU1RXJrSmdnZz09Ii8+PGZpbHRlciBpZD0iYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIC8+PC9maWx0ZXI+PC9zdmc+"></amp-img> </amp-img> </a> </div> </div> </div> </nav> </div> <div style="height: 10vm; background-color: #183875; color: white; padding: 15px;filter: alpha(opacity=60);" class="pay-bar"> <form action="/donacion/seleccion/causa/" method="post">  <div class="form-inline d-flex justify-content-center"> <span style="font-size: 25px;font-weight: 200;font-style: oblique">¿Qué cantidad desea donar?  </span> <input type="number" id="montoPayBar" name="montoPayBar" placeholder="$0.00" min="40" step="any" style="width: 100px;" pattern="^\d*(\.\d{0,2})?$" oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$40');" class="form-control monto squareCorners" required> <input type="image" src="/dist/img/donarBtn.jpg" style="cursor: pointer; height: 38px">  <span class="alertMonto" hidden><small>Cantidad mínima a donar $40.00</small></span> </div> </form> </div> <div class="modal fade " id="alertCall911" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content squareCorners"> <div class="modal-header text-center"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="text-center"> <h4 class="modal-title w-100">¡EMERGENCIAS!</h4> <img src="/dist/img/iconos/911.jpg" class="nueve-once-img" alt="telefono urgencias"> <br> <br> <h5 class="text-primary"></h5> <h65 class=""> ¿Quieres llamar al número de emergencias <b>911</b>? </h65> </div> </div> <div class="modal-footer d-flex justify-content-center" style="border-top: #FFFFFF"> <div class="text-center p-2"> <a class="btn btn-cruz-roja squareCorners" data-dismiss="modal"><font color="white">Cancelar</font></a> <a class="btn btn-cruz-roja-donar-causa squareCorners squareCorners" href="tel:911">Aceptar</a> </div> </div> </div> </div> </div> <div class="content" style="padding-bottom: 2rem;"> <a href="/donacion/pay/bar/" class="grow donarBotonFloat btn btn-cruz-roja squareCorners text-white">DONAR AHORA | <img src="/dist/img/iconos/ayuda.png" alt="icono ayudar" style="width: 1.4rem;vertical-align: text-bottom"></a> <div class="modal fade " id="localizacionModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-md" role="document"> <div class="modal-content squareCorners"> <div class="modal-header text-center"> <h5 class="modal-title w-100" id="exampleModalLabel"> Estás en el sitio de SEDE NACIONAL </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="text-center"> <picture> <source srcset="/dist/img/webm/logoCRM.jpg" type="image/webp" style="height: 70px; width: 200px;"> <img style="height: 70px; width: 200px;" src="/dist/img/logoCRM.jpg" alt=""> </picture> <br> <br> <h5 style="color: #808080"> <i class="fa fa-map-marker"></i> A través de tu ubicación se ha detectado que nos visitas desde <span id="localNombreDelegacionT"/> </h5> <br> <p> <small> *La geolocalización no es del todo precisa. La ubicación mostrada se determinó con base en un radio cercano y a tu proveedor de internet. </small> </p> </div> </div> <div class="modal-footer d-flex justify-content-center" style="border-top: #FFFFFF"> <div class="text-center p-2"> <button type="button" id="sedeNacional" class="btn btn-cruz-roja squareCorners" data-dismiss="modal"> Quedarme aquí </button> <a href="http://cruzrojamexicana.org.mx" id="localUrl" class="btn btn-cruz-roja-donar-causa squareCorners text-white"> Ir a delegación de <span id="localNombreDelegacionB"></span> </a> </div> </div> </div> </div> </div> <div id="inicio"> <div class="owl-carousel owl-theme"> <div class="slide-item owl-lazy lazy" style="background-image:linear-gradient(to right, rgba(14,49,114,0.83) 0%,rgba(0,0,0,0) 99%), url('https://s3.amazonaws.com/assets.cruzrojamexicana.org.mx/contenido/resized_imagen_ThuFeb2222cr59cr13UTC2024_1.jpg');opacity: 1;background-size: cover;position: relative; background-repeat: no-repeat; background-position: center;" > <div id="plugin-donacion-carousel" class="form-group" style="margin-bottom: 0px !important;"> <div class="form-row" style="height: -webkit-fill-available;align-items: center"> <div id="carousel-description" class="float-left col-sm-12 col-lg-7 col-md-6" style="padding-left: 2rem"> <div class="col-sm-12 col-lg-12 col-md-12"> <div class="" style="font-size:4vw;font-weight: 600;color: #FFFFFF;word-break: break-word" id="carousel-div-title"><p class="text-div-title">Fondo para la Atención de Desastres Naturales</p></div> <div class="" style="font-size:3vw;font-weight: lighter;color: #FFFFFF;word-break: break-word" id="carousel-div-description"><p class="text-div-description">Cruz Roja Mexicana esta lista en todo momento Tramita tu deducible en el siguiente link ht... <br> <a style="text-decoration: none;font-size: 3vw;color: #FFF;font-weight: 300" href="/causa/detalle/3"><i class="text-div-description">Ver más</i></a> </div> </div> </div> <div style="padding: 3rem" class="col-sm-8 col-lg-5 col-md-6" id="carousel-widget"> <div class="lineBorder float-right col-sm-8 col-lg-12 col-md-12" style="background: #FFFFFF;border: 3px solid #193875"> <p style="font-size: 1rem;padding-top: 1rem;font-weight: 600" class="text-center"> ¡Gracias a tu ayuda podemos continuar salvando vidas!</p> <div id="div-img-background lazy" style=" background-image: url(https://s3.amazonaws.com/assets.cruzrojamexicana.org.mx/contenido/resized_imagen_ThuFeb2223cr09cr13UTC2024_1.jpg); background-position: center; grid-row-gap: 50px; display: grid; grid-template-areas: 'header' 'main' 'footer'; /*height: 12rem;*/ background-size: cover; background-repeat: no-repeat;" > <div class="item1 "></div> <div class="item2 "></div> <div class="item3 " style="font-weight: 100; opacity: 0.6;padding: 6px;padding: 15px;text-align: center; text-justify: inter-word;line-height: 1.3"> <div style="margin-top: 10px"> <br> <br> </div> </div> </div> <div style="font-weight: 600"> 1.- Selecciona el monto a donar </div> <hr> <div class="d-flex justify-content-center "> <div class="row"> <div class="form-group"> <div class="btn-group"> <a class="btn btn-lg btnDonar btn-amount squareCorners" href="/donacion/3/mxn/100">$100</a> <a class="btn btn-lg btnDonar btn-amount squareCorners" href="/donacion/3/mxn/200">$200</a> <a class="btn btn-lg btnDonar btn-amount squareCorners" href="/donacion/3/mxn/300">$300</a>  </div> </div> </div> </div> <div class="d-flex justify-content-center"> <div class="form-group"> <form action="/donacion/3/mxn" id="formsend">  <div class="d-flex justify-content-center"> <div class="form-group"> <div class="form-inline"> <div class="d-flex justify-content-center" style="font-style: oblique;font-size: .8rem;font-weight: 100">Otra cantidad</label>   <input type="number" id="montoPay" name="montoPay" placeholder="$0.00" min="40" step="any" style="width: 100px;" pattern="^\d*(\.\d{0,2})?$" oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$40');" class="form-control monto squareCorners montoPays" required> <span class="alertMonto" hidden><small>Cantidad mínima a donar $40.00</small></span> </div> </div> <br> <div class=""> <input type="image" src="/dist/img/donarBtn.jpg" style="width: 15rem">  </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> <div class="slide-item owl-lazy lazy" style="background-image: linear-gradient(to right, rgba(14,49,114,0.83) 0%,rgba(0,0,0,0) 99%), url('https://s3.amazonaws.com/assets.cruzrojamexicana.org.mx/contenido/resized_imagen_TueFeb1819cr55cr57UTC2025_1.jpg'); opacity: 1;background-size: cover;position: relative; background-repeat: no-repeat; background-position: center;" > <div id="plugin-donacion-carousel" class="form-group" style="margin-bottom: 0px !important;"> <div class="form-row" style="height: -webkit-fill-available;align-items: center"> <div id="carousel-description" class="float-left col-sm-12 col-lg-7 col-md-6" style="padding-left: 2rem"> <div class="col-sm-12 col-lg-12 col-md-12"> <div class="" style="font-size:4vw;font-weight: 600;color: #FFFFFF;word-break: break-word" id="carousel-div-title"><p class="text-div-title">Colecta Nacional 2025</p></div> <div class="" style="font-size:3vw;font-weight: lighter;color: #FFFFFF;word-break: break-word" id="carousel-div-description"><p class="text-div-description">#TodosSomosHéroes <br> <a style="text-decoration: none;font-size: 3vw;color: #FFF;font-weight: 300" href="/causa/detalle/50"><i class="text-div-description">Ver más</i></a> </div> </div> </div> <div style="padding: 3rem" class="col-sm-8 col-lg-5 col-md-6" id="carousel-widget"> <div class="lineBorder float-right col-sm-8 col-lg-12 col-md-12" style="background: #FFFFFF;border: 3px solid #193875"> <p style="font-size: 1rem;padding-top: 1rem;font-weight: 600" class="text-center"> ¡Gracias a tu ayuda podemos continuar salvando vidas!</p> <div id="div-img-background lazy" style=" background-image: url(https://s3.amazonaws.com/assets.cruzrojamexicana.org.mx/contenido/resized_imagen_TueFeb1819cr52cr53UTC2025_1.jpg); background-position: center; grid-row-gap: 50px; display: grid; grid-template-areas: 'header' 'main' 'footer'; /*height: 12rem;*/ background-size: cover; background-repeat: no-repeat;" > <div class="item1 "></div> <div class="item2 "></div> <div class="item3 " style="font-weight: 100; opacity: 0.6;padding: 6px;padding: 15px;text-align: center; text-justify: inter-word;line-height: 1.3"> <div style="margin-top: 10px"> <br> <br> </div> </div> </div> <div style="font-weight: 600"> 1.- Selecciona el monto a donar </div> <hr> <div class="d-flex justify-content-center "> <div class="row"> <div class="form-group"> <div class="btn-group"> <a class="btn btn-lg btnDonar btn-amount squareCorners" href="/donacion/50/mxn/100">$100</a> <a class="btn btn-lg btnDonar btn-amount squareCorners" href="/donacion/50/mxn/200">$200</a> <a class="btn btn-lg btnDonar btn-amount squareCorners" href="/donacion/50/mxn/300">$300</a>  </div> </div> </div> </div> <div class="d-flex justify-content-center"> <div class="form-group"> <form action="/donacion/50/mxn" id="formsend">  <div class="d-flex justify-content-center"> <div class="form-group"> <div class="form-inline"> <div class="d-flex justify-content-center" style="font-style: oblique;font-size: .8rem;font-weight: 100">Otra cantidad</label>   <input type="number" id="montoPay" name="montoPay" placeholder="$0.00" min="40" step="any" style="width: 100px;" pattern="^\d*(\.\d{0,2})?$" oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$40');" class="form-control monto squareCorners montoPays" required> <span class="alertMonto" hidden><small>Cantidad mínima a donar $40.00</small></span> </div> </div> <br> <div class=""> <input type="image" src="/dist/img/donarBtn.jpg" style="width: 15rem">  </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> <div class="slide-item owl-lazy lazy" style="background-image:linear-gradient(to right, rgba(14,49,114,0.83) 0%,rgba(0,0,0,0) 99%), url('https://s3.amazonaws.com/assets.cruzrojamexicana.org.mx/contenido/resized_imagen_ThuFeb2223cr04cr14UTC2024_1.jpg');opacity: 1;background-size: cover;position: relative; background-repeat: no-repeat; background-position: center;" > <div id="plugin-donacion-carousel" class="form-group" style="margin-bottom: 0px !important;"> <div class="form-row" style="height: -webkit-fill-available;align-items: center"> <div id="carousel-description" class="float-left col-sm-12 col-lg-7 col-md-6" style="padding-left: 2rem"> <div class="col-sm-12 col-lg-12 col-md-12"> <div class="" style="font-size:4vw;font-weight: 600;color: #FFFFFF;word-break: break-word" id="carousel-div-title"><p class="text-div-title">Ayudar SIEMPRE es salvar vidas</p></div> <div class="" style="font-size:3vw;font-weight: lighter;color: #FFFFFF;word-break: break-word" id="carousel-div-description"><p class="text-div-description">Gracias a tu ayuda Tramita tu deducible en el siguiente link http://bit.ly/3WThiQa <br> <a style="text-decoration: none;font-size: 3vw;color: #FFF;font-weight: 300" href="/causa/detalle/2"><i class="text-div-description">Ver más</i></a> </div> </div> </div> <div style="padding: 3rem" class="col-sm-8 col-lg-5 col-md-6" id="carousel-widget"> <div class="lineBorder float-right col-sm-8 col-lg-12 col-md-12" style="background: #FFFFFF;border: 3px solid #193875"> <p style="font-size: 1rem;padding-top: 1rem;font-weight: 600" class="text-center"> ¡Gracias a tu ayuda podemos continuar salvando vidas!</p> <div id="div-img-background lazy" style=" background-image: url(https://s3.amazonaws.com/assets.cruzrojamexicana.org.mx/contenido/resized_imagen_ThuFeb2223cr04cr03UTC2024_1.jpg); background-position: center; grid-row-gap: 50px; display: grid; grid-template-areas: 'header' 'main' 'footer'; /*height: 12rem;*/ background-size: cover; background-repeat: no-repeat;" > <div class="item1 "></div> <div class="item2 "></div> <div class="item3 " style="font-weight: 100; opacity: 0.6;padding: 6px;padding: 15px;text-align: center; text-justify: inter-word;line-height: 1.3"> <div style="margin-top: 10px"> <br> <br> </div> </div> </div> <div style="font-weight: 600"> 1.- Selecciona el monto a donar </div> <hr> <div class="d-flex justify-content-center "> <div class="row"> <div class="form-group"> <div class="btn-group"> <a class="btn btn-lg btnDonar btn-amount squareCorners" href="/donacion/2/mxn/100">$100</a> <a class="btn btn-lg btnDonar btn-amount squareCorners" href="/donacion/2/mxn/200">$200</a> <a class="btn btn-lg btnDonar btn-amount squareCorners" href="/donacion/2/mxn/300">$300</a>  </div> </div> </div> </div> <div class="d-flex justify-content-center"> <div class="form-group"> <form action="/donacion/2/mxn" id="formsend">  <div class="d-flex justify-content-center"> <div class="form-group"> <div class="form-inline"> <div class="d-flex justify-content-center" style="font-style: oblique;font-size: .8rem;font-weight: 100">Otra cantidad</label>   <input type="number" id="montoPay" name="montoPay" placeholder="$0.00" min="40" step="any" style="width: 100px;" pattern="^\d*(\.\d{0,2})?$" oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$40');" class="form-control monto squareCorners montoPays" required> <span class="alertMonto" hidden><small>Cantidad mínima a donar $40.00</small></span> </div> </div> <br> <div class=""> <input type="image" src="/dist/img/donarBtn.jpg" style="width: 15rem">  </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <div class="owl-controls"> <div class="owl-nav"> <div class="owl-prev"></div> <div class="owl-next"></div> </div> <div class="owl-dots"> <div class="owl-dot active"><span></span></div> <div class="owl-dot"><span></span></div> <div class="owl-dot"><span></span></div> </div> </div> </div> <div id="seccion-causas"> <div class="container-fluid"> <div class="row" style="display: flex"> <div class="col-lg-7 col-md-12 col-sm-12 float-left col" style="background-color: #193875"> <div class="text-center"> <div style="color: #FFFFFF;font-weight: 600;line-height: normal" class="div-title-sumate"> SÚMATE A NUESTRAS CAUSAS </div> <div style="font-weight: 100;color: #FFFFFF;padding-bottom: 5px" class="div-description-sumate"> Conoce más sobre nuestra labor y apoya nuestras causas, la totalidad<br> de tu donativo será destinado a la causa seleccionada. </div> </div> </div> <div class="col-lg-5 col-md-12 col-sm-12 float-right col" style="background-color: white"> <center> <img data-src="/dist/img/webm/cruz_roja_logo.jpg" class="squareCorners img-fluid lazy" alt="Responsive image" style="vertical-align: middle"> </center> </div> </div> </div> <br> <div class="col-12" style="padding-right: 0px !important;padding-left: 0px !important;"> <div class="d-flex justify-content-center" style="align-items: center;width: 100%"> <div class="text-right " style="padding: 0px;width: 7%"> <span class="fa fa-chevron-left fa-2x scrollButtons-left" style="color: #FF0B01;cursor: pointer" id="left-button"></span> </div> <div class="text-center " style="margin: auto;width: 85%;overflow-x: auto;padding-bottom: 10px" id="content-scroll"> <div class="row flex-row flex-nowrap " style="margin-right: 0px;margin-left: 0px;margin-top: 8px"> <div class="d-flex justify-content-center " style="margin: auto"> <div class="form-group " style="margin-bottom: 0px"> <div class=" card card-block" style="margin: 13px"> <div class="card grow principal_cause squareCorners" style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/causa/detalle/3"> <div class="lazy" style="background-image: url(https://s3.amazonaws.com/assets.cruzrojamexicana.org.mx/contenido/resized_imagen_ThuFeb2223cr09cr13UTC2024_1.jpg); height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> </div> </a> <div class="card-body"> <p class="card-title text-left" style="color: #2E2978; font-size: .75rem; font-weight:500" title="Fondo para la Atención de Desastres Naturales">Fondo para la Atención de Desa...</p> <div style="word-wrap: break-word; text-align: left; font-size: 10px"> Cruz Roja Mexicana esta lista en todo momento Tramita tu deducible en el siguiente link http://bit.ly/3WThiQa </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; height: 6rem; border-top: #FFFFFF"> <div class="text-center"> <a style="color: #FFFFFF" href="/donacion/3/mxn" class="btn btn-cruz-roja-donar-causa squareCorners">DONA AHORA</a> <br> <a style="text-decoration: none;" href="/causa/detalle/3">Ver más</a> </div> </div> </div> </div> </div> <div class="form-group " style="margin-bottom: 0px"> <div class=" card card-block" style="margin: 13px"> <div class="card grow principal_cause squareCorners" style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/causa/detalle/50"> <div class="lazy" style="background-image: url(https://s3.amazonaws.com/assets.cruzrojamexicana.org.mx/contenido/resized_imagen_TueFeb1819cr52cr53UTC2025_1.jpg); height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> </div> </a> <div class="card-body"> <p class="card-title text-left" style="color: #2E2978; font-size: .75rem; font-weight:500" title="Colecta Nacional 2025">Colecta Nacional 2025...</p> <div style="word-wrap: break-word; text-align: left; font-size: 10px"> #TodosSomosHéroes </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; height: 6rem; border-top: #FFFFFF"> <div class="text-center"> <a style="color: #FFFFFF" href="/donacion/50/mxn" class="btn btn-cruz-roja-donar-causa squareCorners">DONA AHORA</a> <br> <a style="text-decoration: none;" href="/causa/detalle/50">Ver más</a> </div> </div> </div> </div> </div> <div class="form-group " style="margin-bottom: 0px"> <div class=" card card-block" style="margin: 13px"> <div class="card grow squareCorners" style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/causa/detalle/2"> <div class="lazy" style="background-image: url(https://s3.amazonaws.com/assets.cruzrojamexicana.org.mx/contenido/resized_imagen_ThuFeb2223cr04cr03UTC2024_1.jpg); height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> </div> </a> <div class="card-body"> <p class="card-title text-left" style="color: #2E2978; font-size: .75rem; font-weight:500" title="Ayudar SIEMPRE es salvar vidas">Ayudar SIEMPRE es salvar vidas...</p> <div style="word-wrap: break-word; text-align: left; font-size: 10px"> Gracias a tu ayuda Tramita tu deducible en el siguiente link http://bit.ly/3WThiQa </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; height: 6rem; border-top: #FFFFFF"> <div class="text-center"> <a style="color: #FFFFFF" href="/donacion/2/mxn" class="btn btn-cruz-roja-donar-causa squareCorners">DONA AHORA</a> <br> <a style="text-decoration: none;" href="/causa/detalle/2">Ver más</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="text-left" style="padding: 0px;width: 7%"> <span class="fa fa-chevron-right fa-2x scrollButtons-right" style="color: #FF0B01;cursor: pointer" id="right-button"></span> </div> </div> </div> </div> <div class="col-md-12"> <div class=" d-flex justify-content-center"> <div class="grow text-center"> <a href="/nuestras/causas" style="text-decoration: none; color: #193875; font-size: 2rem;font-weight: 400;font-style: oblique;line-height: normal" >Conoce todas las causas</a> </div> </div> </div> <br> <div class="fr-view" style="text-align: center;padding: 0px;margin:0px"> <p style="text-align: justify;"><a href="https://sites.google.com/view/convocatoriadistintivos/inicio"><img src="https://s3.amazonaws.com/assets.cruzrojamexicana.org.mx/froala/resized_imagen_FriOct0622cr28cr17UTC2023_1.jpg" style="width: 814px;" class="fr-fic fr-dib"></a></p> <button id="openModalDashboard" type="button" class="red-button"> TRAMITA TU DEDUCIBLE AQUÍ <span class="button-subtext" style="position:inherit">APLICA PARA DONATIVOS EN LÍNEA DESDE NUESTRO PORTAL</span> <span class="button-subtext" style="text-transform:uppercase; position:inherit;">Si requiere comprobante fiscal, por favor solicítelo aquí un día después de que realizo su donativo y dentro del mismo mes.</span> </button> </div> <section class="form-row image-voluntariado" style="margin-right: 0px; background-image: url('/dist/img/fondo_voluntariado_min.jpg')" id="seccion-voluntariado"> <div class="col-sm-12 col-md-6 col-lg-7 " style="float: left;padding-left: 0px;"> <div class="col-lg-6 col-sm-12" style="padding-left: 0px"> <div class="card-body" style="background-color: #B01D0D; color: #ffffff;opacity: 0.8;filter: alpha(opacity=60); margin-top: 2rem;width: 100%;margin-left: 0px;"> <h4 style="font-size: 2rem;font-style: italic;font-weight: 600;text-align: left;margin-left: 1rem"> VOLUNTARIADO CRUZ ROJA MEXICANA</h4> <p style="font-weight: 200;margin: 1rem; text-align: justify !important;">¿Te gusta ayudar a la gente y quieres ser parte de la diferencia?<br> Te invitamos a ser parte de nuestra comunidad de voluntarios, hay muchas formas de ayudar, encuentra la más adecuada para ti. </p> <a href="/contenido/Voluntariado/2" class="btn squareCorners" style="background-color: #FFFFFF; color: black;font-weight: 200;box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);margin: 1rem;">CONOCE MÁS ></a> </div> </div> </div> <div class="col-lg-5 col-md-6 col-sm-12 " style="float: right;padding: 1.5rem"> <div class="col-12"> <div class="card-body form-voluntariado" style="height: 10vm; background-color: #E6E6E6; border: #193875 4px solid; color: black; filter: alpha(opacity=60); font-size: 11px"> <div class="text-center"> <p style="font-size: 0.8rem">¿Te gustaría ayudar a quién más lo necesita en compañía de personas como tú?</p> </div> <hr> <form action="/generic/method" method="POST" name="formulario"> <input type="hidden" value="https://www.cruzrojamexicana.org.mx/" name="uri"> <input type="hidden" value="1" name="idformulario"> <div class="form-row"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="form-group "> <label for="nombre">Nombre(s)</label> <input class="form-control form-control-sm squareCorners" id="nombre" type="text" name="formulario[nombre]" required placeholder="Nombre(s)"> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="form-group "> <label for="apellidoP">Apellido paterno</label> <input type="text" id="apellidoP" class="form-control-sm squareCorners form-control" name="formulario[apellidoPaterno]" required placeholder="Primer Apellido"> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="form-group "> <label for="apellidoM">Apellido materno</label> <input type="text" id="apellidoM" required name="formulario[apellidoMaterno]" class="form-control-sm squareCorners form-control" placeholder="Segundo Apellido"> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="form-group "> <label for="email">Correo electrónico</label> <input type="email" placeholder="example@hotmail.com" class="form-control form-control-sm" id="email" name="email" required> </div> </div> <div class="col-sm-6"> <div class="form-group "> <label for="delegacion">¿De dónde eres?</label> <select name="formulario[delegacion]" id="delegacion" class="form-control form-control-sm squareCorners" required> <option value>Seleccione...</option> <option value="1">Sede Nacional - SNA000</option> <option value="3">Aguascalientes - AGU001</option> <option value="5">Zacatecas - ZAC001</option> <option value="6">Colima - COL001</option> <option value="7">Morelos - MOR001</option> <option value="11">Guerrero - GRO001</option> <option value="15">Estado de México - MEX001</option> <option value="17">Oaxaca - OAX001</option> <option value="21">Chihuahua - CHH001</option> <option value="25">Campeche - CAM001</option> <option value="26">Chiapas - CHP001</option> <option value="27">Baja California Sur - BCS001</option> <option value="28">Baja California - BCN001</option> <option value="29">Coahuila - COA001</option> <option value="30">Ciudad de México - CMX001</option> <option value="31">Yucatán - YUC001</option> <option value="32">Durango - DUR001</option> <option value="33">Guanajuato - GUA001</option> <option value="34">Hidalgo - HID001</option> <option value="35">Jalisco - JAL001</option> <option value="36">Michoacán - MIC001</option> <option value="37">Nayarit - NAY001</option> <option value="38">Nuevo León - NLE001</option> <option value="39">Puebla - PUE001</option> <option value="40">Querétaro - QUE001</option> <option value="41">Quintana Roo - ROO001</option> <option value="42">San Luis Potosí - SLP001</option> <option value="43">Sinaloa - SIN001</option> <option value="44">Sonora - SON001</option> <option value="45">Tabasco - TAB001</option> <option value="46">Tamaulipas - TAM001</option> <option value="47">Tlaxcala - TLA001</option> <option value="48">Veracruz - VER001</option> </select> </div> </div> <div class="col-sm-6"> <div class="form-group "> <label for="fechaNacimiento">Fecha de nacimiento</label> <input type="date" id="fechaNacimiento" required name="formulario[fechaNacimiento]" max="2001-12-31" min="1800-01-01" class="form-control-sm squareCorners form-control date" placeholder="dd/mm/yyyy"> </div> </div> <div class="col-sm-6"> <div class="form-group "> <label for="area">¿Dónde deseas ayudar?</label> <select name="formulario[area]" id="area" class="form-control form-control-sm squareCorners" required> <option value>Seleccione...</option> </select> </div> </div> <div class="col-sm-6"> <div class="form-group "> <label for="telefono">Teléfono</label> <input type="text" class="form-control form-control-sm phone_us" name="formulario[telefono]" id="telefono" maxlength="10" minlength="14" placeholder="( ___ ) - ___ - __ - __" required> </div> </div> </div> <div class="form-group form-inline"> <input type="checkbox" required id="voluntariado-terms-cond" class="" onchange="checkTermsConditionsVoluntier()"> <small> <a style="text-decoration: none;color: #0170BD" href="#modal-terminos-condiciones" data-toggle="modal" data-target="#modal-terminos-condiciones"> Acepto términos y condiciones</a> </small> </div> <div class="form-group "> <div class="d-flex justify-content-center"> <input type="submit" value="REGISTRAR" id="btn-submit-voluntary" style="background-color: #0170BD; color: #FFFFFF" class="btn squareCorners"> </div> </div> </form> </div> </div> </div> </section> <div id="conocenos"> <div class="col-12" style="margin: auto;padding-right: 2rem;padding-left: 2rem;"> <a href="/contenido/Conocenos/1" style="text-decoration: none"> <p style="font-size: 2.5rem;font-weight: 600;color: #193875;margin-bottom: 0rem;"> ¡CONÓCENOS!</p></a> <p style="font-size: medium;color: #969696;">Conoce más acerca de Cruz Roja Mexicana y lo que tiene para ti.</p> <div class="form-row" style="margin-right: 0px; align-items: center"> <div class="col-lg-6 col-sm-12 float-left "> <div id="content-conocenos-description"> <p style="text-align: justify;"><strong><span style="font-size: 14px; font-family: Tahoma, Geneva, sans-serif;">Todos los días la Cruz Roja Mexicana es protagonista de una historia en la que la vida triunfa.</span></strong></p><p style="text-align: justify;"><span style="font-size: 14px;"><span style="font-family: Tahoma,Geneva,sans-serif;">Somos parte de un gran movimiento humanitario global, cuyo corazón y motor es la pasión por servir a los demás.</span></span></p><p style="text-align: justify;"><span style="font-size: 14px;"><span style="font-family: Tahoma,Geneva,sans-serif;">La historia de la Cruz Roja está hecha de muchas historias de personas que, en las situaciones más extremas y dolorosas, salvan vidas - y con ello - nos recuerdan que lo mejor del ser humano brilla aún en los tiempos más obscuros.</span></span></p><p style="text-align: justify;"><span style="font-size: 14px;"><span style="font-family: Tahoma,Geneva,sans-serif;">La Cruz Roja Mexicana existe porque todos podemos ser héroes. Tú puedes serlo al donar y apoyar esta gran causa humanitaria. Lo somos al apoyar a los Voluntarios en situaciones de desastres naturales, lo somos cuando no miramos a otro lado frente a la tragedia y llamamos a la Cruz Roja.</span></span></p><p style="text-align: justify;"><span style="font-size: 14px;"><span style="font-family: Tahoma,Geneva,sans-serif;">Aquí encontrarás muchas maneras de sumarte a la gran causa humanitaria de la Cruz Roja Mexicana.</span></span></p><p data-f-id="pbf" style="text-align: center; font-size: 14px; margin-top: 30px; opacity: 0.65; font-family: sans-serif;">Powered by <a href="https://www.froala.com/wysiwyg-editor?pb=1" title="Froala Editor">Froala Editor</a></p> </div> </div> <div class="col-lg-6 col-sm-12 float-right "> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> <div class='embed-container'> <iframe src='https://www.youtube.com/embed/BZhIA9U4dOo' frameborder='0' allowfullscreen></iframe> </div> </div> </div> </div> <div class="col-12" style="margin: auto; padding-left: 2rem;padding-top: .5rem;"> <div class="form-row " style="margin-right: 0px"> <a href="/contenido/Conocenos/1#contacto" style="font-size: larger;color: #000;font-style: oblique;font-weight: lighter">Contáctanos ></a> </div> </div> <div style="margin: auto;margin-top: 1rem;text-align: -webkit-center"> <div class="form-row" style="box-shadow:10px 9px 21px -5px rgba(130,130,130,1);margin-right: 0px;align-items: center;width: fit-content"> <div class="d-flex justify-content-center flex-wrap" style="margin: auto"> </div> </div> </div> </div> <section class="form-row" style="margin-right: 0px; background-image: url('/dist/img/fondo_capacitacion_min.jpg')" id="escuelas"> <div class="col-sm-12 col-md-6 col-lg-7 " style="float: left;padding-left: 0px;"> <div class="col-lg-6 col-sm-12" style="padding-left: 0px"> <div class="card-body" style="background-color: #021748; color: #ffffff;opacity: 0.8;filter: alpha(opacity=60); margin-top: 2rem; width: 100%;float: left"> <h4 style="font-size: 2rem;font-style: italic;font-weight: 600;text-align: left;margin-left: 1rem"> ESCUELAS Y CURSOS DE CAPACITACIÓN</h4> <p style="font-weight: 200;margin: 1rem;text-align: justify">Cruz Roja Mexicana provee educación especializada para el público en general y profesionistas, los cursos son impartidos por expertos en nuestra comunidad, siempre preparados para salvar vidas. </p> <a href="/contenido/Escuelas/4" class="btn squareCorners" style="background-color: #FFFFFF; color: black;font-weight: 200;box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);margin: 1rem;">CONOCE MÁS ></a> </div> </div> </div> <div class="col-lg-5 col-md-6 col-sm-12 " style="float: right;padding: 1.5rem;"> <div class="col-12"> <div class="card-body form-voluntariado" style="height: 10vm; background-color: #E6E6E6; border: #193875 4px solid; color: black; filter: alpha(opacity=60); font-size: 11px"> <div class="text-center"> <p style="font-size: 0.8rem">¿Te interesa recibir información sobre nuestros cursos y convocatorias?</p> </div> <hr> <form action="/subscribe/newsletter/course" method="POST"> <div class="form-row"> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="form-group "> <label for="escuelas_nombre">Nombre(s)</label> <input class="form-control form-control-sm squareCorners" id="escuelas_nombre" type="text" name="escuelas[nombre]" required placeholder="Nombre(s)"> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="form-group "> <label for="escuelas_apellidoP">Apellido paterno</label> <input type="text" id="escuelas_apellidoP" class="form-control-sm squareCorners form-control" name="escuelas[apellidoPaterno]" required placeholder="Primer Apellido"> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="form-group "> <label for="escuelas_apellidoM">Apellido materno</label> <input type="text" id="escuelas_apellidoM" required name="escuelas[apellidoMaterno]" class="form-control-sm squareCorners form-control" placeholder="Segundo Apellido"> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="form-group "> <label for="escuelas_fechaNacimiento">Fecha de nacimiento</label> <input type="date" id="escuelas_fechaNacimiento" required name="escuelas[fechaNacimiento]" class="form-control-sm squareCorners form-control date" max="2015-12-31" min="1800-01-01" placeholder="dd/mm/yyyy"> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="form-group "> <label for="escuelas_delegacion">¿De dónde eres?</label> <select name="escuelas[delegacion]" id="escuelas_delegacion" class="form-control form-control-sm squareCorners" required> <option value>Seleccione...</option> <option value="1">Sede Nacional - SNA000</option> <option value="3">Aguascalientes - AGU001</option> <option value="5">Zacatecas - ZAC001</option> <option value="6">Colima - COL001</option> <option value="7">Morelos - MOR001</option> <option value="11">Guerrero - GRO001</option> <option value="15">Estado de México - MEX001</option> <option value="17">Oaxaca - OAX001</option> <option value="21">Chihuahua - CHH001</option> <option value="25">Campeche - CAM001</option> <option value="26">Chiapas - CHP001</option> <option value="27">Baja California Sur - BCS001</option> <option value="28">Baja California - BCN001</option> <option value="29">Coahuila - COA001</option> <option value="30">Ciudad de México - CMX001</option> <option value="31">Yucatán - YUC001</option> <option value="32">Durango - DUR001</option> <option value="33">Guanajuato - GUA001</option> <option value="34">Hidalgo - HID001</option> <option value="35">Jalisco - JAL001</option> <option value="36">Michoacán - MIC001</option> <option value="37">Nayarit - NAY001</option> <option value="38">Nuevo León - NLE001</option> <option value="39">Puebla - PUE001</option> <option value="40">Querétaro - QUE001</option> <option value="41">Quintana Roo - ROO001</option> <option value="42">San Luis Potosí - SLP001</option> <option value="43">Sinaloa - SIN001</option> <option value="44">Sonora - SON001</option> <option value="45">Tabasco - TAB001</option> <option value="46">Tamaulipas - TAM001</option> <option value="47">Tlaxcala - TLA001</option> <option value="48">Veracruz - VER001</option> </select> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="form-group "> <label for="escuelas_area">Recibir información de</label> <select name="escuelas[area]" id="escuelas_area" class="form-control form-control-sm squareCorners" required> <option value="">Seleccione...</option> </select> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="form-group "> <label for="escuelas_correo">Correo electrónico</label> <input type="email" placeholder="example@hotmail.com" id="escuelas_correo" class="form-control form-control-sm" name="escuelas[email]" required> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="form-group form-inline"> <input type="checkbox" required id="escuelas-terms-cond" class="" onchange="checkTermsConditionsSchools()"> <small> <a style="text-decoration: none;color: #0170BD" href="#modal-terminos-condiciones" data-toggle="modal" data-target="#modal-terminos-condiciones"> Acepto términos y condiciones</a> </small> </div> </div> </div> <div class="form-group "> <div class="d-flex justify-content-center"> <input type="submit" value="REGISTRAR" id="btn-submit-escuela" style="background-color: #0170BD; color: #FFFFFF" class="btn squareCorners"> </div> </div> </form> </div> </div> </div> </section> <div id="noticias"> <div class="col-12" style="margin: auto;padding-left: 1.8rem;padding-right: 1rem"> <div class="" style="margin-right: 0px"> <a style="text-decoration: none;" href="/contenido/Noticias/5"> <p style="font-size: 3rem;font-weight: 600;color: #FF2500;margin-bottom: 0rem;"> Entérate</p></a> <p style="font-size: medium;color: #969696;">Entérate de nuestras últimas noticias y entradas de blog para saber más de nuestra labor.</p> </div> </div> <div class="col-12" style="padding-left: 0px;padding-right: 0px;"> <div class="row justify-content-center" style="margin-right: 0px; align-items: center"> <div class="col-lg-9 col-sm-12 col-md-12"> <div class="d-flex justify-content-between" style="align-items: center;width: 100%"> <div class="text-right" style="padding: 0px;width: 7%"> <span class="fa fa-chevron-left fa-2x scrollButtons-left" style=";color: #FF0B01;cursor: pointer" id="left-button-noticias"> </span> </div> <div class="" style="width: 85%"> <div class="text-center" style="overflow-x: auto;margin: auto" id="content-scroll-noticias"> <div class="row flex-row flex-nowrap" style="margin-right: 0px;margin-left: 0px;margin-top: 1rem"> <div class="d-flex justify-content-center" style="margin: auto;"> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners principal_cause grow " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#homenaje-suinaga-asume-presidecia-crm-carlos-freaner"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Rinden Homenaje a Fernando Suinaga por su labor al frente de la institución, al tiempo que Carlos Freaner, asume como Presidente Nacional de Cruz Roja Mexicana</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">14/Mar/2023 17:27 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#homenaje-suinaga-asume-presidecia-crm-carlos-freaner">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners principal_cause grow " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#envía-cruz-roja-mexicana-ayuda-humanitaria-a-tabasco-y-chiapas"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Envía Cruz Roja Mexicana Alrededor de 36 toneladas de ayuda humanitaria a Tabasco y Chiapas</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">11/Nov/2020 11:56 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#envía-cruz-roja-mexicana-ayuda-humanitaria-a-tabasco-y-chiapas">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#CRM-activa-COEN"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Cruz Roja Mexicana activa el Centro de Operaciones de Emergencia Nacional (COEN)</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">25/Oct/2023 13:34 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#CRM-activa-COEN">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#apoya-crm-a-turquia"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Apoya Cruz Roja Mexicana a los afectados por los sismos de Turquía</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">09/Feb/2023 18:16 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#apoya-crm-a-turquia">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#seguridad-vehicular"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Cruz Roja Mexicana lanza la primera convocatoria a sus Distintivos por la seguridad vehicular en México</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">09/Feb/2023 18:07 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#seguridad-vehicular">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#arranca-colecta-nacional"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Arranca la Colecta Nacional de Cruz Roja Mexicana en Palacio Nacional</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">22/Dic/2022 14:46 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#arranca-colecta-nacional">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#prevenir-siniestros-viales-para-salvar-vidas"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Fundamental prevenir los siniestros viales para salvar vidas y proteger la integridad física de las y los mexicanos, sobre todo los más jóvenes</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">22/Nov/2022 17:32 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#prevenir-siniestros-viales-para-salvar-vidas">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#remodelacion-bancodesangre-laboratorioclinico"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Inauguramos la remodelación de nuestro Banco de Sangre y Laboratorio Clínico en #CDMX para brindar un mejor servicio a las personas y salvar + vidas. </p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">19/May/2022 08:10 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#remodelacion-bancodesangre-laboratorioclinico">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#ienova-dif-y-crm"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Fundación IEnova, DIF Estatal y Cruz Roja Mexicana entregan despensas y cobertores a comunidades de la Sierra Tarahumara</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">10/Mar/2022 15:50 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#ienova-dif-y-crm">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#crm-prevencion-unam"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Cruz Roja Mexicana implementa proyecto de prevención en la UNAM como medida de protección frente al COVID-19</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">04/Oct/2021 17:47 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#crm-prevencion-unam">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#dia-cruz-roja-y-media-luna-roja"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Día de la Cruz Roja y Media Luna Roja </p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">07/May/2021 14:10 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#dia-cruz-roja-y-media-luna-roja">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#crm-entrega-ayuda-humanitaria-a-afectados-por-inundaciones"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Cruz Roja Mexicana entrega ayuda humanitaria a personas afectadas por las inundaciones en Tabasco</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">30/Nov/2020 16:51 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#crm-entrega-ayuda-humanitaria-a-afectados-por-inundaciones">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#participa-voluntariado-crm-en-rostros-detras-mascarilla"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Participa el voluntariado de Cruz Roja Mexicana en la iniciativa “rostros detrás de la mascarilla”, como reconocimiento a su labor humanitaria ante el Covid-19</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">10/Sept/2020 18:28 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#participa-voluntariado-crm-en-rostros-detras-mascarilla">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#cruz-roja-mexicana-entrega-ayuda-a-jalisco-y-colima"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;"> Cruz Roja Mexicana entregó 40 toneladas de ayuda humanitaria a pobladores de Jalisco y Colima afectados por la tormenta tropical Hernán</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">10/Sept/2020 18:17 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#cruz-roja-mexicana-entrega-ayuda-a-jalisco-y-colima">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#boletines-de-comunicación-julio-2020"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Boletines de comunicación julio 2020 </p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">31/Ago/2020 13:26 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#boletines-de-comunicación-julio-2020">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#boletines-de-comunicación-junio-2020"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Boletines de comunicación junio 2020</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">31/Ago/2020 12:56 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#boletines-de-comunicación-junio-2020">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#entrega-de-cubrebocas-caretas"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Entregan Cruz Roja Mexicana y Fundación Airbus 100 mil cubre bocas y 2 mil caretas protectoras a personal de instituciones esenciales para hacer frente al Covid19</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">31/Ago/2020 12:28 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#entrega-de-cubrebocas-caretas">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#llamado-para-respetar-a-peatones"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Hacen un llamado Cruz Roja Mexicana, Reacciona por la vida y Liga Peatonal para que las y los peatones sean respetados y cuenten con espacios seguros</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">31/Ago/2020 12:19 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#llamado-para-respetar-a-peatones">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#hospital-de-campo-de-crm"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Noticia"><span class="fa fa-newspaper-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">El Hospital de campo de Cruz Roja Mexicana en el INER es una de las acciones humanitarias más significativas de la institución en 110 años de su fundación</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">31/Ago/2020 12:11 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#hospital-de-campo-de-crm">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#todo-mexico-salvando-vidas"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Blog"><span class="fa fa-file-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Todo México Salvando Vidas</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">07/Sept/2023 13:11 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#todo-mexico-salvando-vidas">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#caja-de-auxilio"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Blog"><span class="fa fa-file-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Caja de auxilio </p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">25/Ene/2022 11:15 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#caja-de-auxilio">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#tu-proteccion-es-importante"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Blog"><span class="fa fa-file-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Tú protección es importante para reducir los contagios de COVID-19</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">26/Mar/2021 14:13 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#tu-proteccion-es-importante">Ver más</a> </div> </div> </div> </div> <div class="form-group "> <div class="card card-block" style="margin: 7px"> <div class="card squareCorners " style="border:#8B88BF 1px solid; height: 400px;width: 250px"> <a href="/contenido/Noticias/5#plan-familiar-de-emergencia"> <div style="background: url('/dist/img/voluntariado.jpg'); background-position: center; height: 12rem; background-size: 100% 100%; background-repeat: no-repeat;"> <span style="float: right;margin: 5px;background-color: #343a409c" class="badge " data-toggle="tooltip" data-placement="top" title="Blog"><span class="fa fa-file-o fa-2x" style="color: #FFF !important;"></span></span> </div> </a> <div class="card-body"> <div style="word-wrap: break-word; text-align: left; "> <p style="margin: 0px;font-size: large;color: #193875;">Plan familiar de emergencia</p> <p style="font-size: x-small;margin-top: 1rem"> </p> </div> </div> <div class="card-footer" style="background-color: #FFFFFF !important; border-top: #FFFFFF;padding-bottom: 0px"> <p class="float-left" style="font-size: smaller;">03/Jun/2020 14:02 Hrs.</p> <a class="float-right" style="text-decoration: none; font-size: .8rem" href="/contenido/Noticias/5#plan-familiar-de-emergencia">Ver más</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" text-left" style="padding: 0px;width: 7%"> <span class="fa fa-chevron-right fa-2x scrollButtons-left" style="color: #FF0B01;cursor: pointer" id="right-button-noticias"></span> </div> </div> </div> <div class="col-lg-3 col-sm-7 col-md-7 col-10" style=""> <div style="background: #000C3C;text-align: center;color: #FFFFFF;padding: 1rem;padding-top:2rem;height: 22rem"> <p style="font-size: 1.3rem;font-weight: 400;">Suscríbete a nuestro boletín.</p> <p style="font-weight: lighter;">Quiero recibir el boletín y mantenerme enterado de las noticias.</p> <form action="/subscribe/newsletter" method="POST"> <div class="form-group"> <input type="email" placeholder="Ingresa tu correo electrónico" class="form-control" id="email_newsletter" name="email_newsletter" required style="font-style: oblique"> </div> <div class="form-group form-inline"> <input type="checkbox" id="boletin-terms-cond" class="" onchange="checkTermsConditionsBoletin()"> <small> <a style="text-decoration: none;color: #0170BD" href="#modal-terminos-condiciones" data-toggle="modal" data-target="#modal-terminos-condiciones"> Acepto términos y condiciones</a> </small> </div> <input type="submit" value="Inscribirse al boletín" class="btn" onclick="checkTermsConditionsBoletin();" id="btn-submit-boletin" style="background-color: #0170BD; color: #FFFFFF"><br> <small id="alert-terms-cond" hidden>Favor de marcar la casilla términos y condiciones </small> </form> </div> </div> </div> </div> <div class="col-md-12" style="padding-top: 1rem;"> <div class=" d-flex justify-content-center"> <div class="grow text-center"> <a href="/contenido/Noticias/5" style="text-decoration: none; color: #193875; font-size: 2rem;font-weight: 400;font-style: oblique" >Ver todas nuestras noticias</a> </div> </div> </div> </div> <link href="/dist/assets/node_modules/froala-editor/css/froala_editor.pkgd.min.css" rel="stylesheet" type </div> <div class="label-footer"> <span style="font-style: oblique">Juntos hacemos la diferencia</span> </div> <footer class="" style="background: white;"> <div class="col-12"> <div class="row row"> <div class="col-lg-3 col-md-3 col-sm-12"> <div style="padding-top: 2rem;text-align: left"> <div class="img-fluid lazy"> <amp-img alt="Sede Nacional" width="212" height="69" src="/dist/LOGOS_CRM/SNA000.jpg"> <amp-img alt="Sede Nacional" fallback width="212" height="69" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMSAxIDggNCI+PGltYWdlIGZpbHRlcj0idXJsKCNibHVyKSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQW9BQUFBR0NBWUFBQUQ2OEEvR0FBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQUNxQURBQVFBQUFBQkFBQUFCZ0FBQUFEK2lGWDBBQUFBcjBsRVFWUUlIVDJQU1FxRlFBeEVYN2VpNG9BYkVRV3Y0TVlMZUhLdjQwSVV3UW5uL25ZdmZxQ29JcWxRaVVpU1JQbStqNVFTei9PNDd4dkhjUmlHZ2I3dnNTeUw2N3FRNy91YW9XNHN5L0kzYXYwOGp6SHlsZFNHZmQrcDY5cXcxbTNia21VWlFnalQweXlpS0ZKNlE4ZVdaVWxSRklSaGFLS2JwdUU4VCtaNVJyaXVxejZna2VjNVZWVXhqaVBUTkpremp1TmcyemJzN3htQ0lDQk5VK0k0cHVzNmxGS3M2NHB0MjBicnhCODZ4VmdkUHdJV2NRQUFBQUJKUlU1RXJrSmdnZz09Ii8+PGZpbHRlciBpZD0iYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIC8+PC9maWx0ZXI+PC9zdmc+"></amp-img> </amp-img> </div> </div> <div class="form-group"> <p style="text-align: left !important; font-weight: 600;padding: .5rem">Descarga nuestra App de primeros auxilios.</p> <div class="lazy" style="width: 8rem;"> <a href="https://itunes.apple.com/mx/app/primeros-auxilios-cruz-roja/id699486813?mt=8" target="_blank"> <amp-img alt="App Store icono" width="128" height="44" src="/dist/img/iconos/appstore.jpg"> <amp-img alt="App Store icono" fallback width="128" height="44" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMSAxIDggNCI+PGltYWdlIGZpbHRlcj0idXJsKCNibHVyKSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQW9BQUFBR0NBWUFBQUQ2OEEvR0FBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQUNxQURBQVFBQUFBQkFBQUFCZ0FBQUFEK2lGWDBBQUFBcjBsRVFWUUlIVDJQU1FxRlFBeEVYN2VpNG9BYkVRV3Y0TVlMZUhLdjQwSVV3UW5uL25ZdmZxQ29JcWxRaVVpU1JQbStqNVFTei9PNDd4dkhjUmlHZ2I3dnNTeUw2N3FRNy91YW9XNHN5L0kzYXYwOGp6SHlsZFNHZmQrcDY5cXcxbTNia21VWlFnalQweXlpS0ZKNlE4ZVdaVWxSRklSaGFLS2JwdUU4VCtaNVJyaXVxejZna2VjNVZWVXhqaVBUTkpremp1TmcyemJzN3htQ0lDQk5VK0k0cHVzNmxGS3M2NHB0MjBicnhCODZ4VmdkUHdJV2NRQUFBQUJKUlU1RXJrSmdnZz09Ii8+PGZpbHRlciBpZD0iYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIC8+PC9maWx0ZXI+PC9zdmc+"></amp-img> </amp-img> </a> <a href="https://play.google.com/store/apps/details?id=com.cube.gdpc.mex&hl=es_419" target="_blank"> <amp-img alt="Play Store icono" width="128" height="44" src="/dist/img/iconos/google-play.jpg"> <amp-img alt="Play Store icono" fallback width="128" height="44" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMSAxIDggNCI+PGltYWdlIGZpbHRlcj0idXJsKCNibHVyKSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQW9BQUFBR0NBWUFBQUQ2OEEvR0FBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQUNxQURBQVFBQUFBQkFBQUFCZ0FBQUFEK2lGWDBBQUFBcjBsRVFWUUlIVDJQU1FxRlFBeEVYN2VpNG9BYkVRV3Y0TVlMZUhLdjQwSVV3UW5uL25ZdmZxQ29JcWxRaVVpU1JQbStqNVFTei9PNDd4dkhjUmlHZ2I3dnNTeUw2N3FRNy91YW9XNHN5L0kzYXYwOGp6SHlsZFNHZmQrcDY5cXcxbTNia21VWlFnalQweXlpS0ZKNlE4ZVdaVWxSRklSaGFLS2JwdUU4VCtaNVJyaXVxejZna2VjNVZWVXhqaVBUTkpremp1TmcyemJzN3htQ0lDQk5VK0k0cHVzNmxGS3M2NHB0MjBicnhCODZ4VmdkUHdJV2NRQUFBQUJKUlU1RXJrSmdnZz09Ii8+PGZpbHRlciBpZD0iYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIC8+PC9maWx0ZXI+PC9zdmc+"></amp-img> </amp-img> </a> </div> </div> <p style="text-align: left !important; font-weight: 600;padding: .5rem">Enlaces Institucionales.</p> <div class="form-inline"> <div class="text-center" style="width: 49%"> <a href="http://www.ifrc.org/es/" target="_blank" style="width: 5rem;" class="lazy"> <amp-img alt="IFRC icono" width="80" height="46" src="/dist/img/iconos/IFRC_Logo.jpg"> <amp-img alt="IFRC icono" fallback width="80" height="46" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMSAxIDggNCI+PGltYWdlIGZpbHRlcj0idXJsKCNibHVyKSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQW9BQUFBR0NBWUFBQUQ2OEEvR0FBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQUNxQURBQVFBQUFBQkFBQUFCZ0FBQUFEK2lGWDBBQUFBcjBsRVFWUUlIVDJQU1FxRlFBeEVYN2VpNG9BYkVRV3Y0TVlMZUhLdjQwSVV3UW5uL25ZdmZxQ29JcWxRaVVpU1JQbStqNVFTei9PNDd4dkhjUmlHZ2I3dnNTeUw2N3FRNy91YW9XNHN5L0kzYXYwOGp6SHlsZFNHZmQrcDY5cXcxbTNia21VWlFnalQweXlpS0ZKNlE4ZVdaVWxSRklSaGFLS2JwdUU4VCtaNVJyaXVxejZna2VjNVZWVXhqaVBUTkpremp1TmcyemJzN3htQ0lDQk5VK0k0cHVzNmxGS3M2NHB0MjBicnhCODZ4VmdkUHdJV2NRQUFBQUJKUlU1RXJrSmdnZz09Ii8+PGZpbHRlciBpZD0iYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIC8+PC9maWx0ZXI+PC9zdmc+"></amp-img> </amp-img> </a> <p style="font-size: 10px">Federación Internacional de la Cruz Roja y la Media Luna Roja</p> </div> <div class="text-center" style="width: 49%"> <a href="https://www.icrc.org/es/where-we-work/americas/mexico" target="_blank" style="width: 4rem;" class="lazy"> <amp-img alt="Comité internacional" width="64" height="64" src="/dist/img/iconos/comite_internacional.jpg"> <amp-img alt="Comité internacional" fallback width="64" height="64" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMSAxIDggNCI+PGltYWdlIGZpbHRlcj0idXJsKCNibHVyKSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQW9BQUFBR0NBWUFBQUQ2OEEvR0FBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQUNxQURBQVFBQUFBQkFBQUFCZ0FBQUFEK2lGWDBBQUFBcjBsRVFWUUlIVDJQU1FxRlFBeEVYN2VpNG9BYkVRV3Y0TVlMZUhLdjQwSVV3UW5uL25ZdmZxQ29JcWxRaVVpU1JQbStqNVFTei9PNDd4dkhjUmlHZ2I3dnNTeUw2N3FRNy91YW9XNHN5L0kzYXYwOGp6SHlsZFNHZmQrcDY5cXcxbTNia21VWlFnalQweXlpS0ZKNlE4ZVdaVWxSRklSaGFLS2JwdUU4VCtaNVJyaXVxejZna2VjNVZWVXhqaVBUTkpremp1TmcyemJzN3htQ0lDQk5VK0k0cHVzNmxGS3M2NHB0MjBicnhCODZ4VmdkUHdJV2NRQUFBQUJKUlU1RXJrSmdnZz09Ii8+PGZpbHRlciBpZD0iYmx1ciI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIC8+PC9maWx0ZXI+PC9zdmc+"></amp-img> </amp-img> </a> <p style="font-size: 10px">Cómite Internacional de la Cruz Roja</p> </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-12"> <p style="color: #193875;font-weight: 500;padding-top: 2rem">Menú <span onclick="showHideMenu();" id="span-arrow-menu" style="color: #FF0B09;cursor: pointer" class="fa fa-arrow-right"></span> </p> <ul style="list-style-type: none;margin: 0;padding: 0;width: auto;" id="footer-menu"> <li class="footer-a"> <a class="" href="/">Inicio</a> </li> <li class="footer-a"> <a class="" href="/contenido/Conocenos/1">Conócenos</a> </li> <li class="footer-a"> <a class="" href="/contenido/Voluntariado/2">Voluntariado</a> </li> <li class="footer-a"> <a class="" href="/contenido/Servicios/3">Servicios</a> </li> <li class="footer-a"> <a class=" longWord" href="/contenido/Escuelas/4">Escuelas y Cursos de Capacitación</a> </li> <li class="footer-a"> <a class="" href="/contenido/Noticias/5">Noticias</a> </li> <li class="footer-a"> <a class="" href="/contenido/Boletin/6#boletin">Boletín</a> </li> <li class="footer-a"> <a style="" class="" href="/contenido/Legal/9">Transparencia</a> </li> <li class="footer-a"> <a style="" class="" href="/causa/detalle">Nuestras Causas</a> </li> </ul> </div> <div class="col-lg-3 col-md-3 col-sm-12"> <div style="padding-top: 2rem"> <h4>Síguenos en:</h4> <div class="form-inline"> <div class="form-group p-3"> <a href="https://www.facebook.com/CruzRojaMx/" target="_blank" style="color: #000000"> <span class="fa fa-facebook-square fa-2x"></span> </a> </div> <div class="form-group p-3"> <a href="https://www.instagram.com/cruzroja_mx/?hl=es-la" target="_blank" style="color: #000000"> <span class="fa fa-instagram fa-2x"></span> </a> </div> <div class="form-group p-3"> <a href="https://twitter.com/CruzRoja_MX" target="_blank" style="color: #000000"> <span class="fa fa-twitter-square fa-2x"></span> </a> </div> <div class="form-group p-3"> <a href="https://www.youtube.com/channel/UCZEYUS1b9IoJ44SD8hK2uyw" target="_blank" style="color: #000000"> <span class="fa fa-youtube-square fa-2x"></span> </a> </div> </div> </div> </div> <div id="divTwitter" class="col-lg-3 col-md-3 col-sm-12"> <div style="padding-top: 2rem"> <a class="twitter-timeline" data-lang="es" data-width="450" data-height="450" data-link-color="#E81C4F" href="https://twitter.com/CruzRoja_MX"> Tweets por CruzRoja_MX</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> </div> </div> </div> <hr> <div class="d-flex justify-content-center"> <div class="col-11"> <div class="d-flex justify-content-between" style="margin-bottom: 2rem"> <div> <p style="font-size: .8rem; color: #919B9C"> <a href="#modal-terminos-condiciones" data-toggle="modal" data-target="#modal-terminos-condiciones"> Términos y Condiciones </a> / <a href="/copyright"> Copyright </a> © Derechos Reservados - cruzrojamexicana.org.mx </p> <button id="openModalTemplate" class="botonRojo" type="button">Tramita tu deducible aquí</button> <div id="modalTemplate" class="modal"> <div class="modal-content"> <span id="closeModalTemplate" class="close">×</span> <form id="formDeducibleModalTemplate" class="formulario-cruz-roja"> <h2>Formulario Deducibles Cruz Roja Mexicana</h2> <label for="dependenciaModalTemplate">Dependencia/Empresa</label> <span id="errorDependenciaModalTemplate" class="error-text"></span> <select class="form-control dependencia" id="dependencia" name="dependencia" required> <option value="0" disabled >Selecciona una opcion</option> <option value="NO">No Aplica</opcion> <option value="CDMX">Gobierno de la Ciudad de México</option> <option value="SEMAR">Secretaría de Marina</option> <option value="SSPC">Secretaría de Seguridad y Protección Ciudadana</option> <option value="SEDENA">Secretaría de la Defensa Nacional</option> <option value="SEP">Secretaría de Educación Pública</option> <option value="INFONAVIT">Instituto del Fondo Nacional de la Vivienda para los Trabajadores</option> <option value="IMSS">Instituto Mexicano del Seguro Social </option> <option value="ISSSTE">Instituto de Seguridad y Servicios Sociales de los Trabajadores del Estado</option> <option value="PEMEX">Petróleos Mexicanos</option> <option value="SADER">Secretaría de Agricultura y Desarrollo Rural</option> <option value="SC">Secretaría de Cultura</option> <option value="SEDATU">Secretaría de Desarrollo Agrario, Territorial y Urbano</option> <option value="SE">Secretaría de Economía</option> <option value="SENER">Secretaría de Energía</option> <option value="SEGOB">Secretaría de Gobernación</option> <option value="SHCP">Secretaría de Hacienda y Crédito Público</option> <option value="SICT">Secretaría de Infraestructura, Comunicaciones y Transportes</option> <option value="SFP">Secretaría de la Función Pública</option> <option value="SEMARNAT">Secretaría de Medio Ambiente y Recursos Naturales</option> <option value="SREX">Secretaría de Relaciones Exteriores</option> <option value="SALUD">Secretaría de Salud</option> <option value="STPS">Secretaría de Trabajo y Previsión Social</option> <option value="SECTUR">Secretaría de Turismo</option> <option value="BIENESTAR">Secretaría del Bienestar</option> <option value="SESNA">Secretaria Ejecutiva del Sistema Nacional Anticorrupción</option> <option value="CFE">Comisión Federal de Electricidad</option> <option value="CJF">Consejo de la Judicatura Federal</option> <option value="CONACYT">Consejo Nacional de Ciencia y Tecnología</option> <option value="DIF">Desarrollo Integral de la Familia</option> <option value="FGR">Fiscalía General de la República</option> <option value="IFT">Instituto Federal de Telecomunicaciones</option> <option value="SIGLO XXI">Instituto Mexicano del Seguro Social </option> <option value="INEGI">Instituto Nacional de Estadística y Geografía </option> <option value="INAI">Instituto Nacional de Transparencia, Acceso a la Información y Protección</option> <option value="PR">Presidencia de la República</option> <option value="SCJN">Suprema Corte de Justicia de la Nación</option> <option value="TEPJF">Tribunal Electoral del Poder Judicial de la Federación</option> </select> <label for="referenciaModalTemplate">Referencia CROJA (ubicarla en tu donativo y con mayúsculas):</label> <span id="errorReferenciaModalTemplate" class="error-text"></span> <div class="input-group col-12 p-0"> <div class="col-11 p-0"> <input class="form-control" type="text" id="referenciaModalTemplate" name="referenciaModalTemplate" class="form-control" required> </div> <div class="col p-0"> <button class="btn btn-primary" onclick="getCroja()"><i class="fa fa-search"></i></button> </div> </div> <label for="nombreModalTemplate">Escribe tu Nombre (como lo que tiene registrado en el SAT):</label> <span id="errorNombreModalTemplate" class="error-text"></span> <input class="form-control" type="text" id="nombreModalTemplate" name="nombreModalTemplate" required disabled> <label for="rfc">Escribe tu RFC (con mayúsculas y sin espacios):</label> <span id="errorRFCModalTemplate" class="error-text"></span> <input class="form-control" type="text" id="rfcModalTemplate" name="rfcModalTemplate" required disabled> <label for="regimenModalTemplate">Régimen Fiscal:</label> <span id="errorRegimenModalTemplate" class="error-text"></span> <select name="opcionRegimenModalTemplate" id="opcionRegimenModalTemplate"> <option value="601">601 General de Ley Personas Morales</option> <option value="603">603 Personas Morales con Fines no Lucrativos</option> <option value="605">605 Sueldos y Salarios e Ingresos Asimilados a Salarios</option> <option value="606">606 Arrendamiento</option> <option value="607">607 Régimen de Enajenación o Adquisición de Bienes</option> <option value="608">608 Demás ingresos</option> <option value="610">610 Residentes en el Extranjero sin Establecimiento Permanente en México</option> <option value="611">611 Ingresos por Dividendos (socios y accionistas)</option> <option value="612">612 Personas Físicas con Actividades Empresariales y Profesionales</option> <option value="614">614 Ingresos por intereses</option> <option value="615">615 Régimen de los Ingresos por obtención de premios</option> <option value="616">616 Sin obligaciones fiscales</option> <option value="620">620 Sociedades Cooperativas de Producción que optan por diferir sus ingresos</option> <option value="621">621 Incorporación Fiscal</option> <option value="622">622 Actividades Agrícolas, Ganaderas, Silvícolas y Pesqueras</option> <option value="623">623 Opcional para Grupos de Sociedades</option> <option value="624">624 Coordinados</option> <option value="625">625 Régimen de las Actividades Empresariales con ingresos a través de Plataformas Tecnológicas</option> <option value="626">626 Régimen Simplificado de Confianza</option> </select> <label for="uso_cfdiModalTemplate">Uso CFDI:</label> <span id="errorCFDIModalTemplate" class="error-text"></span> <div class="radio-group"> <div class="radio-option"> <input type="radio" id="gastosModalTemplate" name="uso_cfdiModalTemplate" value="G03"> <span for="gastosModalTemplate">G03 Gastos en general</span> </div> <div class="radio-option"> <input type="radio" id="donativosModalTemplate" name="uso_cfdiModalTemplate" value="D04"> <span for="donativosModalTemplate">D04 Donativos</span> </div> </div> <label for="codigo_postalModalTemplate">Código Postal (siempre 5 dígitos incluyendo ceros a la izquierda):</label> <span id="errorCodigoPostalModalTemplate" class="error-text"></span></br> <input type="text" id="codigo_postalModalTemplate" name="codigo_postalModalTemplate" maxlength = '5' class="form-control"> <button type="button" class="botonRojo boton-enviar" onclick="procesarFormulario()">Enviar</button> </form> </div> </div> <div id="loader" class="loader-container" style="display: none;"> <div class="loader"></div> </div> <div id="contact-div"> <strong><p>Dudas y contacto sobre donativos: tel: 10849000 de 8 a 17 Hrs o al correo: <a href="mailto:donativos@cruzrojamexicana.org.mx">donativos@cruzrojamexicana.org.mx</a>                   <a href="https://www.cruzrojamexicana.org.mx/contenido/Legal/9#aviso-de-privacidad"><strong><span style="font-family: Tahoma, Geneva, sans-serif; font-size: 18px;">Aviso de Privacidad</span></strong></a></p><p><a href="http://bit.ly/3WThiQa"></a></p><p><strong><span style="font-family: Tahoma, Geneva, sans-serif; font-size: 18px;"><a href="http://bit.ly/3WThiQa"></a></span></strong></p><p data-f-id="pbf" style="text-align: center; font-size: 14px; margin-top: 30px; opacity: 0.65; font-family: sans-serif;">Powered by <a href="https://www.froala.com/wysiwyg-editor?pb=1" title="Froala Editor">Froala Editor</a></p></strong> </div> <small> <a href="https://www.cruzrojamexicana.org.mx/offsite/creditos" target="_blank"> Producido por Cruz Roja Mexicana y EyFco Consultores. <br>Desarrollado por Señal Corporativo. Créditos. </a> </small> </p> </div> <div> <p style="padding-top: 1rem;color: #919B9C; font-style: oblique;font-weight: 100;margin-bottom: 0px">¡Gracias por su visita!</p> <div class="float-right"> <a class="grow btn btn-sm btn-cruz-roja-donar-causa " style="border-radius: 50px;" id="go-top" href="#"> <span class="fa fa-arrow-up"></span> </a> </div> </div> </div> </div> </div>  <div id="overbox3"> <div id="infobox3"> <p>Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Si continúas navegando consideramos que aceptas su uso. <a href="/contenido/Legal/9">Más información</a> <a onclick="aceptar_cookies();" style="cursor:pointer;">Aceptar</a></p> </div> </div> <link rel="stylesheet" href="/dist/toast/dist/jquery.toast.min.css"> </footer> <script src="/dist/js/jquery.min.js"></script> <script src="/dist/js/popper.min.js"></script> <script defer src="/dist/OwlCarousel2-2.3.4/docs/assets/owlcarousel/owl.carousel.min.js"></script> <script defer src="/dist/js/CustomJs/CustomDashboard.js"></script> <script type="text/javascript" src="dist/assets/node_modules/froala-editor/js/froala_editor.pkgd.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script defer src="/dist/js/validador.js"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script> <script> var modal = document.getElementById("modalDasboard"); var btn = document.getElementById("openModalDashboard"); btn.onclick = function() { swal("Atención","Si requiere comprobante fiscal, por favor solicítelo aquí un día después de que realizo su donativo y dentro del mismo mes.", "warning") $("#referenciaModalTemplate").val(""); $("#nombreModalTemplate").val(""); $("#nombreModalTemplate").attr("disabled", ""); $("#rfcModalTemplate").val(""); $("#rfcModalTemplate").attr("disabled", ""); $("#codigo_postalModalTemplate").val(""); modal.style.display = "block"; } window.onclick = function(event) { if (event.target == modal) { document.querySelectorAll('.error-text').forEach(el => el.textContent = ''); modal.style.display = "none"; } } function procesarFormulario(event) { let formulario = document.getElementById('formDeducible'); let objetoFormulario = {}; objetoFormulario.referencia = formulario.referencia.value; objetoFormulario.rfc = formulario.rfc.value; objetoFormulario.regimenFiscalReceptor = formulario.opcionRegimen.value; objetoFormulario.usoCFDI = formulario.uso_cfdi.value; objetoFormulario.domicilioFiscalReceptor = formulario.codigo_postal.value; document.querySelectorAll('.error-text').forEach(el => el.textContent = ''); let hayErrores = false; if (!/^[a-zA-Z0-9]+$/.test(objetoFormulario.referencia)) { document.getElementById('errorReferencia').textContent = 'Referencia inválida. Debe ser alfanumérica.'; hayErrores = true; } if (!/^([A-ZÑ&]{3,4}\d{6}[A-Z\d]{3})$/.test(objetoFormulario.rfc)) { document.getElementById('errorRFC').textContent = 'RFC inválido.'; hayErrores = true; } if (!objetoFormulario.regimenFiscalReceptor) { document.getElementById('errorRegimen').textContent = 'Selecciona una opción de régimen.'; hayErrores = true; } if (!objetoFormulario.usoCFDI) { document.getElementById('errorCFDI').textContent = 'El campo Uso CFDI no puede estar vacío.'; hayErrores = true; } if (!/^\d{5}$/.test(objetoFormulario.domicilioFiscalReceptor)) { document.getElementById('errorCodigoPostal').textContent = 'Código postal inválido. Debe tener 5 dígitos.'; hayErrores = true; } if (hayErrores) { event.preventDefault(); return false; } console.log("Referencia: ", objetoFormulario.referencia); console.log("RFC: ", objetoFormulario.rfc); console.log("Régimen: ", objetoFormulario.regimenFiscalReceptor); console.log("Uso CFDI: ", objetoFormulario.usoCFDI); console.log("Código Postal: ", objetoFormulario.domicilioFiscalReceptor); console.log(objetoFormulario); return true; } </script> <script> $(document).ready(function () { $('#delegacionModal').modal('show'); $("#sedeNacional").on('click', function () { confirmDelegationId(); }); $('#delegacionModal').on('hidden.bs.modal', function (e) { confirmDelegationId(); }); $('.owl-carousel').owlCarousel( { lazyLoad: true, autoplayTimeout: 9000, items: 1, autoplay: false, smartSpeed: 1000, nav: true, dots: false, navText: ["<i class='fa fa-chevron-left'></i>", "<i class='fa fa-chevron-right'></i>"], loop: true, } ); $(".optionsContent").empty(); $(".optionsContent").html( '<div class="p-2 bd-highlight activeLink">' + '<a class="red optionLink"' + 'href="/">Inicio</a>' + '</div>' + '<div class="p-2 bd-highlight ">' + '<a class="red optionLink" href="/contenido/Conocenos/1" ">Conócenos</a>' + '</div>' + '<div class="p-2 bd-highlight ">' + '<a class="red optionLink" href="/contenido/Voluntariado/2" ">Voluntariado</a>' + '</div>' + '<div class="p-2 bd-highlight ">' + '<a class="red optionLink" href="/contenido/Servicios/3" ">Servicios</a>' + '</div>' + '<div class="p-2 bd-highlight ">' + '<a class="red optionLink" href="/contenido/Escuelas/4">Escuelas y Cursos de Capacitación</a>' + '</div>' + '<div class="p-2 bd-highlight ">' + '<a class="red optionLink" href="/contenido/Noticias/5">Noticias</a>' + '</div>' + '<div class="p-2 bd-highlight">' + '<a class="red optionLink" href="/nuestras/causas">Causas</a>' + '</div>' ); $.toast({ heading: '¿Estás en el sitio web de tu delegación?', text: "<i class='fa fa-map-marker'></i> Para una mejor navegación Cruz Roja quiere: <b>Conocer tu ubicación. <button class='btn btn-light btn-sm' onclick='getLocation()'>Permitir</button> ", showHideTransition: 'slide', position: 'bottom-left', hideAfter: 180000 // in milli seconds }); }); function getLocation(){ data = {}; $.ajax({ url: '/location/ip', data: data, contentType: 'application/json', dataType: 'json', success: function (data) { console.log(data.status); if(data.error == false){ console.log(data.delegacion); $('#localNombreDelegacionT').html(data.delegacion.nombre+'*') $('#localNombreDelegacionB').html(data.delegacion.nombre) var urlOriginal = data.delegacion.urlSitioWeb.toString() var nuevaUrl = urlOriginal.replace("http://","") nuevaUrl = nuevaUrl.replace("https://",""); nuevaUrl = "http://"+nuevaUrl; $('#localUrl').removeAttr("href") $('#localUrl').attr("href", nuevaUrl); $("#localizacionModal").modal('show') }else{ $.toast({ heading: 'Ubicación no encontrada', text: "Tu ubicación no coincide con la localización de una de nuestras delegaciones.", showHideTransition: 'slide', icon: 'error', position: 'bottom-left', hideAfter: 8000 }); } }, error: function (e) { $.toast({ heading: 'Ubicación no encontrada', text: "Tu ubicación no coincide con la localización de una de nuestras delegaciones.", showHideTransition: 'slide', icon: 'error', position: 'bottom-left', hideAfter: 8000 }); } }); } function choosePayment(monto){ $("#montoPayBar").val(monto); } function confirmDelegationId() { var data = { 'delegacionid': 1 }; $.ajax({ url: '/update/idConfirmacionDelegacion', contentType: 'application/json', data: data, dataType: 'json', success: function (data) { } }); } </script> <script> function showAlerts() { } </script> <script> var correo = $("#correo").val(); $("#correo").on('focus change paste', function () { $("#btn-submit-voluntary").attr('disabled', true); data = { correo: $(this).val() }; $.ajax({ // type: 'GET', url: '/check/email', data: data, contentType: 'application/json', dataType: 'json', success: function (data) { if (data.error === true && $("#correo").val() !== correo) { $('#correo').addClass('is-invalid'); $("#btn-submit-voluntary").attr('disabled', true); $("#emailMessageError").attr('hidden', false); setTimeout(function () { $('#correo').val(correo); }, 3300); } else { $("#emailMessageError").attr('hidden', true); $("#btn-submit-voluntary").attr('disabled', false); $('#correo').removeClass('is-invalid'); } }, error: function (e) { console.log('error' + e); } }); }) </script> <script> function changeVal() { if ($(".otroVal").val() < 40) { var href = '<a href="/donacion/3/mxn/' + 40 + '" class=" hrefPath" ><img src="/dist/img/donarBtn.jpg" alt="" style="width: 15rem"></a> </div>'; } else { var href = '<a style="color: #FFFFFF" href="/donacion/3/mxn/' + $(".otroVal").val() + '" class="hrefPath" ><img src="/dist/img/donarBtn.jpg" alt="" style="width: 15rem"> </a> </div>'; } $(".dinamicRoute3").empty(); $(".dinamicRoute3").html(href); if ($(".otroVal").val() < 40) { var href = '<a href="/donacion/50/mxn/' + 40 + '" class=" hrefPath" ><img src="/dist/img/donarBtn.jpg" alt="" style="width: 15rem"></a> </div>'; } else { var href = '<a style="color: #FFFFFF" href="/donacion/50/mxn/' + $(".otroVal").val() + '" class="hrefPath" ><img src="/dist/img/donarBtn.jpg" alt="" style="width: 15rem"> </a> </div>'; } $(".dinamicRoute50").empty(); $(".dinamicRoute50").html(href); if ($(".otroVal").val() < 40) { var href = '<a href="/donacion/2/mxn/' + 40 + '" class=" hrefPath" ><img src="/dist/img/donarBtn.jpg" alt="" style="width: 15rem"></a> </div>'; } else { var href = '<a style="color: #FFFFFF" href="/donacion/2/mxn/' + $(".otroVal").val() + '" class="hrefPath" ><img src="/dist/img/donarBtn.jpg" alt="" style="width: 15rem"> </a> </div>'; } $(".dinamicRoute2").empty(); $(".dinamicRoute2").html(href); monto = $(".otroVal").val(); }; </script> <script> $('#delegacion').change(function () { data = { delegacionid: $("#delegacion option:selected").val().toString() }; //console.log(data); $.ajax({ url: '/areas/delegacion/voluntariado', data: data, contentType: 'application/json', dataType: 'json', success: function (data) { //console.log(data) if (data.voluntarioAreas.length > 0) { $('#area').empty(); $('#area').append($('<option>', { value: '', text: 'Seleccione...' })); $.each(data.voluntarioAreas, function (index, data) { $('#area').append($('<option>', { value: data.nombre + '-' + data.id, text: data.nombre })); }) } else { $('#area').empty(); $('#area').append($('<option>', { value: '', text: 'Sin registros, intente con otra' })); } }, error: function (e) { alert('error' + e); } }); }); </script> <script> $('#escuelas_delegacion').change(function () { data = { delegacionescuelaid: $("#escuelas_delegacion option:selected").val().toString() }; $.ajax({ url: "/areas/delegacion/escuela/voluntariado", data: data, contentType: 'application/json', dataType: 'json', success: function (data) { if (data.cursos.length > 0) { $('#escuelas_area').empty(); $('#escuelas_area').append($('<option>', { value: '', text: 'Seleccione...' })); $.each(data.cursos, function (index, data) { // console.log(data); $('#escuelas_area').append($('<option>', { value: data.id, text: data.nombre })); }) } else { $('#escuelas_area').empty(); $('#escuelas_area').append($('<option>', { value: '', text: 'Sin registros, intenta con otra' })); } }, error: function (e) { //alert('error' + e); } }); }); </script> <script> function asignarMonto(monto) { $(".montoPays").val(monto); } </script> <script src="/dist/js/bootstrap.min.js"></script> <script src="/dist/toast/dist/jquery.toast.min.js"></script> <script src="/dist/js/jquery-mask/jquery.mask.min.js"></script> <script src="/dist/js/jquery.lazy.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script> <script> var modal = document.getElementById("modalTemplate"); var btn = document.getElementById("openModalTemplate"); var span = document.getElementById("closeModalTemplate"); $('#modalTemplate').on('show.bs.modal', function () { document.getElementById("nombreModalTemplate").value = ""; document.getElementById("nombreModalTemplate").setAttribute('disabled', ''); document.getElementById("rfcModalTemplate").value = ""; document.getElementById("rfcModalTemplate").setAttribute('disabled', ''); $("#referenciaModalTemplate").val(""); $("#dependencia").val(0) }) btn.onclick = function() { swal("Atención","Si requiere comprobante fiscal, por favor solicítelo aquí un día después de que realizo su donativo y dentro del mismo mes.", "warning") $("#referenciaModalTemplate").val(""); $("#nombreModalTemplate").val(""); $("#nombreModalTemplate").attr("disabled", ""); $("#rfcModalTemplate").val(""); $("#rfcModalTemplate").attr("disabled", ""); $("#codigo_postalModalTemplate").val(""); modal.style.display = "block"; } span.onclick = function() { $("#referenciaModalTemplate").val(""); document.querySelectorAll('.error-text').forEach(el => el.textContent = ''); document.getElementById("nombreModalTemplate").value = ""; document.getElementById("nombreModalTemplate").setAttribute('disabled', ''); document.getElementById("rfcModalTemplate").value = ""; document.getElementById("rfcModalTemplate").setAttribute('disabled', ''); modal.style.display = "none"; $("#dependencia").val(0) } window.onclick = function(event) { if (event.target == modal) { document.querySelectorAll('.error-text').forEach(el => el.textContent = ''); modal.style.display = "none"; } } function getCroja(e){ //const url = "https://jspa32mmpr.us-east-2.awsapprunner.com/api/donaciones/donacion/" const url = "https://mmi23dtcfz.us-east-2.awsapprunner.com/api/donaciones/donacion/" let croja = $('#referenciaModalTemplate').val(); console.log(croja); document.querySelectorAll('.error-text').forEach(el => el.textContent = ''); $.get({ url: url, headers: { referencia: croja, 'Access-Control-Allow-Origin': '*' }, dataType: "json" }).done(function(data) { console.log(data) let datos = data[0]; let f = datos.fechaDonacion; let fecha = new Date(f.substring(0, f.length -1)); let fechaManana = new Date(f.substring(0, f.length -1)); fechaManana.setDate(fechaManana.getDate() + 1); let hoy = new Date(); if( fechaManana.getTime() > hoy.getTime() ){ $("#errorReferenciaModalTemplate").text("La donacion aun no cumple con las 24 horas de espera") event.preventDefault(); return false; } fechaManana.setMonth( fechaManana.getMonth()+1 ); if( hoy.getTime() >= fechaManana.getTime() ){ $("#errorReferenciaModalTemplate").text("La donacion ya supero el mes para poder facturar") event.preventDefault(); return false; } $("#nombreModalTemplate").val(datos.colaboradorNombre); $("#nombreModalTemplate").removeAttr('disabled') $("#rfcModalTemplate").val(datos.colaboradorRfc === "NULL" ? "" : datos.colaboradorRfc) $("#rfcModalTemplate").removeAttr('disabled') }) .fail(function(data) { console.log(data) $("#errorReferenciaModalTemplate").text(data.responseJSON.msg) $("#nombreModalTemplate").val(""); $("#nombreModalTemplate").attr("disabled", ""); $("#rfcModalTemplate").val(""); $("#rfcModalTemplate").attr("disabled", ""); }) event.preventDefault(); return false; } function procesarFormulario(event) { let formulario = document.getElementById('formDeducibleModalTemplate'); let objetoFormulario = {}; objetoFormulario.referencia = formulario.referenciaModalTemplate.value; objetoFormulario.rfc = formulario.rfcModalTemplate.value; objetoFormulario.regimenFiscalReceptor = formulario.opcionRegimenModalTemplate.value; objetoFormulario.usoCFDI = formulario.uso_cfdiModalTemplate.value; objetoFormulario.domicilioFiscalReceptor = formulario.codigo_postalModalTemplate.value; objetoFormulario.colaboradorNombre = formulario.nombreModalTemplate.value; objetoFormulario.dependencia=formulario.dependencia.value document.querySelectorAll('.error-text').forEach(el => el.textContent = ''); let hayErrores = false; if (!/^CROJA[a-zA-Z0-9]*$/.test(objetoFormulario.referencia)) { document.getElementById('errorReferenciaModalTemplate').textContent = 'Referencia inválida. Debe empezar con CROJA y ser alfanumérica.'; hayErrores = true; } if (!/^([A-ZÑ&]{3,4}\d{6}[A-Z\d]{3})$/.test(objetoFormulario.rfc)) { document.getElementById('errorRFCModalTemplate').textContent = 'RFC inválido.'; hayErrores = true; } if (!objetoFormulario.regimenFiscalReceptor) { document.getElementById('errorRegimen').textContent = 'Selecciona una opción de régimen.'; hayErrores = true; } if (!objetoFormulario.usoCFDI) { document.getElementById('errorCFDIModalTemplate').textContent = 'El campo Uso CFDI no puede estar vacío.'; hayErrores = true; } if (!/^\d{5}$/.test(objetoFormulario.domicilioFiscalReceptor)) { document.getElementById('errorCodigoPostalModalTemplate').textContent = 'Código postal inválido. Debe tener 5 dígitos.'; hayErrores = true; } if(objetoFormulario.dependencia == 0){ document.getElementById('errorDependenciaModalTemplate').textContent = 'Debes seleccionar una empresa / dependencia.'; hayErrores = true; } if (hayErrores) { event.preventDefault(); return false; } console.log("Referencia: ", objetoFormulario.referencia); console.log("RFC: ", objetoFormulario.rfc); console.log("Régimen: ", objetoFormulario.regimenFiscalReceptor); console.log("Uso CFDI: ", objetoFormulario.usoCFDI); console.log("Código Postal: ", objetoFormulario.domicilioFiscalReceptor); console.log("Nombre Colaborador: ", objetoFormulario.colaboradorNombre); console.log("Dependencia/Empresa: ", objetoFormulario.dependencia); console.log(objetoFormulario); const url = 'https://mmi23dtcfz.us-east-2.awsapprunner.com/api/facturaciones/facturar'; //const url = "https://jspa32mmpr.us-east-2.awsapprunner.com/api/facturaciones/facturar" //const url = 'http://localhost:8080/api/facturaciones/facturar'; const loaderContainer = document.getElementById('loader'); loaderContainer.style.display = 'flex'; let datos = { referencia: objetoFormulario.referencia } $.ajax({ method: "GET", url: url, headers: { referencia: objetoFormulario.referencia, rfc: objetoFormulario.rfc, regimenFiscalReceptor: objetoFormulario.regimenFiscalReceptor, usoCFDI: objetoFormulario.usoCFDI, domicilioFiscalReceptor: objetoFormulario.domicilioFiscalReceptor, colaboradorNombre: objetoFormulario.colaboradorNombre, dependencia: objetoFormulario.dependencia, 'Access-Control-Allow-Origin': '*' }, processData: false, dataType: "json", data: datos, }).done(function(data) { loaderContainer.style.display = 'none'; console.log(data) swal("Respuesta recibida", 'Se generó correctamente con el CFDI: ' + data.cfdi, "success"); formulario.referenciaModalTemplate.value = ''; formulario.rfcModalTemplate.value = ''; formulario.opcionRegimenModalTemplate.value = ''; let radioButtons = formulario.uso_cfdiModalTemplate; for (let i = 0; i < radioButtons.length; i++) { radioButtons[i].checked = false; } formulario.codigo_postalModalTemplate.value = ''; modal.style.display = "none"; }).fail(function(data) { console.error('Error:', data); loaderContainer.style.display = 'none'; swal("Error", data.responseJSON.msg, "error"); }); return true; } </script> <script> $(document).ready(function () { var hideShow = 0; function showHideMenu() { if (hideShow == 0) { $("#footer-menu").slideUp(); $("#span-arrow-menu").removeClass('fa-arrow-down'); $("#span-arrow-menu").addClass('fa-arrow-right'); hideShow = 1; } else { $("#footer-menu").show('slow'); $("#span-arrow-menu").removeClass('fa-arrow-right'); $("#span-arrow-menu").addClass('fa-arrow-down'); hideShow = 0; } } //showHideMenu(); widthWindow(); $('.lazy').lazy({ effect: "fadeIn", effectTime: 900, defaultImage: '/dist/img/loading.gif', threshold: 0, onError: function (element) { console.log('error loading ' + element.data('src')); } }); $('.phone_us').mask('(000)000-00-00'); $('.cep').mask('000000'); $(".goog-te-combo").addClass('form-control').change; $("#dependencia").val(0) }) //var hideShow = 0; /*function showHideMenu() { if (hideShow == 0) { $("#footer-menu").slideUp(); $("#span-arrow-menu").removeClass('fa-arrow-down'); $("#span-arrow-menu").addClass('fa-arrow-right'); hideShow = 1; } else { $("#footer-menu").show('slow'); $("#span-arrow-menu").removeClass('fa-arrow-right'); $("#span-arrow-menu").addClass('fa-arrow-down'); hideShow = 0; } }*/ </script> <script src="/dist/js/popper.js"></script> <script> $(".monto").on('paste change', function () { if ($(this).val() < 40) { $(".alertMonto").attr('hidden', false).addClass('is-invalid'); $(this).val(''); $(this).val(40); event.preventDefault(); return; } else { $(".alertMonto").attr('hidden', true); } }); $(document).on('keydown', 'input[pattern]', function (e) { var input = $(this); var oldVal = input.val(); var regex = new RegExp(input.attr('pattern'), 'g'); setTimeout(function () { var newVal = input.val(); if (!regex.test(newVal)) { input.val(oldVal); } }, 0); }); </script> <script> var navbar = document.getElementById("navbar"); var sticky = navbar.offsetTop; window.addEventListener('scroll', function (e) { myFunction() }); window.onscroll = myFunction(); function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky"); } else { navbar.classList.remove("sticky"); } } $('#cambioDelegacion').on('change', function() { var urlOriginal = this.value.toString() var nuevaUrl = urlOriginal.replace("http://","") nuevaUrl = nuevaUrl.replace("https://",""); nuevaUrl = "http://"+nuevaUrl; //window.open(nuevaUrl, '_blank'); window.open(nuevaUrl, "_self"); }); </script> <script> if ($(window).width() >= 630) { document.write("<script type=\"text/javascript\" src=\"//translate.google.com/translate_a/element.js?cb=googleTranslateElementInitOne\"><\/script>"); } else if ($(window).width() < 630) { document.write("<script type=\"text/javascript\" src=\"//translate.google.com/translate_a/element.js?cb=googleTranslateElementInitTWO\"><\/script>"); } </script> <script> $(window).resize(function () { var item = $(".longWord"); if ($(window).width() <= 1010) { item.text('Escuelas...'); } else { item.text('Escuelas y Cursos de Capacitación'); } }); function widthWindow() { var item = $(".longWord"); if ($(window).width() <= 1010) { item.text('Escuelas...'); } else { item.text('Escuelas y Cursos de Capacitación'); } } $("#go-top").on('click', function () { var body = $("html, body"); body.stop().animate({scrollTop: 0}, 400, 'swing', function () { }); }) </script>  <script> function GetCookie(name) { var arg=name+"="; var alen=arg.length; var clen=document.cookie.length; var i=0; while (i<clen) { var j=i+alen; if (document.cookie.substring(i,j)==arg) return "1"; i=document.cookie.indexOf(" ",i)+1; if (i==0) break; } return null; } function aceptar_cookies(){ var expire=new Date(); expire=new Date(expire.getTime()+7776000000); document.cookie="cookies_surestao=aceptada; expires="+expire; var visit=GetCookie("cookies_surestao"); if (visit==1){ popbox3(); } } $(function() { var visit=GetCookie("cookies_surestao"); if (visit==1){ popbox3(); } }); function popbox3() { $('#overbox3').toggle(); } function llamarCruzRoja(){ $("#alertCall911").modal('show'); } </script>  <script type="text/javascript"> function googleTranslateElementInitOne() { new google.translate.TranslateElement({ pageLanguage: 'es', includedLanguages: 'es,en' }, 'google_translate_elementOne'); } </script> <script> function googleTranslateElementInitTWO() { new google.translate.TranslateElement({ pageLanguage: 'es', includedLanguages: 'es,en' }, 'google_translate_elementTWO'); } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-93377272-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-93377272-1'); </script> <script src="/dist/js/CustomJs/cambios.js"></script> </body> </html>

CINXE.COM

Cruz Roja: Sede Nacional