.landing-coloclinic * { box-sizing: border-box; }
.landing-coloclinic { font-family: ‘Roboto’, ‘Arial’, sans-serif; color: #313131; line-height: 1.6; margin: 0; padding: 0; }
.landing-coloclinic .lc-topbar { background: #2B2B2B; color: #ccc; font-size: 0.82rem; padding: 6px 0; }
.landing-coloclinic .lc-topbar-inner { max-width: 1140px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; }
.landing-coloclinic .lc-topbar a { color: #5ad2ca; text-decoration: none; }
.landing-coloclinic .lc-topbar-social a { color: #ccc; margin-left: 12px; font-size: 0.95rem; }
.landing-coloclinic .lc-topbar-social a:hover { color: #5ad2ca; }
.landing-coloclinic .lc-hero { background: linear-gradient(135deg, #1263a5 0%, #0a4a7a 50%, #2B2B2B 100%); color: #fff; position: relative; overflow: hidden; }
.landing-coloclinic .lc-hero::after { content: »; position: absolute; right: 0; top: 0; width: 45%; height: 100%; background: url(‘https://coloclinic.com/wp-content/uploads/2021/05/coloclinic-11.jpg’) center/cover; opacity: 0.18; }
.landing-coloclinic .lc-hero-inner { max-width: 1140px; margin: 0 auto; padding: 50px 20px 60px; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 50px; align-items: center; position: relative; z-index: 1; }
.landing-coloclinic .lc-hero-tag { display: inline-block; background: #48BFB5; color: #fff; padding: 4px 14px; border-radius: 3px; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; }
.landing-coloclinic .lc-hero h1 { font-size: 2.2rem; font-weight: 700; line-height: 1.25; margin-bottom: 14px; color: #fff; }
.landing-coloclinic .lc-hero h1 span { color: #5ad2ca; }
.landing-coloclinic .lc-hero-desc { font-size: 1.05rem; opacity: 0.9; margin-bottom: 20px; line-height: 1.7; }
.landing-coloclinic .lc-hero-trust { display: flex; gap: 20px; margin-bottom: 26px; flex-wrap: wrap; }
.landing-coloclinic .lc-trust-item { display: flex; align-items: center; gap: 8px; font-size: 0.88rem; opacity: 0.85; }
.landing-coloclinic .lc-trust-item i { color: #5ad2ca; }
.landing-coloclinic .lc-hero-buttons { display: flex; gap: 12px; flex-wrap: wrap; }
.landing-coloclinic .lc-btn { padding: 10px 22px; border-radius: 4px; font-size: 0.9rem; font-weight: 500; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s; cursor: pointer; border: none; font-family: inherit; }
.landing-coloclinic .lc-btn-wa { background: #25D366; color: #fff; }
.landing-coloclinic .lc-btn-wa:hover { background: #1fb855; }
.landing-coloclinic .lc-btn-outline { background: transparent; color: #fff; border: 2px solid #fff; }
.landing-coloclinic .lc-btn-outline:hover { background: rgba(255,255,255,0.15); }
.landing-coloclinic .lc-btn-azul { background: #1263a5; color: #fff; }
.landing-coloclinic .lc-btn-azul:hover { background: #0e5290; }
.landing-coloclinic .lc-btn-turquesa { background: #48BFB5; color: #fff; }
.landing-coloclinic .lc-btn-turquesa:hover { background: #5ad2ca; }
.landing-coloclinic .lc-btn-lg { padding: 14px 32px; font-size: 1rem; font-weight: 700; }
.landing-coloclinic .lc-hero-form { background: #fff; border-radius: 6px; padding: 30px; box-shadow: 0 15px 50px rgba(0,0,0,0.25); border-top: 4px solid #48BFB5; }
.landing-coloclinic .lc-hero-form h2 { color: #1263a5; font-size: 1.3rem; margin-bottom: 2px; }
.landing-coloclinic .lc-hero-form .lc-form-sub { color: #999; font-size: 0.85rem; margin-bottom: 18px; }
.landing-coloclinic .lc-form-group { margin-bottom: 12px; }
.landing-coloclinic .lc-form-group label { display: block; font-size: 0.82rem; font-weight: 500; color: #313131; margin-bottom: 3px; }
.landing-coloclinic .lc-form-group input, .landing-coloclinic .lc-form-group select, .landing-coloclinic .lc-form-group textarea { width: 100%; padding: 11px 12px; border: 1.5px solid #ddd; border-radius: 4px; font-size: 0.92rem; font-family: inherit; transition: border-color 0.3s; background: #fafafa; }
.landing-coloclinic .lc-form-group input:focus, .landing-coloclinic .lc-form-group select:focus, .landing-coloclinic .lc-form-group textarea:focus { outline: none; border-color: #48BFB5; background: #fff; }
.landing-coloclinic .lc-form-group textarea { resize: vertical; min-height: 60px; }
.landing-coloclinic .lc-btn-submit { width: 100%; padding: 13px; background: #1263a5; color: #fff; border: none; border-radius: 4px; font-size: 1rem; font-weight: 700; cursor: pointer; font-family: inherit; transition: all 0.3s; text-transform: uppercase; letter-spacing: 0.5px; }
.landing-coloclinic .lc-btn-submit:hover { background: #0e5290; }
.landing-coloclinic .lc-form-privacy { text-align: center; font-size: 0.75rem; color: #aaa; margin-top: 8px; }
.landing-coloclinic .lc-form-privacy a { color: #1263a5; }
.landing-coloclinic .lc-section-header { text-align: center; max-width: 620px; margin: 0 auto 36px; }
.landing-coloclinic .lc-section-header h2 { font-size: 1.7rem; color: #1263a5; margin-bottom: 6px; }
.landing-coloclinic .lc-section-header h2::after { content: »; display: block; width: 50px; height: 3px; background: #48BFB5; margin: 10px auto 0; }
.landing-coloclinic .lc-section-header p { color: #777; font-size: 0.98rem; }
.landing-coloclinic .lc-servicios { padding: 60px 20px; background: #f1f1f1; }
.landing-coloclinic .lc-servicios-grid { max-width: 1140px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.landing-coloclinic .lc-servicio-card { background: #fff; border-radius: 6px; padding: 28px 22px; text-align: center; border: 1px solid #eee; transition: all 0.3s; position: relative; overflow: hidden; }
.landing-coloclinic .lc-servicio-card:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(18,99,165,0.1); }
.landing-coloclinic .lc-servicio-icon { width: 60px; height: 60px; background: #1263a5; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; color: #fff; font-size: 1.4rem; }
.landing-coloclinic .lc-servicio-card h3 { color: #1263a5; font-size: 1rem; margin-bottom: 8px; }
.landing-coloclinic .lc-servicio-card p { color: #777; font-size: 0.85rem; line-height: 1.5; }
.landing-coloclinic .lc-promos { padding: 60px 20px; background: #fff; }
.landing-coloclinic .lc-promos-grid { max-width: 1140px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.landing-coloclinic .lc-promo-card { background: #fff; border-radius: 6px; padding: 24px; border: 1px solid #eee; border-left: 4px solid #1263a5; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s; }
.landing-coloclinic .lc-promo-card:hover { box-shadow: 0 4px 20px rgba(18,99,165,0.1); }
.landing-coloclinic .lc-promo-card h3 { color: #2B2B2B; font-size: 1rem; margin-bottom: 4px; }
.landing-coloclinic .lc-promo-card p { color: #888; font-size: 0.85rem; }
.landing-coloclinic .lc-promo-price { font-size: 1.5rem; font-weight: 700; color: #1263a5; white-space: nowrap; }
.landing-coloclinic .lc-stats { background: #1263a5; padding: 40px 20px; }
.landing-coloclinic .lc-stats-grid { max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; }
.landing-coloclinic .lc-stat-item { color: #fff; }
.landing-coloclinic .lc-stat-num { font-size: 2.2rem; font-weight: 700; }
.landing-coloclinic .lc-stat-label { font-size: 0.85rem; opacity: 0.8; margin-top: 2px; }
.landing-coloclinic .lc-stat-divider { width: 30px; height: 2px; background: #48BFB5; margin: 6px auto; }
.landing-coloclinic .lc-doctor { padding: 60px 20px; background: #f1f1f1; }
.landing-coloclinic .lc-doctor-inner { max-width: 1140px; margin: 0 auto; display: grid; grid-template-columns: auto 1fr; gap: 40px; align-items: center; }
.landing-coloclinic .lc-doctor-img { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; border: 4px solid #1263a5; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
.landing-coloclinic .lc-doctor-info h3 { color: #1263a5; font-size: 1.4rem; margin-bottom: 4px; }
.landing-coloclinic .lc-doctor-info .lc-specialty { color: #48BFB5; font-weight: 500; font-size: 0.95rem; margin-bottom: 12px; }
.landing-coloclinic .lc-doctor-info p { color: #666; font-size: 0.92rem; margin-bottom: 14px; }
.landing-coloclinic .lc-certs { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.landing-coloclinic .lc-certs img { height: 45px; opacity: 0.7; transition: opacity 0.3s; }
.landing-coloclinic .lc-certs img:hover { opacity: 1; }
.landing-coloclinic .lc-ubicacion { padding: 60px 20px; background: #fff; }
.landing-coloclinic .lc-ubicacion-inner { max-width: 1140px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.landing-coloclinic .lc-ubi-item { display: flex; gap: 14px; margin-bottom: 18px; align-items: flex-start; }
.landing-coloclinic .lc-ubi-icon { width: 40px; height: 40px; background: #1263a5; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; font-size: 0.9rem; }
.landing-coloclinic .lc-ubi-text { font-size: 0.9rem; color: #555; }
.landing-coloclinic .lc-ubi-text strong { display: block; color: #2B2B2B; margin-bottom: 2px; }
.landing-coloclinic .lc-ubi-text a { color: #1263a5; text-decoration: none; }
.landing-coloclinic .lc-mapa { border-radius: 6px; overflow: hidden; height: 350px; border: 1px solid #ddd; }
.landing-coloclinic .lc-mapa iframe { width: 100%; height: 100%; border: 0; }
.landing-coloclinic .lc-cta-final { background: linear-gradient(135deg, #1263a5 0%, #0a4a7a 100%); color: #fff; text-align: center; padding: 50px 20px; }
.landing-coloclinic .lc-cta-final h2 { font-size: 1.7rem; margin-bottom: 8px; color: #fff; }
.landing-coloclinic .lc-cta-final p { opacity: 0.9; margin-bottom: 24px; font-size: 1.05rem; }
.landing-coloclinic .lc-cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.landing-coloclinic .lc-footer { background: #2B2B2B; color: #999; padding: 30px 20px; }
.landing-coloclinic .lc-footer-inner { max-width: 1140px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.landing-coloclinic .lc-footer a { color: #5ad2ca; text-decoration: none; }
.landing-coloclinic .lc-footer-links { display: flex; gap: 20px; font-size: 0.85rem; }
.landing-coloclinic .lc-wa-float { position: fixed; bottom: 24px; right: 24px; width: 58px; height: 58px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(37,211,102,0.4); z-index: 1000; transition: transform 0.3s; text-decoration: none; color: #fff; font-size: 1.6rem; }
.landing-coloclinic .lc-wa-float:hover { transform: scale(1.1); }
@media (max-width: 768px) {
.landing-coloclinic .lc-topbar { display: none; }
.landing-coloclinic .lc-hero-inner { grid-template-columns: 1fr; padding: 30px 20px 40px; gap: 30px; }
.landing-coloclinic .lc-hero h1 { font-size: 1.7rem; }
.landing-coloclinic .lc-hero-form { order: -1; }
.landing-coloclinic .lc-servicios-grid { grid-template-columns: 1fr; }
.landing-coloclinic .lc-promos-grid { grid-template-columns: 1fr; }
.landing-coloclinic .lc-promo-card { flex-direction: column; align-items: flex-start; gap: 8px; }
.landing-coloclinic .lc-stats-grid { grid-template-columns: repeat(2, 1fr); }
.landing-coloclinic .lc-doctor-inner { grid-template-columns: 1fr; text-align: center; }
.landing-coloclinic .lc-doctor-img { margin: 0 auto; }
.landing-coloclinic .lc-ubicacion-inner { grid-template-columns: 1fr; }
.landing-coloclinic .lc-footer-inner { flex-direction: column; text-align: center; }
}
Tu salud digestiva en las mejores manos
Somos especialistas en coloproctologia, endoscopia, colonoscopia y cirugia ambulatoria. Atencion medica de excelencia en la Ciudad de Mexico.
Agenda tu Consulta
Respuesta en menos de 24 horas
Tus datos estan protegidos. Aviso de Privacidad
Nuestros Servicios
Atencion medica integral con tecnologia de vanguardia
Consulta Medica
Evaluacion completa con especialistas certificados. Diagnostico preciso y plan de tratamiento personalizado.
Coloproctologia
Diagnostico y tratamiento de enfermedades del colon, recto y ano con tecnicas minimamente invasivas.
Endoscopia
Estudios de endoscopia digestiva superior con equipo de alta definicion para diagnostico temprano.
Colonoscopia
Deteccion y prevencion de cancer de colon. Procedimiento seguro con sedacion para tu comodidad.
Cirugia Ambulatoria
Cirugias de corta estancia: vesicula, hernias y mas. Te vas a casa el mismo dia.
Cirugia General
Procedimientos quirurgicos con la mas alta calidad y equipo medico de primer nivel.
Promociones
Precios accesibles sin sacrificar calidad medica
Cirugia de Vesicula Biliar
Colecistectomia Laparoscopica – Cirugia ambulatoria
Consulta Especializada
Evaluacion con especialista en coloproctologia
Endoscopia Digestiva
Equipo de alta definicion, sedacion incluida
Colonoscopia Completa
Deteccion temprana de cancer de colon
Dr. Uriel Cruz Calderon
Coloproctologia | Cirugia General
Medico especialista certificado con amplia experiencia en diagnostico y tratamiento de enfermedades del aparato digestivo. Comprometido con brindar atencion medica de excelencia.
Ubicacion
Visitanos en nuestra clinica
Alcaldia Cuauhtemoc, CDMX, C.P. 06760
Sabado: 7:00 – 14:00 hrs
No dejes tu salud para despues
Agenda tu consulta hoy y recibe atencion medica de primer nivel
document.getElementById(‘lcConsultaForm’).addEventListener(‘submit’, function(e) {
e.preventDefault();
var f = e.target;
var nombre = f.nombre.value;
var telefono = f.telefono.value;
var servicio = f.servicio.options[f.servicio.selectedIndex].text;
var mensaje = f.mensaje.value;
var msg = encodeURIComponent(‘Hola, soy ‘ + nombre + ‘.nTelefono: ‘ + telefono + ‘nServicio: ‘ + servicio + (mensaje ? ‘nMensaje: ‘ + mensaje : ») + ‘nnQuiero agendar una consulta.’);
window.open(‘https://wa.me/5215611698540?text=’ + msg, ‘_blank’);
});