Ciudad del Este necesita liderazgo, orden y resultados

Óscar Gómez está preparado para trabajar junto a la gente y transformar la ciudad.

SUMARME POR WHATSAPP

Videos

Mensaje a la ciudadanía

Compromiso con los barrios

Orden, empleo y seguridad

Propuestas

Servicios públicos eficientes
Seguridad ciudadana
Empleo y desarrollo
Limpieza urbana
Educación y salud
Cercanía con la gente

Contacto directo

Sumate, participá o comunicate con el equipo.

HABLAR POR WHATSAPP
/* ========================================== ESTILOS COMPLETOS - OSCAR GÓMEZ ========================================== */ /* RESET GENERAL */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Montserrat', 'Arial', sans-serif; background-color: #f8f9fa; color: #333; line-height: 1.6; } /* ========================================== SECCIÓN HERO ========================================== */ .hero { background: linear-gradient(135deg, #002B5B 0%, #1E56A0 100%); color: white; text-align: center; padding: 100px 20px; position: relative; overflow: hidden; } .hero::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); animation: shine 5s infinite; } @keyframes shine { 0% {left: -100%;} 100% {left: 100%;} } .hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 20px; text-shadow: 0 4px 10px rgba(0,0,0,0.3); } .hero p { font-size: clamp(1.1rem, 2.5vw, 1.5rem); margin-bottom: 40px; opacity: 0.95; } .btn { display: inline-block; background: linear-gradient(135deg, #FFB703 0%, #FB8500 100%); color: #002B5B; padding: 16px 40px; text-decoration: none; font-weight: 700; border-radius: 50px; font-size: 1.1rem; box-shadow: 0 6px 15px rgba(251, 133, 0, 0.4); transition: all 0.3s ease; border: none; cursor: pointer; } .btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(251, 133, 0, 0.5); } /* ========================================== SECCIONES Y TÍTULOS ========================================== */ .seccion { padding: 80px 20px; max-width: 1200px; margin: 0 auto; } .titulo { text-align: center; font-size: clamp(1.8rem, 4vw, 2.8rem); color: #002B5B; margin-bottom: 60px; font-weight: 700; position: relative; } .titulo::after { content: ''; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, #FFB703, #FB8500); margin: 15px auto 0; border-radius: 2px; } /* ========================================== GRID Y TARJETAS ========================================== */ .grid { display: grid; gap: 30px; } .grid-3 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .card { background: white; padding: 35px 25px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0, 43, 91, 0.1); text-align: center; transition: all 0.3s ease; border: 1px solid rgba(0, 43, 91, 0.05); } .card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0, 43, 91, 0.15); } .card h3 { color: #002B5B; margin-bottom: 15px; font-size: 1.4rem; font-weight: 700; } .card p { color: #555; font-size: 1rem; } /* ========================================== SECCIÓN DE VIDEOS ========================================== */ .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /* ========================================== VALORES Y PRINCIPIOS ========================================== */ .valores { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin-top: 40px; } .valor { background: white; padding: 30px; border-radius: 15px; border-left: 5px solid #FB8500; box-shadow: 0 5px 20px rgba(0,0,0,0.08); } .valor h4 { color: #002B5B; margin-bottom: 10px; font-size: 1.2rem; } /* ========================================== FORMULARIO DE CONTACTO ========================================== */ .formulario { background: white; padding: 40px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); max-width: 700px; margin: 0 auto; } .formulario input, .formulario textarea { width: 100%; padding: 15px; margin: 10px 0; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 1rem; transition: border 0.3s ease; } .formulario input:focus, .formulario textarea:focus { border-color: #1E56A0; outline: none; } /* ========================================== FOOTER ========================================== */ .footer { background-color: #002B5B; color: white; text-align: center; padding: 40px 20px; margin-top: 80px; } .footer p { opacity: 0.8; font-size: 1rem; } /* ========================================== RESPONSIVE (CELULAR) ========================================== */ @media (max-width: 768px) { .hero { padding: 70px 20px; } .seccion { padding: 50px 20px; } .card { padding: 25px 20px; } } /* ========================================== ESTILOS COMPLETOS - OSCAR GÓMEZ ========================================== */ /* RESET GENERAL */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Montserrat', 'Arial', sans-serif; background-color: #f8f9fa; color: #333; line-height: 1.6; } /* ========================================== SECCIÓN HERO ========================================== */ .hero { background: linear-gradient(135deg, #002B5B 0%, #1E56A0 100%); color: white; text-align: center; padding: 100px 20px; position: relative; overflow: hidden; } .hero::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); animation: shine 5s infinite; } @keyframes shine { 0% {left: -100%;} 100% {left: 100%;} } .hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 20px; text-shadow: 0 4px 10px rgba(0,0,0,0.3); } .hero p { font-size: clamp(1.1rem, 2.5vw, 1.5rem); margin-bottom: 40px; opacity: 0.95; } .btn { display: inline-block; background: linear-gradient(135deg, #FFB703 0%, #FB8500 100%); color: #002B5B; padding: 16px 40px; text-decoration: none; font-weight: 700; border-radius: 50px; font-size: 1.1rem; box-shadow: 0 6px 15px rgba(251, 133, 0, 0.4); transition: all 0.3s ease; border: none; cursor: pointer; } .btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(251, 133, 0, 0.5); } /* ========================================== SECCIONES Y TÍTULOS ========================================== */ .seccion { padding: 80px 20px; max-width: 1200px; margin: 0 auto; } .titulo { text-align: center; font-size: clamp(1.8rem, 4vw, 2.8rem); color: #002B5B; margin-bottom: 60px; font-weight: 700; position: relative; } .titulo::after { content: ''; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, #FFB703, #FB8500); margin: 15px auto 0; border-radius: 2px; } /* ========================================== GRID Y TARJETAS ========================================== */ .grid { display: grid; gap: 30px; } .grid-3 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .card { background: white; padding: 35px 25px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0, 43, 91, 0.1); text-align: center; transition: all 0.3s ease; border: 1px solid rgba(0, 43, 91, 0.05); } .card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0, 43, 91, 0.15); } .card h3 { color: #002B5B; margin-bottom: 15px; font-size: 1.4rem; font-weight: 700; } .card p { color: #555; font-size: 1rem; } /* ========================================== SECCIÓN DE VIDEOS ========================================== */ .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /* ========================================== VALORES Y PRINCIPIOS ========================================== */ .valores { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin-top: 40px; } .valor { background: white; padding: 30px; border-radius: 15px; border-left: 5px solid #FB8500; box-shadow: 0 5px 20px rgba(0,0,0,0.08); } .valor h4 { color: #002B5B; margin-bottom: 10px; font-size: 1.2rem; } /* ========================================== FORMULARIO DE CONTACTO ========================================== */ .formulario { background: white; padding: 40px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); max-width: 700px; margin: 0 auto; } .formulario input, .formulario textarea { width: 100%; padding: 15px; margin: 10px 0; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 1rem; transition: border 0.3s ease; } .formulario input:focus, .formulario textarea:focus { border-color: #1E56A0; outline: none; } /* ========================================== FOOTER ========================================== */ .footer { background-color: #002B5B; color: white; text-align: center; padding: 40px 20px; margin-top: 80px; } .footer p { opacity: 0.8; font-size: 1rem; } /* ========================================== RESPONSIVE (CELULAR) ========================================== */ @media (max-width: 768px) { .hero { padding: 70px 20px; } .seccion { padding: 50px 20px; } .card { padding: 25px 20px; } }
top of page

Acompáñame en esta lucha

Tu apoyo es esencial para lograr un cambio real en Ciudad del Este. Juntos, podemos construir un futuro mejor para nuestra comunidad.

Sí

No

Conviértete en un aliado

Participa

Participa en nuestros eventos y reuniones para conocer de cerca nuestras ideas y objetivos.

Compartir

Comparte

Conéctate con nosotros y mantente informado sobre nuestras actividades y avances.

Saber más

Haz la diferencia

Juntos, podemos hacer de Ciudad del Este un lugar seguro y próspero.

Contáctame

Reunión

Foro

Pasado

Ubicación

Taller de capacitación para líderes comunitarios sobre transparencia y gestión pública. Inscríbete y participa.

Encuentro

Detalles

Hora

Foro abierto donde podrás plantear tus preguntas y conocer nuestras respuestas. La participación ciudadana es clave.

Campaña

Confirmación

Fecha

Encuentro de apoyo donde uniremos fuerzas para lograr un cambio significativo en nuestra región.

Únete a nuestro equipo

Si deseas contribuir con tu tiempo y esfuerzo, ¡te necesitamos! Cada mano cuenta para hacer de Ciudad del Este un mejor lugar.

Voluntariado
bottom of page