.btn-hero-primary:hover, .btn-hero-secondary:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .btn-hero-primary:hover { background-color: white; } .btn-hero-secondary:hover { background-color: rgba(255,255,255,0.2); } /* Animaciones */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Sección de bienvenida */ .bienvenida { padding: 70px 0; background-color: white; position: relative; } .bienvenida::before { content: ''; position: absolute; top: -50px; left: 0; width: 100%; height: 100px; background-color: white; clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%); } .bienvenida .contenedor { max-width: 1000px; margin: 0 auto; padding: 0 20px; text-align: center; } .bienvenida h2 { color: var(--varones-color-primario); font-size: 2.5rem; margin-bottom: 30px; position: relative; display: inline-block; } .bienvenida h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--varones-color-secundario); } .bienvenida p { font-size: 1.2rem; line-height: 1.8; max-width: 800px; margin: 0 auto 30px; } .bienvenida .mision-vision { display: flex; justify-content: center; gap: 40px; margin-top: 50px; flex-wrap: wrap; } .mision-vision-card { flex: 1; min-width: 300px; max-width: 450px; padding: 30px; background-color: var(--color-fondo-claro); border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease; } .mision-vision-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .mision-vision-card i { font-size: 2.5rem; color: var(--varones-color-primario); margin-bottom: 20px; } .mision-vision-card h3 { font-size: 1.5rem; color: var(--varones-color-texto); margin-bottom: 15px; } /* Ministerio pilares */ .pilares { padding: 70px 0; background-color: var(--varones-color-acento); position: relative; } .pilares .contenedor { max-width: 1200px; margin: 0 auto; padding: 0 20px; text-align: center; } .pilares h2 { color: var(--varones-color-primario); font-size: 2.5rem; margin-bottom: 50px; position: relative; display: inline-block; } .pilares h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--varones-color-primario); } .pilares-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 30px; } .pilar-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; } .pilar-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); } .pilar-icon { background-color: var(--varones-color-primario); color: white; padding: 25px 0; font-size: 2.5rem; } .pilar-info { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; } .pilar-info h3 { font-size: 1.3rem; color: var(--varones-color-primario); margin-bottom: 15px; } .pilar-info p { margin-bottom: 20px; flex-grow: 1; } .pilar-verse { font-style: italic; color: var(--varones-color-texto); font-size: 0.9rem; margin-top: auto; padding-top: 15px; border-top: 1px solid #eee; } /* Ministerio líderes */ .lideres { padding: 70px 0; background-color: white; } .lideres .contenedor { max-width: 1200px; margin: 0 auto; padding: 0 20px; text-align: center; } .lideres h2 { color: var(--varones-color-primario); font-size: 2.5rem; margin-bottom: 50px; position: relative; display: inline-block; } .lideres h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--varones-color-primario); } .lideres-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; } .lider-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: all 0.3s ease; } .lider-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); } .lider-img { width: 100%; height: 280px; object-fit: cover; } .lider-info { padding: 25px; } .lider-info h3 { font-size: 1.3rem; color: var(--varones-color-primario); margin-bottom: 10px; } .lider-info h4 { font-size: 1rem; color: var(--varones-color-texto); margin-bottom: 15px; font-style: italic; } .lider-info p { font-size: 0.95rem; line-height: 1.6; margin-bottom: 15px; } .lider-social { display: flex; justify-content: center; gap: 15px; } .lider-social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--varones-color-acento); color: var(--varones-color-primario); transition: all 0.3s ease; } .lider-social a:hover { background-color: var(--varones-color-primario); color: white; transform: translateY(-3px); } /* Artículos recientes */ .articulos-recientes { padding: 70px 0; background-color: var(--varones-color-acento); } .articulos-recientes .contenedor { max-width: 1200px; margin: 0 auto; padding: 0 20px; text-align: center; } .articulos-recientes h2 { color: var(--varones-color-primario); font-size: 2.5rem; margin-bottom: 50px; position: relative; display: inline-block; } .articulos-recientes h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--varones-color-primario); } /* Carrusel */ .carousel-container { position: relative; overflow: hidden; margin: 40px 0; padding-bottom: 50px; /* Espacio para los indicadores */ } .carousel-track { display: flex; transition: transform 0.5s ease; } .carousel-item { min-width: 100%; box-sizing: border-box; padding: 0 15px; } /* Botones de navegación */ .carousel-button { position: absolute; top: 50%; transform: translateY(-50%); background-color: var(--varones-color-primario); color: white; border: none; width: 45px; height: 45px; border-radius: 50%; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 10px rgba(0,0,0,0.2); z-index: 10; opacity: 0.8; transition: all 0.3s ease; } .carousel-button:hover { opacity: 1; transform: translateY(-50%) scale(1.1); } .prev-button { left: 15px; } .next-button { right: 15px; } /* Indicadores */ .carousel-indicators { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; } .indicator { width: 12px; height: 12px; border-radius: 50%; background-color: var(--varones-color-secundario); cursor: pointer; transition: all 0.3s ease; } .indicator.active { background-color: var(--varones-color-primario); transform: scale(1.2); } /* Artículos */ .articulo { border-radius: 10px; overflow: hidden; background-color: white; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; } .articulo:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .articulo-img { width: 100%; height: 220px; object-fit: cover; } .articulo-contenido { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; } .articulo-fecha { font-size: 0.9rem; color: var(--varones-color-primario); margin-bottom: 10px; } .articulo h3 { font-size: 1.4rem; margin-bottom: 15px; } .articulo h3 a { color: var(--varones-color-texto); text-decoration: none; transition: color 0.3s ease; } .articulo h3 a:hover { color: var(--varones-color-primario); } .articulo p { font-size: 1rem; line-height: 1.6; margin-bottom: 20px; } .articulo-link { margin-top: auto; display: inline-block; color: var(--varones-color-primario); font-weight: bold; text-decoration: none; position: relative; padding-bottom: 2px; } .articulo-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: var(--varones-color-primario); transition: width 0.3s ease; } .articulo-link:hover::after { width: 100%; } .btn-primary { display: inline-block; margin-top: 30px; background-color: var(--varones-color-primario); color: white; padding: 12px 30px; border-radius: 8px; text-decoration: none; font-weight: bold; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; } .btn-primary:hover { background-color: var(--varones-color-texto); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } /* Eventos */ .eventos { padding: 70px 0; background-color: white; position: relative; } .eventos::before { content: ''; position: absolute; top: -50px; left: 0; width: 100%; height: 100px; background-color: white; clip-path: polygon(0 0, 100% 50%, 100% 100%, 0% 100%); } .eventos .contenedor { max-width: 1000px; margin: 0 auto; padding: 0 20px; } .eventos h2 { color: var(--varones-color-primario); font-size: 2.5rem; margin-bottom: 50px; text-align: center; position: relative; display: inline-block; } .eventos h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--varones-color-primario); } .eventos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 40px; } .evento-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; display: flex; flex-direction: column; } .evento-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .evento-fecha { background-color: var(--varones-color-primario); color: white; text-align: center; padding: 15px; } .evento-fecha .dia { font-size: 2rem; font-weight: bold; } .evento-fecha .mes { font-size: 1.2rem; } .evento-contenido { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; } .evento-contenido h3 { font-size: 1.3rem; color: var(--varones-color-texto); margin-bottom: 10px; } .evento-contenido p { font-size: 0.95rem; line-height: 1.6; margin-bottom: 15px; flex-grow: 1; } .evento-contenido .evento-hora-lugar { font-size: 0.9rem; margin-bottom: 15px; } .evento-hora-lugar i { color: var(--varones-color-primario); margin-right: 5px; } /* Testimonios */ .testimonios { padding: 70px 0; background-color: var(--varones-color-acento); } .testimonios .contenedor { max-width: 1000px; margin: 0 auto; padding: 0 20px; text-align: center; } .testimonios h2 { color: var(--varones-color-primario); font-size: 2.5rem; margin-bottom: 50px; position: relative; display: inline-block; } .testimonios h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--varones-color-primario); } .testimonios-slider { position: relative; max-width: 800px; margin: 0 auto; } .testimonio { background-color: white; border-radius: 10px; padding: 30px; margin: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; } .testimonio-texto { font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px; position: relative; } .testimonio-texto::before { content: '\201C'; font-size: 4rem; position: absolute; top: -40px; left: -10px; color: var(--varones-color-secundario); opacity: 0.5; } .testimonio-autor { display: flex; flex-direction: column; align-items: center; } .testimonio-autor img { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; margin-bottom: 15px; } .testimonio-autor h4 { font-size: 1.1rem; color: var(--varones-color-primario); margin-bottom: 5px; } .testimonio-autor p { font-size: 0.9rem; color: var(--varones-color-texto); font-style: italic; } /* Galería */ .galeria { padding: 70px 0; background-color: white; } .galeria .contenedor { max-width: 1200px; margin: 0 auto; padding: 0 20px; text-align: center; } .galeria h2 { color: var(--varones-color-primario); font-size: 2.5rem; margin-bottom: 50px; position: relative; display: inline-block; } .galeria h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--varones-color-secundario); } .galeria-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-bottom: 30px; } .galeria-item { border-radius: 10px; overflow: hidden; position: relative; height: 250px; cursor: pointer; } .galeria-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .galeria-item:hover img { transform: scale(1.1); } .galeria-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(26, 73, 113, 0.7); color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease; } .galeria-item:hover .galeria-overlay { opacity: 1; } .galeria-overlay i { font-size: 2rem; margin-bottom: 10px; } .galeria-overlay p { font-size: 1rem; padding: 0 15px; text-align: center; } /* Recursos */ .recursos { padding: 70px 0; background-color: var(--varones-color-acento); position: relative; } .recursos::before { content: ''; position: absolute; top: -50px; left: 0; width: 100%; height: 100px; background-color: var(--varones-color-acento); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%); } .recursos .contenedor { max-width: 1200px; margin: 0 auto; padding: 0 20px; text-align: center; } .recursos h2 { color: var(--varones-color-primario); font-size: 2.5rem; margin-bottom: 50px; position: relative; display: inline-block; } .recursos h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--varones-color-primario); } .recursos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .recurso-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; } .recurso-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .recurso-card i { font-size: 3rem; color: var(--varones-color-primario); margin: 30px 0 20px; } .recurso-contenido { padding: 0 20px 20px; flex-grow: 1; display: flex; flex-direction: column; } .recurso-contenido h3 { font-size: 1.3rem; color: var(--varones-color-texto); margin-bottom: 15px; } .recurso-contenido p { font-size: 0.95rem; line-height: 1.6; margin-bottom: 20px; flex-grow: 1; } .recurso-contenido a { margin-top: auto; display: inline-block; text-decoration: none; color: var(--varones-color-primario); font-weight: bold; padding: 10px 20px; border: 2px solid var(--varones-color-primario); border-radius: 8px; transition: all 0.3s ease; } .recurso-contenido a:hover { background-color: var(--varones-color-primario); color: white; } /* Contacto */ .contacto { padding: 70px 0; background-color: white; position: relative; } .contacto::before { content: ''; position: absolute; top: -50px; left: 0; width: 100%; height: 100px; background-color: white; clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%); } .contacto .contenedor { max-width: 1000px; margin: 0 auto; padding: 0 20px; text-align: center; } .contacto h2 { color: var(--varones-color-primario); font-size: 2.5rem; margin-bottom: 20px; position: relative; display: inline-block; } .contacto h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--varones-color-secundario); } .contacto p { font-size: 1.1rem; line-height: 1.6; max-width: 700px; margin: 0 auto 40px; } .contacto-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; } .form-group { margin-bottom: 20px; } .form-group.full { grid-column: 1 / -1; } .form-group label { display: block; text-align: left; margin-bottom: 8px; color: var(--varones-color-texto); font-weight: bold; } .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 1rem; transition: border-color 0.3s ease; } .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: var(--varones-color-primario); } .form-group textarea { height: 150px; resize: vertical; } .btn-submit { grid-column: 1 / -1; background-color: var(--varones-color-primario); color: white; padding: 12px 25px; border: none; border-radius: 8px; font-size: 1rem; font-weight: bold; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; } .btn-submit:hover { background-color: var(--varones-color-texto); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } /* Llamado a la acción */ .cta { padding: 70px 0; background: linear-gradient(rgba(26, 73, 113, 0.9), rgba(20, 55, 85, 0.9)), url('../../../images/ministerios/varones/cta-background.jpg'); background-size: cover; background-position: center; background-attachment: fixed; } .cta .contenedor { max-width: 800px; margin: 0 auto; padding: 0 20px; text-align: center; color: white; } .cta h2 { font-size: 2.5rem; margin-bottom: 20px; } .cta p { font-size: 1.2rem; line-height: 1.8; margin-bottom: 40px; } .cta-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } /* Media queries */ @media (max-width: 768px) { .hero-texto h1 { font-size: 2.5rem; } .hero-texto p { font-size: 1.2rem; } .mision-vision { flex-direction: column; align-items: center; } .mision-vision-card { max-width: 100%; } .contacto-form { grid-template-columns: 1fr; } .carousel-button { width: 35px; height: 35px; } }
Hombres adorando y estudiando la Biblia

Ministerio de Varones

Formando hombres conforme al corazón de Dios

Discipulado Comunidad Fortaleza
Únete Próximos eventos

Bienvenidos

Te damos la bienvenida al Ministerio de Varones de la Iglesia Jesús es el Señor. Somos una comunidad de hombres comprometidos con crecer en nuestra relación con Dios, desarrollar un carácter como el de Cristo, y cumplir con nuestro llamado como líderes en nuestros hogares, iglesia y comunidad.

Nuestra Misión

Equipar y empoderar a los hombres para vivir íntegramente según los principios bíblicos, ejerciendo un liderazgo espiritual efectivo en sus familias, iglesia y comunidad.

Nuestra Visión

Ser hombres que reflejan el carácter de Cristo, líderes espirituales que influyen positivamente en su entorno, y mentores que levantan una nueva generación comprometida con los valores del Reino de Dios.

Los Pilares de Nuestro Ministerio

Servicio y Humildad

El verdadero liderazgo consiste en servir a los demás con un corazón humilde, siguiendo el ejemplo de Jesús quien vino a servir y no a ser servido.

Mateo 20:25-28

Integridad y Obediencia

Nuestras acciones deben alinearse con nuestras palabras. La integridad se demuestra en la obediencia a los principios divinos en todas las áreas de la vida.

Proverbios 10:9

Compasión y Amor

El amor cristiano es práctico y se muestra en actos de compasión hacia los demás, reflejando el amor que Dios nos ha mostrado primero.

1 Juan 4:19-21

Valentía y Firmeza

Defender la verdad con amor requiere valor y firmeza, especialmente en una sociedad que a menudo promueve valores contrarios a los principios bíblicos.

1 Corintios 16:13-14

Nuestros Líderes

Juan Martínez

Juan Martínez

Coordinador General

Con más de 12 años de experiencia ministerial, Juan tiene un corazón para levantar hombres de fe que impacten positivamente a sus familias y comunidades.

Carlos Rodríguez

Carlos Rodríguez

Coordinador de Discipulado

Apasionado por la formación de carácter y el estudio profundo de la Palabra de Dios, Carlos lidera el programa de discipulado y grupos pequeños.

David Hernández

David Hernández

Coordinador de Eventos y Proyectos

David coordina nuestros retiros, actividades de integración y proyectos de servicio comunitario, con énfasis en fortalecer la hermandad entre los varones.

Artículos Recientes

Ver todos los artículos

Próximos Eventos

15
Abril

Desayuno de Varones

Un tiempo de compañerismo, testimonios inspiradores y enseñanza bíblica para empezar el día con energía espiritual renovada.

7:00 AM - 9:00 AM

Salón de eventos de la iglesia

29
Abril

Taller: Liderazgo en el Hogar

Sesiones prácticas sobre cómo ejercer un liderazgo amoroso y efectivo en la familia, siguiendo principios bíblicos.

6:30 PM - 8:30 PM

Aula de formación

20
Mayo

Retiro de Varones: "Guerreros de Fe"

Un fin de semana intensivo de renovación espiritual, compañerismo y actividades que fortalecen los lazos entre los hombres de la iglesia.

Viernes 5:00 PM - Domingo 2:00 PM

Campamento Visión (a 45 min. de la ciudad)

Ver calendario completo

Testimonios

El Ministerio de Varones ha transformado mi vida como esposo y padre. A través de las enseñanzas, la mentoria y la amistad con otros hermanos, he aprendido lo que significa ser un verdadero líder en mi hogar. Ahora puedo decir que mi familia está más unida y centrada en Cristo.

Roberto Gómez

Roberto Gómez

Miembro desde 2021

Galería de Eventos Anteriores

Retiro anual 2024

Retiro anual 2024 - "Forjados por Dios"

Proyecto comunitario

Proyecto de construcción para familia necesitada

Desayuno de varones

Desayuno mensual de varones - Enero 2025

Estudio bíblico

Estudio bíblico y discipulado "Hombres conforme al corazón de Dios"

Ver más fotos

Recursos para tu crecimiento

Estudios Bíblicos

Material de estudio y reflexión diseñado especialmente para ayudarte a crecer como líder conforme al modelo de Jesús.

Explorar

Guía de Oración

Guías prácticas para desarrollar una vida de oración efectiva como esposo, padre y líder espiritual.

Acceder

Videos de Enseñanza

Colección de mensajes, testimonios y enseñanzas que te ayudarán a fortalecer tu liderazgo e identidad como hombre de Dios.

Ver videos

Herramientas Prácticas

Recursos prácticos para aplicar principios bíblicos en tu vida diaria como hombre, esposo, padre y líder en diferentes ámbitos.

Descargar

Contáctanos

¿Tienes preguntas o deseas formar parte de nuestro ministerio? Completa el formulario y nos pondremos en contacto contigo pronto.

Tu lugar está aquí

En el Ministerio de Varones creemos que cada hombre tiene un propósito divino. Te invitamos a ser parte de esta hermandad donde juntos crecemos, nos fortalecemos y servimos al Señor como líderes en nuestros diferentes ámbitos de influencia.