Llaves.co - Cerrajer\u00eda 24\/7 Medell\u00edn | Servicio Express<\/title>\r\n <meta name=\"description\" content=\"Cerrajer\u00eda profesional 24\/7 en Medell\u00edn. +15 a\u00f1os de experiencia. Llegamos r\u00e1pido, trabajo garantizado. Llaves perdidas, urgencias, sin da\u00f1ar.\">\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%);\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"0.5\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"\/><\/svg>');\r\n animation: float 20s ease-in-out infinite;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n 50% { transform: translateY(-20px) rotate(1deg); }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n color: white;\r\n animation: fadeInUp 1s ease-out;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .logo {\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n margin-bottom: 1rem;\r\n text-shadow: 0 4px 8px rgba(0,0,0,0.3);\r\n background: linear-gradient(45deg, #ffd700, #ffed4a);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3rem;\r\n margin-bottom: 1rem;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n }\r\n\r\n .hero p {\r\n font-size: 1.3rem;\r\n margin-bottom: 2rem;\r\n opacity: 0.95;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .cta-primary {\r\n display: inline-block;\r\n background: linear-gradient(45deg, #25d366, #128c7e);\r\n color: white;\r\n padding: 18px 40px;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0% { box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3); }\r\n 50% { box-shadow: 0 8px 35px rgba(37, 211, 102, 0.5); }\r\n 100% { box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3); }\r\n }\r\n\r\n .cta-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 35px rgba(37, 211, 102, 0.4);\r\n background: linear-gradient(45deg, #128c7e, #25d366);\r\n }\r\n\r\n .emergency-badge {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: #ff4757;\r\n color: white;\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n font-weight: bold;\r\n animation: blink 2s infinite;\r\n z-index: 3;\r\n }\r\n\r\n @keyframes blink {\r\n 0%, 50% { opacity: 1; }\r\n 51%, 100% { opacity: 0.7; }\r\n }\r\n\r\n \/* Services Section *\/\r\n .services {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n margin-bottom: 3rem;\r\n color: #2c3e50;\r\n position: relative;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(45deg, #ffd700, #ffed4a);\r\n display: block;\r\n margin: 20px auto;\r\n border-radius: 2px;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin-top: 50px;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n padding: 40px 30px;\r\n border-radius: 20px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,215,0,0.1), transparent);\r\n transition: 0.5s;\r\n }\r\n\r\n .service-card:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n\r\n .service-icon {\r\n font-size: 3rem;\r\n color: #ffd700;\r\n margin-bottom: 20px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 15px;\r\n color: #2c3e50;\r\n }\r\n\r\n .service-card p {\r\n color: #666;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* Features Section *\/\r\n .features {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 30px;\r\n margin-top: 50px;\r\n }\r\n\r\n .feature-item {\r\n text-align: center;\r\n padding: 30px 20px;\r\n background: rgba(255,255,255,0.1);\r\n border-radius: 15px;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-item:hover {\r\n background: rgba(255,255,255,0.2);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .feature-item i {\r\n font-size: 2.5rem;\r\n margin-bottom: 20px;\r\n color: #ffd700;\r\n }\r\n\r\n .feature-item h4 {\r\n font-size: 1.3rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .cta-section {\r\n padding: 80px 0;\r\n background: linear-gradient(45deg, #ff6b6b, #ee5a24);\r\n text-align: center;\r\n color: white;\r\n position: relative;\r\n }\r\n\r\n .cta-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" fill=\"rgba(255,255,255,0.1)\"><polygon points=\"0,0 1000,100 1000,0\"\/><\/svg>') no-repeat center;\r\n background-size: cover;\r\n }\r\n\r\n .cta-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: 2.8rem;\r\n margin-bottom: 20px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n }\r\n\r\n .cta-section p {\r\n font-size: 1.3rem;\r\n margin-bottom: 30px;\r\n opacity: 0.95;\r\n }\r\n\r\n .whatsapp-btn {\r\n background: #25d366;\r\n color: white;\r\n padding: 20px 50px;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 15px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3);\r\n }\r\n\r\n .whatsapp-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(37, 211, 102, 0.4);\r\n }\r\n\r\n .whatsapp-btn i {\r\n font-size: 1.5rem;\r\n animation: bounce 2s infinite;\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\r\n 40% { transform: translateY(-5px); }\r\n 60% { transform: translateY(-3px); }\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n background: #2c3e50;\r\n color: white;\r\n padding: 50px 0;\r\n text-align: center;\r\n }\r\n\r\n .footer-content {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .footer-section h4 {\r\n font-size: 1.3rem;\r\n margin-bottom: 20px;\r\n color: #ffd700;\r\n }\r\n\r\n .footer-section p, .footer-section a {\r\n color: #bdc3c7;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer-section a:hover {\r\n color: #ffd700;\r\n }\r\n\r\n \/* Floating WhatsApp Button *\/\r\n .floating-whatsapp {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n background: #25d366;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);\r\n z-index: 1000;\r\n animation: float-btn 3s ease-in-out infinite;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .floating-whatsapp:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);\r\n }\r\n\r\n .floating-whatsapp i {\r\n color: white;\r\n font-size: 1.5rem;\r\n }\r\n\r\n @keyframes float-btn {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .hero h1 { font-size: 2.2rem; }\r\n .logo { font-size: 2.5rem; }\r\n .hero p { font-size: 1.1rem; }\r\n .section-title { font-size: 2rem; }\r\n .services-grid { grid-template-columns: 1fr; }\r\n .emergency-badge { top: 10px; right: 10px; padding: 8px 15px; font-size: 0.9rem; }\r\n .floating-whatsapp { bottom: 20px; right: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"emergency-badge\">\r\n <i class=\"fas fa-exclamation-triangle\"><\/i> URGENCIAS 24\/7\r\n <\/div>\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <div class=\"logo\">\ud83d\udd10 LLAVES.CO<\/div>\r\n <h1>Cerrajer\u00eda Express 24\/7<\/h1>\r\n <p>M\u00e1s de 15 a\u00f1os de experiencia en Medell\u00edn y \u00e1rea metropolitana. Llegamos r\u00e1pido, trabajo garantizado, sin da\u00f1ar.<\/p>\r\n <a href=\"https:\/\/wa.me\/573008888881?text=Hola,%20necesito%20servicio%20de%20cerrajer\u00eda%20urgente\" class=\"cta-primary\">\r\n <i class=\"fab fa-whatsapp\"><\/i> LLAMAR AHORA\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"services\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Nuestros Servicios<\/h2>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd11<\/div>\r\n <h3>Llaves Perdidas<\/h3>\r\n <p>Servicio express para llaves perdidas. Llegamos en minutos, abrimos sin da\u00f1ar tu cerradura.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udea8<\/div>\r\n <h3>Urgencias 24\/7<\/h3>\r\n <p>Atenci\u00f3n inmediata las 24 horas. Fin de semana, festivos, madrugada. Siempre disponibles.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <h3>Reparaciones<\/h3>\r\n <p>Reparaci\u00f3n y mantenimiento de cerraduras, cambio de cilindros, instalaci\u00f3n de nuevos sistemas.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfe0<\/div>\r\n <h3>Cerrajer\u00eda Residencial<\/h3>\r\n <p>Especialistas en cerrajer\u00eda para el hogar. Apartamentos, casas, condominios.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfe2<\/div>\r\n <h3>Cerrajer\u00eda Comercial<\/h3>\r\n <p>Soluciones para empresas, oficinas, locales comerciales. Sistemas de alta seguridad.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\ude97<\/div>\r\n <h3>Cerrajer\u00eda Automotriz<\/h3>\r\n <p>Apertura de veh\u00edculos, duplicado de llaves, programaci\u00f3n de controles remotos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"features\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">\u00bfPor Qu\u00e9 Elegirnos?<\/h2>\r\n <div class=\"features-grid\">\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <h4>Llegada R\u00e1pida<\/h4>\r\n <p>Llegamos en minutos a cualquier punto de Medell\u00edn y \u00e1rea metropolitana.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <h4>Trabajo Garantizado<\/h4>\r\n <p>15+ a\u00f1os de experiencia respaldan la calidad de nuestro trabajo.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-tools\"><\/i>\r\n <h4>Sin Da\u00f1ar<\/h4>\r\n <p>T\u00e9cnicas profesionales que preservan la integridad de tus cerraduras.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <h4>Atenci\u00f3n 24\/7<\/h4>\r\n <p>Disponibles todos los d\u00edas del a\u00f1o, las 24 horas del d\u00eda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"cta-section\">\r\n <div class=\"container\">\r\n <div class=\"cta-content\">\r\n <h2>\u00bfNecesitas Ayuda Ahora?<\/h2>\r\n <p>No esperes m\u00e1s. Contacta con nosotros por WhatsApp y resuelve tu problema de inmediato.<\/p>\r\n <a href=\"https:\/\/wa.me\/573008888881?text=Hola,%20necesito%20servicio%20de%20cerrajer\u00eda%20urgente.%20Mi%20ubicaci\u00f3n%20es:\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n CONTACTAR POR WHATSAPP\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-section\">\r\n <h4>Contacto<\/h4>\r\n <p><i class=\"fab fa-whatsapp\"><\/i> +57 300 888 8881<\/p>\r\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Medell\u00edn y \u00e1rea metropolitana<\/p>\r\n <\/div>\r\n <div class=\"footer-section\">\r\n <h4>Horarios<\/h4>\r\n <p>Lunes a Domingo<\/p>\r\n <p>24 horas - Servicio continuo<\/p>\r\n <\/div>\r\n <div class=\"footer-section\">\r\n <h4>Servicios<\/h4>\r\n <p>Cerrajer\u00eda residencial<\/p>\r\n <p>Cerrajer\u00eda comercial<\/p>\r\n <p>Cerrajer\u00eda automotriz<\/p>\r\n <p>Urgencias 24\/7<\/p>\r\n <\/div>\r\n <\/div>\r\n <p>© 2025 Llaves.co - Todos los derechos reservados<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/573008888881?text=Hola,%20necesito%20informaci\u00f3n%20sobre%20sus%20servicios%20de%20cerrajer\u00eda\" class=\"floating-whatsapp\" title=\"Contactar por WhatsApp\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n\r\n <script>\r\n \/\/ Smooth scrolling for internal links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n\r\n \/\/ Add animation on scroll\r\n function animateOnScroll() {\r\n const elements = document.querySelectorAll('.service-card, .feature-item');\r\n \r\n elements.forEach(element => {\r\n const elementTop = element.getBoundingClientRect().top;\r\n const elementVisible = 150;\r\n \r\n if (elementTop < window.innerHeight - elementVisible) {\r\n element.style.opacity = '1';\r\n element.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Initialize elements for animation\r\n document.querySelectorAll('.service-card, .feature-item').forEach(element => {\r\n element.style.opacity = '0';\r\n element.style.transform = 'translateY(30px)';\r\n element.style.transition = 'all 0.6s ease';\r\n });\r\n\r\n window.addEventListener('scroll', animateOnScroll);\r\n animateOnScroll(); \/\/ Run once on load\r\n\r\n \/\/ WhatsApp button click tracking\r\n document.querySelectorAll('a[href*=\"wa.me\"]').forEach(link => {\r\n link.addEventListener('click', function() {\r\n \/\/ You can add analytics tracking here if needed\r\n console.log('WhatsApp button clicked');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Llaves.co – Cerrajer\u00eda 24\/7 Medell\u00edn | Servicio Express URGENCIAS 24\/7 \ud83d\udd10 LLAVES.CO Cerrajer\u00eda Express 24\/7 M\u00e1s de 15 a\u00f1os de experiencia en Medell\u00edn y \u00e1rea metropolitana. Llegamos r\u00e1pido, trabajo garantizado, sin da\u00f1ar. LLAMAR AHORA Nuestros Servicios \ud83d\udd11 Llaves Perdidas Servicio express para llaves perdidas. Llegamos en minutos, abrimos sin da\u00f1ar tu cerradura. \ud83d\udea8 Urgencias 24\/7 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/llaves.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/llaves.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Llaves.co - Cerrajer\u00eda 24\/7 Medell\u00edn | Servicio Express<\/title>\r\n <meta name=\"description\" content=\"Cerrajer\u00eda profesional 24\/7 en Medell\u00edn. +15 a\u00f1os de experiencia. Llegamos r\u00e1pido, trabajo garantizado. Llaves perdidas, urgencias, sin da\u00f1ar.\">\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%);\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"0.5\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"\/><\/svg>');\r\n animation: float 20s ease-in-out infinite;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n 50% { transform: translateY(-20px) rotate(1deg); }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n color: white;\r\n animation: fadeInUp 1s ease-out;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .logo {\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n margin-bottom: 1rem;\r\n text-shadow: 0 4px 8px rgba(0,0,0,0.3);\r\n background: linear-gradient(45deg, #ffd700, #ffed4a);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3rem;\r\n margin-bottom: 1rem;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n }\r\n\r\n .hero p {\r\n font-size: 1.3rem;\r\n margin-bottom: 2rem;\r\n opacity: 0.95;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .cta-primary {\r\n display: inline-block;\r\n background: linear-gradient(45deg, #25d366, #128c7e);\r\n color: white;\r\n padding: 18px 40px;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0% { box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3); }\r\n 50% { box-shadow: 0 8px 35px rgba(37, 211, 102, 0.5); }\r\n 100% { box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3); }\r\n }\r\n\r\n .cta-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 35px rgba(37, 211, 102, 0.4);\r\n background: linear-gradient(45deg, #128c7e, #25d366);\r\n }\r\n\r\n .emergency-badge {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: #ff4757;\r\n color: white;\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n font-weight: bold;\r\n animation: blink 2s infinite;\r\n z-index: 3;\r\n }\r\n\r\n @keyframes blink {\r\n 0%, 50% { opacity: 1; }\r\n 51%, 100% { opacity: 0.7; }\r\n }\r\n\r\n \/* Services Section *\/\r\n .services {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n margin-bottom: 3rem;\r\n color: #2c3e50;\r\n position: relative;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(45deg, #ffd700, #ffed4a);\r\n display: block;\r\n margin: 20px auto;\r\n border-radius: 2px;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin-top: 50px;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n padding: 40px 30px;\r\n border-radius: 20px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,215,0,0.1), transparent);\r\n transition: 0.5s;\r\n }\r\n\r\n .service-card:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n\r\n .service-icon {\r\n font-size: 3rem;\r\n color: #ffd700;\r\n margin-bottom: 20px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 15px;\r\n color: #2c3e50;\r\n }\r\n\r\n .service-card p {\r\n color: #666;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* Features Section *\/\r\n .features {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 30px;\r\n margin-top: 50px;\r\n }\r\n\r\n .feature-item {\r\n text-align: center;\r\n padding: 30px 20px;\r\n background: rgba(255,255,255,0.1);\r\n border-radius: 15px;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-item:hover {\r\n background: rgba(255,255,255,0.2);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .feature-item i {\r\n font-size: 2.5rem;\r\n margin-bottom: 20px;\r\n color: #ffd700;\r\n }\r\n\r\n .feature-item h4 {\r\n font-size: 1.3rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .cta-section {\r\n padding: 80px 0;\r\n background: linear-gradient(45deg, #ff6b6b, #ee5a24);\r\n text-align: center;\r\n color: white;\r\n position: relative;\r\n }\r\n\r\n .cta-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" fill=\"rgba(255,255,255,0.1)\"><polygon points=\"0,0 1000,100 1000,0\"\/><\/svg>') no-repeat center;\r\n background-size: cover;\r\n }\r\n\r\n .cta-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: 2.8rem;\r\n margin-bottom: 20px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n }\r\n\r\n .cta-section p {\r\n font-size: 1.3rem;\r\n margin-bottom: 30px;\r\n opacity: 0.95;\r\n }\r\n\r\n .whatsapp-btn {\r\n background: #25d366;\r\n color: white;\r\n padding: 20px 50px;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 15px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3);\r\n }\r\n\r\n .whatsapp-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(37, 211, 102, 0.4);\r\n }\r\n\r\n .whatsapp-btn i {\r\n font-size: 1.5rem;\r\n animation: bounce 2s infinite;\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\r\n 40% { transform: translateY(-5px); }\r\n 60% { transform: translateY(-3px); }\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n background: #2c3e50;\r\n color: white;\r\n padding: 50px 0;\r\n text-align: center;\r\n }\r\n\r\n .footer-content {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .footer-section h4 {\r\n font-size: 1.3rem;\r\n margin-bottom: 20px;\r\n color: #ffd700;\r\n }\r\n\r\n .footer-section p, .footer-section a {\r\n color: #bdc3c7;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer-section a:hover {\r\n color: #ffd700;\r\n }\r\n\r\n \/* Floating WhatsApp Button *\/\r\n .floating-whatsapp {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n background: #25d366;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);\r\n z-index: 1000;\r\n animation: float-btn 3s ease-in-out infinite;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .floating-whatsapp:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);\r\n }\r\n\r\n .floating-whatsapp i {\r\n color: white;\r\n font-size: 1.5rem;\r\n }\r\n\r\n @keyframes float-btn {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .hero h1 { font-size: 2.2rem; }\r\n .logo { font-size: 2.5rem; }\r\n .hero p { font-size: 1.1rem; }\r\n .section-title { font-size: 2rem; }\r\n .services-grid { grid-template-columns: 1fr; }\r\n .emergency-badge { top: 10px; right: 10px; padding: 8px 15px; font-size: 0.9rem; }\r\n .floating-whatsapp { bottom: 20px; right: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"emergency-badge\">\r\n <i class=\"fas fa-exclamation-triangle\"><\/i> URGENCIAS 24\/7\r\n <\/div>\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <div class=\"logo\">\ud83d\udd10 LLAVES.CO<\/div>\r\n <h1>Cerrajer\u00eda Express 24\/7<\/h1>\r\n <p>M\u00e1s de 15 a\u00f1os de experiencia en Medell\u00edn y \u00e1rea metropolitana. Llegamos r\u00e1pido, trabajo garantizado, sin da\u00f1ar.<\/p>\r\n <a href=\"https:\/\/wa.me\/573008888881?text=Hola,%20necesito%20servicio%20de%20cerrajer\u00eda%20urgente\" class=\"cta-primary\">\r\n <i class=\"fab fa-whatsapp\"><\/i> LLAMAR AHORA\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"services\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Nuestros Servicios<\/h2>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd11<\/div>\r\n <h3>Llaves Perdidas<\/h3>\r\n <p>Servicio express para llaves perdidas. Llegamos en minutos, abrimos sin da\u00f1ar tu cerradura.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udea8<\/div>\r\n <h3>Urgencias 24\/7<\/h3>\r\n <p>Atenci\u00f3n inmediata las 24 horas. Fin de semana, festivos, madrugada. Siempre disponibles.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <h3>Reparaciones<\/h3>\r\n <p>Reparaci\u00f3n y mantenimiento de cerraduras, cambio de cilindros, instalaci\u00f3n de nuevos sistemas.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfe0<\/div>\r\n <h3>Cerrajer\u00eda Residencial<\/h3>\r\n <p>Especialistas en cerrajer\u00eda para el hogar. Apartamentos, casas, condominios.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfe2<\/div>\r\n <h3>Cerrajer\u00eda Comercial<\/h3>\r\n <p>Soluciones para empresas, oficinas, locales comerciales. Sistemas de alta seguridad.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\ude97<\/div>\r\n <h3>Cerrajer\u00eda Automotriz<\/h3>\r\n <p>Apertura de veh\u00edculos, duplicado de llaves, programaci\u00f3n de controles remotos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"features\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">\u00bfPor Qu\u00e9 Elegirnos?<\/h2>\r\n <div class=\"features-grid\">\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <h4>Llegada R\u00e1pida<\/h4>\r\n <p>Llegamos en minutos a cualquier punto de Medell\u00edn y \u00e1rea metropolitana.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <h4>Trabajo Garantizado<\/h4>\r\n <p>15+ a\u00f1os de experiencia respaldan la calidad de nuestro trabajo.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-tools\"><\/i>\r\n <h4>Sin Da\u00f1ar<\/h4>\r\n <p>T\u00e9cnicas profesionales que preservan la integridad de tus cerraduras.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <h4>Atenci\u00f3n 24\/7<\/h4>\r\n <p>Disponibles todos los d\u00edas del a\u00f1o, las 24 horas del d\u00eda.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"cta-section\">\r\n <div class=\"container\">\r\n <div class=\"cta-content\">\r\n <h2>\u00bfNecesitas Ayuda Ahora?<\/h2>\r\n <p>No esperes m\u00e1s. Contacta con nosotros por WhatsApp y resuelve tu problema de inmediato.<\/p>\r\n <a href=\"https:\/\/wa.me\/573008888881?text=Hola,%20necesito%20servicio%20de%20cerrajer\u00eda%20urgente.%20Mi%20ubicaci\u00f3n%20es:\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n CONTACTAR POR WHATSAPP\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-section\">\r\n <h4>Contacto<\/h4>\r\n <p><i class=\"fab fa-whatsapp\"><\/i> +57 300 888 8881<\/p>\r\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Medell\u00edn y \u00e1rea metropolitana<\/p>\r\n <\/div>\r\n <div class=\"footer-section\">\r\n <h4>Horarios<\/h4>\r\n <p>Lunes a Domingo<\/p>\r\n <p>24 horas - Servicio continuo<\/p>\r\n <\/div>\r\n <div class=\"footer-section\">\r\n <h4>Servicios<\/h4>\r\n <p>Cerrajer\u00eda residencial<\/p>\r\n <p>Cerrajer\u00eda comercial<\/p>\r\n <p>Cerrajer\u00eda automotriz<\/p>\r\n <p>Urgencias 24\/7<\/p>\r\n <\/div>\r\n <\/div>\r\n <p>© 2025 Llaves.co - Todos los derechos reservados<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/573008888881?text=Hola,%20necesito%20informaci\u00f3n%20sobre%20sus%20servicios%20de%20cerrajer\u00eda\" class=\"floating-whatsapp\" title=\"Contactar por WhatsApp\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n\r\n <script>\r\n \/\/ Smooth scrolling for internal links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n\r\n \/\/ Add animation on scroll\r\n function animateOnScroll() {\r\n const elements = document.querySelectorAll('.service-card, .feature-item');\r\n \r\n elements.forEach(element => {\r\n const elementTop = element.getBoundingClientRect().top;\r\n const elementVisible = 150;\r\n \r\n if (elementTop < window.innerHeight - elementVisible) {\r\n element.style.opacity = '1';\r\n element.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Initialize elements for animation\r\n document.querySelectorAll('.service-card, .feature-item').forEach(element => {\r\n element.style.opacity = '0';\r\n element.style.transform = 'translateY(30px)';\r\n element.style.transition = 'all 0.6s ease';\r\n });\r\n\r\n window.addEventListener('scroll', animateOnScroll);\r\n animateOnScroll(); \/\/ Run once on load\r\n\r\n \/\/ WhatsApp button click tracking\r\n document.querySelectorAll('a[href*=\"wa.me\"]').forEach(link => {\r\n link.addEventListener('click', function() {\r\n \/\/ You can add analytics tracking here if needed\r\n console.log('WhatsApp button clicked');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Llaves.co – Cerrajer\u00eda 24\/7 Medell\u00edn | Servicio Express URGENCIAS 24\/7 \ud83d\udd10 LLAVES.CO Cerrajer\u00eda Express 24\/7 M\u00e1s de 15 a\u00f1os de experiencia en Medell\u00edn y \u00e1rea metropolitana. Llegamos r\u00e1pido, trabajo garantizado, sin da\u00f1ar. LLAMAR AHORA Nuestros Servicios \ud83d\udd11 Llaves Perdidas Servicio express para llaves perdidas. Llegamos en minutos, abrimos sin da\u00f1ar tu cerradura. \ud83d\udea8 Urgencias 24\/7 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/llaves.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/llaves.co\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/llaves.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}