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

Conéctate con Nosotros

Estamos aquí para escuchar tus inquietudes y propuestas. Tu voz es importante en esta campaña.

Nombre

Mensaje para Oscar Gómez

Información de Contacto

Para consultas y apoyo, contáctanos. Estamos disponibles para ti en Ciudad del Este.

Teléfono

Dirección

Ubicación

Enlace

Visítanos en Ciudad del Este

Ver Mapa

Estamos ubicados en el corazón de Ciudad del Este, donde puedes conocernos.

bottom of page