Turismo Médico /* RESET */ *{margin:0;padding:0;box-sizing:border-box;} body{ font-family:'Segoe UI', Arial, sans-serif; overflow-x:hidden; } /* HERO */ .hero{ position:relative; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); height:60vh; min-height:420px; overflow:visible; } /* SLIDER */ .swiper, .swiper-wrapper, .swiper-slide{ width:100%; height:100%; } .swiper-slide{ background-size:cover; background-position:center; display:flex; align-items:center; } /* OVERLAY */ .overlay{ position:absolute; width:100%; height:100%; background:linear-gradient(90deg, rgba(0,0,0,0.65) 30%, rgba(0,0,0,0.1) 100%); z-index:1; } /* CONTENIDO */ .hero-content{ position:absolute; left:8%; z-index:2; color:white; max-width:480px; } .hero h1{ font-size:32px; font-weight:500; margin-bottom:8px; } .sub{ font-size:15px; opacity:0.9; } /* CTA */ .cta-box{ position:absolute; bottom:-55px; left:50%; transform:translateX(-50%); background:white; width:90%; max-width:750px; padding:16px 20px; border-radius:12px; box-shadow:0 15px 40px rgba(0,0,0,0.15); display:flex; align-items:center; justify-content:space-between; gap:15px; z-index:10; } .cta-text{ font-size:14px; color:#333; max-width:60%; line-height:1.4; } /* BOTÓN */ .cta-btn{ display:flex; align-items:center; gap:6px; background:#25D366; color:white; padding:12px 18px; border-radius:8px; text-decoration:none; font-weight:500; font-size:14px; white-space:nowrap; transition:0.3s; } .cta-btn:hover{ background:#1ebe5d; transform:scale(1.05); } .cta-btn svg{ width:16px; height:16px; } /* ESPACIO */ .section-after{ height:100px; } /* RESPONSIVE */ @media(max-width:900px){ .hero{ height:auto; } .hero-content{ position:relative; left:auto; padding:70px 20px 20px; } .cta-box{ flex-direction:column; text-align:center; gap:10px; bottom:-50px; } .cta-text{ max-width:100%; } .hero h1{ font-size:24px; } .section-after{ height:120px; } }

Cirugía plástica segura en Medellín

Especialistas certificados para pacientes internacionales

Recibe tu valoración personalizada sin costo.
Contáctanos
new Swiper(".heroSwiper",{ loop:true, effect:"fade", autoplay:{ delay:4000, disableOnInteraction:false }, speed:1200 });
Especialidades /* ===== BASE ===== */ body{ margin:0; font-family: Arial, Helvetica, sans-serif; background:#f5f7fb; } /* ===== TITULO ===== */ .title{ text-align:center; font-size:42px; margin:60px 0 20px; color:#253ea1; } /* ===== GRID ===== */ .services{ max-width:1200px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:25px; padding:40px 20px; } /* ===== CARD ===== */ .card{ background:#fff; border-radius:18px; overflow:hidden; cursor:pointer; box-shadow:0 10px 30px rgba(0,0,0,0.08); transition:.4s; display:flex; flex-direction:column; } .card:hover{ transform:translateY(-8px); } /* IMAGEN */ .card img{ width:100%; height:180px; object-fit:cover; transition:.4s; } .card:hover img{ transform:scale(1.05); } /* CONTENIDO */ .card-header{ padding:20px; border-bottom:1px solid #eee; position:relative; } .card-header h3{ margin:0; color:#253ea1; } /* LINEA ACTIVA */ .card-header::after{ content:""; position:absolute; bottom:0; left:20px; width:0; height:3px; background:#253ea1; transition:.4s; } .card:hover .card-header::after{ width:50px; } /* DESCRIPCIÓN */ .card-body{ max-height:0; overflow:hidden; transition:max-height .5s ease; padding:0 20px; } .card-body p{ color:#555; font-size:15px; line-height:1.6; } /* BOTON */ .btn{ display:inline-block; margin:15px 0 20px; padding:10px 20px; background:#253ea1; color:#fff; border-radius:25px; text-decoration:none; font-size:14px; } /* ACTIVO */ .card.active .card-body{ max-height:200px; } /* RESPONSIVE */ @media(max-width:900px){ .services{ grid-template-columns:1fr; } }

Nuestras Especialidades

Medicina General

Atención integral para diagnóstico, prevención y tratamiento con enfoque humano y profesional.

Consultar

Odontología

Tratamientos odontológicos de alta calidad enfocados en estética y salud oral.

Consultar

Dermatología

Cuidado avanzado de la piel con tratamientos clínicos y estéticos.

Consultar

Cirugía General

Procedimientos seguros con especialistas certificados y tecnología avanzada.

Consultar

Oftalmología

Diagnóstico y tratamiento visual con equipos de última generación.

Consultar

Otras Especialidades

Acceso a múltiples especialidades y ayudas diagnósticas en un solo lugar.

Consultar

Bienestar

Programas enfocados en relajación, salud integral y equilibrio emocional.

Consultar
function toggleCard(card){ card.classList.toggle("active"); }
Planes /* ===== BASE ===== */ body{ margin:0; font-family: Arial, Helvetica, sans-serif; background:#f8f9fc; } /* ===== TITULO ===== */ .title{ text-align:center; font-size:42px; margin:60px 0 10px; color:#253ea1; } .subtitle{ text-align:center; color:#777; margin-bottom:50px; } /* ===== SELECTOR ===== */ .selector{ display:flex; justify-content:center; gap:15px; margin-bottom:40px; } .selector button{ padding:12px 25px; border:none; border-radius:30px; background:#eaeef9; cursor:pointer; transition:.3s; } .selector button.active{ background:#253ea1; color:#fff; } /* ===== CONTENEDOR ===== */ .plan-display{ max-width:900px; margin:auto; background:#fff; border-radius:20px; padding:40px; box-shadow:0 20px 50px rgba(0,0,0,0.08); animation:fade .5s ease; } /* ===== CONTENIDO ===== */ .plan-display h2{ margin:0; color:#253ea1; } .price{ font-size:34px; margin:10px 0 20px; font-weight:bold; } .desc{ color:#666; margin-bottom:25px; } /* LISTA */ .features{ display:grid; grid-template-columns:1fr 1fr; gap:12px; } .features div{ font-size:14px; color:#444; } /* BOTON */ .btn{ display:inline-block; margin-top:30px; padding:12px 30px; background:#253ea1; color:#fff; border-radius:30px; text-decoration:none; } /* ANIMACION */ @keyframes fade{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:translateY(0); } } /* RESPONSIVE */ @media(max-width:768px){ .features{ grid-template-columns:1fr; } }

Experiencias Médicas

Selecciona el plan ideal para ti

const plans = { essential: `

🟢 Essential Care Plan

Desde USD $1,050

Ideal para chequeos, prevención y segunda opinión. Tu puerta de entrada al sistema médico colombiano.

🩺 Consulta médica
🚗 Traslado aeropuerto ⇄ hotel
🏨 Hospedaje premium (3 noches)
🎁 Souvenir
📞 Acompañamiento básico
Consultar `, comfort: `

🔵 Comfort Medical Stay

Desde USD $1,600

El balance perfecto entre atención médica especializada y comodidad.

🩺 Consulta especializada
🚗 Traslados aeropuerto + ciudad
🏨 Hospedaje premium (5 noches)
🎁 Souvenir
🤝 Coordinación médica
Elegir Plan `, premium: `

🟣 Premium Health Experience

Desde USD $2,150

Atención integral sin preocupaciones, diseñada para experiencias médicas avanzadas.

🩺 Valoración especializada
🚗 Traslados completos
🏨 Hospedaje premium (7 noches)
🎁 Souvenir exclusivo
🧭 Concierge médico
📲 Soporte permanente
Ir a Premium ` }; function showPlan(plan, btn){ document.getElementById("planContainer").innerHTML = plans[plan]; document.querySelectorAll(".selector button").forEach(b=>{ b.classList.remove("active"); }); btn.classList.add("active"); } /* CARGA INICIAL */ showPlan('essential', document.querySelector(".selector button"));
Scroll al inicio