{"id":6,"date":"2026-04-19T21:56:34","date_gmt":"2026-04-19T19:56:34","guid":{"rendered":"https:\/\/deosorno.cl\/?page_id=6"},"modified":"2026-08-14T05:30:27","modified_gmt":"2026-08-14T03:30:27","slug":"inicio","status":"publish","type":"page","link":"https:\/\/deosorno.cl\/","title":{"rendered":"inicio"},"content":{"rendered":"\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<style>\n\/* === CSS ORIGINAL Y CONFIGURACI\u00d3N === *\/\n.ast-container,.site-content .ast-container,.ast-plain-container .ast-container,#primary .ast-container,#main .ast-container,.entry-content .ast-container{max-width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important}.site-main,#primary,#main,.entry-content,.ast-page-builder-template .entry-content,#page .site-content{padding:0!important;margin:0!important}.entry-content[data-ast-blocks-layout]>* ,.ast-plain-container.ast-no-sidebar .entry-content>.alignfull{max-width:none!important;margin-left:0!important;margin-right:0!important}html{scroll-behavior:smooth!important}.max-w-6xl{max-width:1280px!important}.nav-menu{position:fixed;top:0;left:0;right:0;z-index:9999;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 4px 24px rgba(0,0,0,.08)}.nav-menu .text-blue-950{color:#0c4a6e!important}.nav-menu .text-blue-700{color:#1d4ed8!important}.nav-menu .text-gray-700{color:#374151!important}.nav-menu a.px-4.py-2.rounded-full{padding:.5rem 1rem!important;font-weight:500;border-radius:9999px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-menu a.hover\\:bg-blue-600.font-medium{background-color:#1e40af!important;color:#fff!important;border-radius:9999px!important;padding:.5rem 1rem!important}.nav-menu a.bg-gradient-to-r.from-blue-600.to-blue-700{background:linear-gradient(90deg,#1d4ed8,#2563eb)!important;box-shadow:0 4px 12px rgba(29,78,216,.3)!important;border-radius:9999px!important;border:1px solid rgba(30,58,138,.6)!important}.bg-gradient-to-br.from-blue-800.via-blue-700.to-indigo-700{background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6)!important}@keyframes soft-glow{0%,100%{box-shadow:0 0 10px rgba(59,130,246,.3)}50%{box-shadow:0 0 20px rgba(59,130,246,.6)}}.badge-local{animation:soft-glow 3s infinite}.text-blue-100{color:#bfdbfe!important}.bg-white.text-blue-950{background:#fff!important;color:#0c4a6e!important;transition:all .3s ease}.bg-white.text-blue-950:hover{background:#f97316!important;color:#fff!important;transform:scale(1.05);box-shadow:0 20px 40px rgba(249,115,22,.4)}.border-2.border-white\\\/80{border:2px solid rgba(255,255,255,.6)!important;color:#e5e7eb!important;transition:all .3s ease}.border-2.border-white\\\/80:hover{border:2px solid rgba(255,255,255,.95)!important;background:rgba(255,255,255,.1)!important;transform:scale(1.03)}.text-gray-900{color:#0f172a!important}.text-gray-700{color:#374151!important}.text-gray-600{color:#4b5563!important}.text-gray-400{color:#9ca3af!important}.text-white{color:#fff!important}.text-blue-950{color:#0c4a6e!important}.text-blue-700{color:#1d4ed8!important}.bg-blue-700{background-color:#1d4ed8!important}.bg-blue-600{background-color:#1e40af!important}.bg-blue-800{background-color:#1e3a8a!important}.bg-gray-50{background:#f3f4f6!important}.bg-gray-950{background:#0f172a!important}.border-gray-800{border-color:#1f2937!important}.bg-yellow-300{background-color:#fdba74!important}.bg-white.border.border-gray-100{border:1px solid #e5e7eb!important;background:#fff!important;transition:all .3s ease}.bg-white.border.border-gray-100:hover{border:1px solid #d1d5db!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.1)!important;transform:translateY(-5px)}.service-icon{transition:transform .3s ease}.service-card:hover .service-icon{transform:scale(1.15) rotate(5deg)}.font-semibold.text-2xl{color:#0f172a!important}.py-24.bg-gray-50{background:#f3f4f6!important}.bg-gradient-to-r.from-blue-700.to-indigo-700{background:linear-gradient(90deg,#1d4ed8,#2563eb)!important}@keyframes whatsapp-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}.cta-whatsapp{animation:whatsapp-pulse 2s infinite}.bg-white.text-blue-700{background:#1ebe5b!important;color:#fff!important;transition:all .3s ease}.bg-white.text-blue-700:hover{background:#16a34a!important;color:#fff!important;transform:scale(1.05);box-shadow:0 15px 35px rgba(30,163,74,.4)}.wa-float{position:fixed;right:20px;bottom:20px;z-index:10000;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#1ebe5b;color:#fff!important;padding:14px 18px;border-radius:9999px;text-decoration:none!important;font-weight:700;font-size:16px;line-height:1;box-shadow:0 10px 25px rgba(37,211,102,.28);border:1px solid rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.wa-float:hover{background:#16a34a;color:#fff!important;transform:translateY(-2px) scale(1.02);box-shadow:0 14px 30px rgba(37,211,102,.34)}.wa-float:active{transform:translateY(0) scale(.98)}.wa-float svg{width:22px;height:22px;flex-shrink:0}.wa-float-text{white-space:nowrap}.testimonial-card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}\n\n\/* === EFECTOS DE REVELADO === *\/\n.fx-reveal{opacity:0;transform:translateY(34px);filter:blur(10px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1),filter .72s cubic-bezier(.22,1,.36,1)}.fx-reveal.fx-visible{opacity:1;transform:none;filter:none}.fx-left{transform:translateX(-38px)}.fx-right{transform:translateX(38px)}.fx-scale{transform:scale(.9)}.fx-reveal.fx-visible.fx-left,.fx-reveal.fx-visible.fx-right,.fx-reveal.fx-visible.fx-scale{transform:none}.fx-stagger:nth-child(1){transition-delay:.08s}.fx-stagger:nth-child(2){transition-delay:.16s}.fx-stagger:nth-child(3){transition-delay:.24s}.fx-stagger:nth-child(4){transition-delay:.32s}\n\n\/* === T\u00cdTULO SALTAR\u00cdN === *\/\n.fx-title .fx-word{display:inline-block;white-space:nowrap;vertical-align:bottom}.fx-title .fx-letter{display:inline-block;opacity:0;transform:translateY(80px) rotate(-12deg) scale(.72);transform-origin:center bottom;will-change:transform,opacity}.fx-title.fx-visible .fx-letter{opacity:1;animation:fx-letter-donk .95s cubic-bezier(.22,1,.36,1) forwards,fx-letter-bounce 1.8s cubic-bezier(.34,1.56,.64,1) calc(var(--fx-index)*40ms + .72s) 1 both}@keyframes fx-letter-donk{0%{opacity:0;transform:translateY(80px) rotate(-12deg) scale(.72)}55%{opacity:1;transform:translateY(-18px) rotate(8deg) scale(1.12)}75%{transform:translateY(8px) rotate(-5deg) scale(.96)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes fx-letter-bounce{0%,100%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-8px) rotate(-4deg) scale(1.04)}50%{transform:translateY(2px) rotate(3deg) scale(.98)}75%{transform:translateY(-4px) rotate(-2deg) scale(1.02)}}\n\n\/* === PRELOADER === *\/\n.fx-loader{position:fixed;inset:0;z-index:10001;background:#0f172a;display:grid;place-items:center;transition:opacity .55s cubic-bezier(.22,1,.36,1),visibility .55s cubic-bezier(.22,1,.36,1)}.fx-loader.fx-done{opacity:0;visibility:hidden;pointer-events:none}.fx-loader-panels{position:absolute;inset:0;display:flex}.fx-loader-panel{flex:1;background:#0f172a;transform:translateY(0);transition:transform .85s cubic-bezier(.22,1,.36,1)}.fx-loader-panel:nth-child(2){transition-delay:70ms}.fx-loader-panel:nth-child(3){transition-delay:140ms}.fx-loader-panel:nth-child(4){transition-delay:210ms}.fx-loader-panel:nth-child(5){transition-delay:280ms}.fx-loader.fx-done .fx-loader-panel{transform:translateY(-101%)}.fx-loader-content{position:relative;z-index:1;color:#fff;text-align:center}.fx-loader-logo{font-size:clamp(2.8rem,9vw,6rem);font-weight:800;letter-spacing:-.06em}.fx-loader-logo span{display:inline-block;opacity:0;transform:translateY(18px) scale(.92);filter:blur(12px);animation:fx-loader-letter .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--fx-index)*60ms)}@keyframes fx-loader-letter{to{opacity:1;transform:none;filter:none}}.fx-loader-bar{width:min(350px,70vw);height:4px;margin:24px auto 0;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.18)}.fx-loader-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#60a5fa,#fdba74,#fff);animation:fx-loader-progress 1.45s cubic-bezier(.22,1,.36,1) forwards}@keyframes fx-loader-progress{to{width:100%}}.fx-ripple{position:absolute;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.45);transform:translate(-50%,-50%) scale(0);animation:fx-ripple .65s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none}@keyframes fx-ripple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}\n\n\/* === ORDEN DE CARGA === *\/\nhtml,body{background:#0f172a!important}body.fx-loading{overflow:hidden!important}body.fx-loading .tailwind-content{visibility:hidden}\n@media (max-width:640px){.wa-float{right:14px;bottom:14px;padding:14px;border-radius:9999px}.wa-float-text{display:none}.wa-float svg{width:24px;height:24px}}\n@media (prefers-reduced-motion:reduce){.fx-reveal{opacity:1;transform:none;filter:none}.fx-title .fx-letter{opacity:1;transform:none;animation:none!important;will-change:auto}.fx-loader,.fx-ripple{display:none}body.fx-loading{overflow:auto!important}body.fx-loading .tailwind-content{visibility:visible}}\n\/* === AJUSTE FINAL DEL T\u00cdTULO === *\/\n\n#inicio h1 .text-white {\n    color: #ffffff !important;\n    text-shadow:\n        0 2px 0 rgba(0,0,0,.10),\n        0 8px 24px rgba(0,0,0,.16);\n}\n\n#inicio h1 .text-yellow-300 {\n    color: #fde68a !important;\n    text-shadow:\n        0 2px 0 rgba(0,0,0,.12),\n        0 8px 24px rgba(0,0,0,.16);\n}\n\n\n\n.fx-title-line {\n    display: inline-block;\n    white-space: nowrap;\n    vertical-align: bottom;\n}\n\n.fx-title .fx-word {\n    display: inline-block;\n    white-space: nowrap;\n    vertical-align: bottom;\n    margin-right: .16em;\n}\n\n.fx-title .fx-letter {\n    margin-right: .025em;\n}\n\n.fx-title .fx-word:last-child,\n.fx-title-line .fx-word:last-child {\n    margin-right: 0;\n}\n\n.fx-title .fx-letter:last-child {\n    margin-right: 0;\n}\n\n\/* === COLOR FORZADO PARA LAS LETRAS ANIMADAS === *\/\n\n#inicio h1.fx-title .fx-letter {\n    color: #ffffff !important;\n    text-shadow:\n        0 2px 0 rgba(0,0,0,.14),\n        0 8px 24px rgba(0,0,0,.18) !important;\n}\n\n\/* Segunda l\u00ednea: negocios en Osorno *\/\n#inicio h1.fx-title .fx-title-line:nth-of-type(2) .fx-letter {\n    color: #fde68a !important;\n    text-shadow:\n        0 2px 0 rgba(0,0,0,.14),\n        0 8px 24px rgba(0,0,0,.18) !important;\n}\n\n\n<\/style>\n\n<div class=\"fx-loader\" id=\"fx-loader\" aria-label=\"Cargando sitio\"><div class=\"fx-loader-panels\"><span class=\"fx-loader-panel\"><\/span><span class=\"fx-loader-panel\"><\/span><span class=\"fx-loader-panel\"><\/span><span class=\"fx-loader-panel\"><\/span><span class=\"fx-loader-panel\"><\/span><\/div><div class=\"fx-loader-content\"><div class=\"fx-loader-logo\" id=\"fx-loader-logo\">DeOsorno.cl<\/div><div class=\"fx-loader-bar\"><i><\/i><\/div><\/div><\/div>\n\n<div class=\"tailwind-content\">\n\n<!-- ==================== MEN\u00da SUPERIOR (CIRCULAR + PROFESIONAL) ==================== -->\n<nav class=\"nav-menu py-5 bg-white\/95 shadow-sm backdrop-blur-md border-b border-gray-200\/60\"><div class=\"max-w-6xl mx-auto px-6 flex items-center justify-between\"><div class=\"text-3xl font-extrabold text-blue-950 tracking-wide\">De<span class=\"text-blue-700\">Osorno<\/span>.cl<\/div><div class=\"hidden md:flex items-center gap-8 font-medium text-gray-700\"><a href=\"#inicio\" class=\"px-4 py-2 rounded-full hover:bg-blue-600 hover:text-white transition-all duration-300\">Inicio<\/a><a href=\"#quienes-somos\" class=\"px-4 py-2 rounded-full hover:bg-blue-600 hover:text-white transition-all duration-300\">Qui\u00e9nes Somos<\/a><a href=\"#proyectos\" class=\"px-4 py-2 rounded-full hover:bg-blue-600 hover:text-white transition-all duration-300\">Proyectos<\/a><a href=\"#contacto\" class=\"px-4 py-2 rounded-full hover:bg-blue-600 hover:text-white transition-all duration-300\">Contacto<\/a><\/div><a href=\"#contacto\" class=\"bg-gradient-to-r from-blue-600 to-blue-700 text-white font-semibold px-8 py-3 rounded-full hover:shadow-lg hover:shadow-blue-500\/30 transition-all duration-300 border border-blue-600\/60\">Cont\u00e1ctanos<\/a><\/div><\/nav>\n\n<!-- ==================== HERO ==================== -->\n<section id=\"inicio\" class=\"bg-gradient-to-br from-blue-800 via-blue-700 to-indigo-700 text-white pt-32 pb-24 md:pt-40 md:pb-32 relative overflow-hidden\"><div class=\"absolute inset-0 opacity-10\" style=\"background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.15) 1px,transparent 0);background-size:32px 32px\"><\/div><div class=\"max-w-6xl mx-auto px-6 text-center relative z-10\"><div class=\"inline-flex items-center gap-3 bg-white\/20 backdrop-blur-xl px-8 py-4 rounded-3xl mb-10 text-sm font-medium border border-white\/40 badge-local\"><span class=\"w-3 h-3 bg-emerald-400 rounded-full animate-pulse\"><\/span>Osorno \u2022 Regi\u00f3n de Los Lagos<\/div><h1 class=\"text-5xl md:text-6xl lg:text-[64px] font-bold leading-tight tracking-tighter mb-10\"><span class=\"text-white\">P\u00e1ginas web que hacen crecer<\/span><br><span class=\"text-yellow-300\">negocios en Osorno<\/span><\/h1><p class=\"max-w-3xl mx-auto text-xl md:text-2xl text-blue-100 mb-14 font-light\">Dise\u00f1amos sitios modernos, r\u00e1pidos y pensados para vender.<br>Ayudamos a restaurantes, turismo, comercios y emprendedores locales<br>a atraer m\u00e1s clientes todos los d\u00edas.<\/p><div class=\"flex flex-col sm:flex-row gap-6 justify-center\"><a href=\"#contacto\" class=\"bg-white text-blue-950 font-semibold text-xl px-16 py-7 rounded-3xl hover:bg-yellow-300 hover:shadow-2xl transition-all shadow-xl inline-flex items-center justify-center gap-2\">Quiero mi p\u00e1gina web <span class=\"text-2xl\">\u2192<\/span><\/a><a href=\"#proyectos\" class=\"border-2 border-white\/80 hover:border-white font-medium text-xl px-14 py-7 rounded-3xl transition-all backdrop-blur-sm\">Ver proyectos de clientes<\/a><\/div><\/div><\/section>\n\n<!-- ==================== QUI\u00c9NES SOMOS ==================== -->\n<section id=\"quienes-somos\" class=\"py-28 bg-white relative\"><div class=\"absolute inset-0 opacity-5\" style=\"background-image:radial-gradient(circle at 2px 2px,#0f172a 1px,transparent 0);background-size:24px 24px\"><\/div><div class=\"max-w-6xl mx-auto px-6 relative z-10\"><div class=\"grid md:grid-cols-12 gap-16 items-center\"><div class=\"md:col-span-5\"><h2 class=\"text-5xl font-bold text-gray-900 mb-10\">De Osorno para Osorno<\/h2><p class=\"text-xl text-gray-700 leading-relaxed mb-6\">Somos una iniciativa local que entiende las necesidades reales de los emprendedores de Osorno y la provincia. Conocemos tu mercado y los desaf\u00edos de crecer en el sur de Chile.<\/p><p class=\"text-xl text-gray-700 leading-relaxed\">Hemos ayudado a m\u00faltiples negocios y profesionales de la regi\u00f3n a tener su primera web profesional o a mejorar la que ya ten\u00edan, con un enfoque simple: sitios que se entienden, que cargan r\u00e1pido y que est\u00e1n pensados para que te contacten m\u00e1s.<\/p><p class=\"mt-8 text-lg text-gray-700 font-semibold\">+20 sitios web lanzados para negocios y profesionales de Osorno y la Regi\u00f3n de Los Lagos.<\/p><\/div><div class=\"md:col-span-7 grid sm:grid-cols-2 gap-8\"><div class=\"service-card group flex gap-6 bg-white border border-gray-100 hover:border-gray-200 p-9 rounded-3xl transition-all hover:shadow-xl\"><div class=\"service-icon text-5xl flex-shrink-0\">\u26a1<\/div><div><h3 class=\"font-semibold text-2xl mb-3\">Sitios r\u00e1pidos y modernos<\/h3><p class=\"text-gray-600\">Dise\u00f1o responsive que se ve excelente en celular, tablet y computador.<\/p><\/div><\/div><div class=\"service-card group flex gap-6 bg-white border border-gray-100 hover:border-gray-200 p-9 rounded-3xl transition-all hover:shadow-xl\"><div class=\"service-icon text-5xl flex-shrink-0\">\ud83d\udcbc<\/div><div><h3 class=\"font-semibold text-2xl mb-3\">Dise\u00f1ados para vender<\/h3><p class=\"text-gray-600\">Cada p\u00e1gina est\u00e1 pensada para que los visitantes te escriban, llamen o reserven.<\/p><\/div><\/div><div class=\"service-card group flex gap-6 bg-white border border-gray-100 hover:border-gray-200 p-9 rounded-3xl transition-all hover:shadow-xl\"><div class=\"service-icon text-5xl flex-shrink-0\">\ud83d\udd11<\/div><div><h3 class=\"font-semibold text-2xl mb-3\">F\u00e1ciles de administrar<\/h3><p class=\"text-gray-600\">Te entregamos el sitio listo para que lo actualices t\u00fa mismo, sin depender de nadie para cambios simples.<\/p><\/div><\/div><div class=\"service-card group flex gap-6 bg-white border border-gray-100 hover:border-gray-200 p-9 rounded-3xl transition-all hover:shadow-xl\"><div class=\"service-icon text-5xl flex-shrink-0\">\ud83e\udd1d<\/div><div><h3 class=\"font-semibold text-2xl mb-3\">Soporte local<\/h3><p class=\"text-gray-600\">Atenci\u00f3n cercana y r\u00e1pida: si necesitas algo, nos escribes y te respondemos el mismo d\u00eda. Estamos en Osorno.<\/p><\/div><\/div><\/div><\/div><\/div><\/section>\n\n<!-- ==================== TESTIMONIOS ==================== -->\n<section class=\"py-16 bg-gray-50\"><div class=\"max-w-6xl mx-auto px-6\"><h2 class=\"text-4xl font-bold text-center text-gray-900 mb-12\">Lo que dicen nuestros clientes<\/h2><div class=\"grid md:grid-cols-3 gap-8\"><div class=\"testimonial-card\"><p class=\"text-gray-700 italic mb-4\">\u00abMi restaurante ahora recibe m\u00e1s reservas online. La web se ve incre\u00edble en el celular y el soporte fue excelente.\u00bb<\/p><p class=\"font-semibold text-gray-900\">\u2014 Mar\u00eda G., due\u00f1a de restaurante en Osorno<\/p><\/div><div class=\"testimonial-card\"><p class=\"text-gray-700 italic mb-4\">\u00abProfesionales, r\u00e1pidos y entendieron perfectamente lo que necesitaba. Mi negocio de turismo ahora tiene m\u00e1s consultas.\u00bb<\/p><p class=\"font-semibold text-gray-900\">\u2014 Carlos R., agencia de turismo<\/p><\/div><div class=\"testimonial-card\"><p class=\"text-gray-700 italic mb-4\">\u00abLa mejor inversi\u00f3n para mi emprendimiento. Ahora tengo presencia online y mis ventas aumentaron un 40%.\u00bb<\/p><p class=\"font-semibold text-gray-900\">\u2014 Andrea S., tienda de ropa<\/p><\/div><\/div><\/div><\/section>\n\n<!-- ==================== PROYECTOS ==================== -->\n<section id=\"proyectos\" class=\"py-24 bg-gray-50\"><div class=\"max-w-6xl mx-auto px-6\"><div class=\"text-center mb-14\"><div class=\"inline-block bg-blue-100 text-blue-800 px-4 py-2 rounded-full text-sm font-semibold mb-6\">\u2713 +20 proyectos exitosos en Osorno<\/div><h2 class=\"text-5xl font-bold text-gray-900 mb-4\">Proyectos Destacados<\/h2><p class=\"text-xl text-gray-600\">Algunos de los trabajos realizados para emprendedores y negocios de Osorno y la regi\u00f3n.<\/p><\/div><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><div class=\"proyectos-catalogo grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n        <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden group hover:shadow-2xl transition-all duration-300\">\n            <div class=\"relative\">\n                <img decoding=\"async\" src=\"https:\/\/s0.wp.com\/mshots\/v1\/https%3A%2F%2Farcawicapi.deosorno.cl%2F?w=800&#038;h=600\" \n                     alt=\"Arcawicapi\" \n                     class=\"w-full h-56 object-cover group-hover:scale-105 transition-transform duration-500\">\n            <\/div>\n            <div class=\"p-6\">\n                <h3 class=\"text-2xl font-semibold mb-3\">Arcawicapi<\/h3>\n                <p class=\"text-gray-600 mb-6 line-clamp-3\">Proyecto desarrollado por Garc\u00eda Ojeda Jos\u00e9 Ignacio<\/p>\n                <a href=\"https:\/\/arcawicapi.deosorno.cl\/\" \n                   target=\"_blank\"\n                   class=\"block w-full text-center bg-blue-600 hover:bg-blue-700 text-white font-medium py-4 rounded-2xl transition-colors\">\n                   Ver proyecto \u2192\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden group hover:shadow-2xl transition-all duration-300\">\n            <div class=\"relative\">\n                <img decoding=\"async\" src=\"https:\/\/s0.wp.com\/mshots\/v1\/http%3A%2F%2Fceviches.deosorno.cl?w=800&#038;h=600\" \n                     alt=\"Ceviches\" \n                     class=\"w-full h-56 object-cover group-hover:scale-105 transition-transform duration-500\">\n            <\/div>\n            <div class=\"p-6\">\n                <h3 class=\"text-2xl font-semibold mb-3\">Ceviches<\/h3>\n                <p class=\"text-gray-600 mb-6 line-clamp-3\">Proyecto desarrollado por Garc\u00eda Ojeda Jos\u00e9 Ignacio<\/p>\n                <a href=\"http:\/\/ceviches.deosorno.cl\" \n                   target=\"_blank\"\n                   class=\"block w-full text-center bg-blue-600 hover:bg-blue-700 text-white font-medium py-4 rounded-2xl transition-colors\">\n                   Ver proyecto \u2192\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden group hover:shadow-2xl transition-all duration-300\">\n            <div class=\"relative\">\n                <img decoding=\"async\" src=\"https:\/\/s0.wp.com\/mshots\/v1\/http%3A%2F%2Finfo.deosorno.cl?w=800&#038;h=600\" \n                     alt=\"Info deOsorno.cl\" \n                     class=\"w-full h-56 object-cover group-hover:scale-105 transition-transform duration-500\">\n            <\/div>\n            <div class=\"p-6\">\n                <h3 class=\"text-2xl font-semibold mb-3\">Info deOsorno.cl<\/h3>\n                <p class=\"text-gray-600 mb-6 line-clamp-3\">Proyecto desarrollado por Garc\u00eda Ojeda Jos\u00e9 Ignacio<\/p>\n                <a href=\"http:\/\/info.deosorno.cl\" \n                   target=\"_blank\"\n                   class=\"block w-full text-center bg-blue-600 hover:bg-blue-700 text-white font-medium py-4 rounded-2xl transition-colors\">\n                   Ver proyecto \u2192\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden group hover:shadow-2xl transition-all duration-300\">\n            <div class=\"relative\">\n                <img decoding=\"async\" src=\"https:\/\/s0.wp.com\/mshots\/v1\/http%3A%2F%2Fmax.deosorno.cl?w=800&#038;h=600\" \n                     alt=\"Max\" \n                     class=\"w-full h-56 object-cover group-hover:scale-105 transition-transform duration-500\">\n            <\/div>\n            <div class=\"p-6\">\n                <h3 class=\"text-2xl font-semibold mb-3\">Max<\/h3>\n                <p class=\"text-gray-600 mb-6 line-clamp-3\">Proyecto desarrollado por Garc\u00eda Ojeda Jos\u00e9 Ignacio<\/p>\n                <a href=\"http:\/\/max.deosorno.cl\" \n                   target=\"_blank\"\n                   class=\"block w-full text-center bg-blue-600 hover:bg-blue-700 text-white font-medium py-4 rounded-2xl transition-colors\">\n                   Ver proyecto \u2192\n                <\/a>\n            <\/div>\n        <\/div><\/div><div class=\"text-center mt-12\"><a href=\"#contacto\" class=\"text-blue-600 hover:text-blue-800 font-medium underline text-lg\">\u00bfQuieres ver m\u00e1s proyectos? Hablemos \u2192<\/a><\/div><\/div><\/section>\n\n<!-- ==================== CTA ==================== -->\n<section id=\"contacto\" class=\"py-32 bg-gradient-to-r from-blue-700 to-indigo-700 text-white text-center relative overflow-hidden\"><div class=\"absolute inset-0 opacity-10\" style=\"background-image:linear-gradient(45deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px\"><\/div><div class=\"max-w-4xl mx-auto px-6 relative z-10\"><div class=\"flex items-center justify-center gap-3 text-blue-100 text-lg mb-8\"><svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"2\"\/><path stroke-width=\"2\" d=\"M12 6v6l4 2\"\/><\/svg><span>Respuesta en menos de 24 horas<\/span><\/div><h2 class=\"text-5xl md:text-6xl font-bold mb-8 leading-tight\">\u00bfQuieres que tu negocio destaque en internet?<\/h2><p class=\"text-2xl mb-14 text-blue-100\">Cu\u00e9ntanos tu negocio y te enviamos una propuesta personalizada en menos de 24 horas, sin compromiso.<\/p><a href=\"https:\/\/wa.me\/56942426850\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-whatsapp inline-flex items-center gap-5 bg-white text-blue-700 font-semibold text-2xl px-16 py-8 rounded-3xl hover:bg-yellow-300 hover:text-blue-900 transition-all shadow-2xl\">Hablar por WhatsApp ahora <span class=\"text-4xl\">\u2192<\/span><\/a><p class=\"text-blue-100 text-lg mt-8\">\ud83d\udd12 Sin compromiso. Si no te convencemos, no pagas nada.<\/p><\/div><\/section>\n\n<!-- ==================== FOOTER ==================== -->\n<footer class=\"bg-gray-950 text-gray-400 py-20 text-center border-t border-gray-800\"><div class=\"max-w-6xl mx-auto px-6\"><p class=\"text-4xl font-medium text-white mb-4\">DeOsorno.cl<\/p><p class=\"max-w-md mx-auto text-lg mb-8\">Impulsando el \u00e9xito digital de emprendedores y negocios locales de Osorno y la Regi\u00f3n de Los Lagos.<\/p><div class=\"flex flex-col md:flex-row justify-center items-center gap-6 text-gray-400\"><a href=\"mailto:contacto@deosorno.cl\" class=\"hover:text-white transition flex items-center gap-2\"><span>\u2709<\/span><span>contacto@deosorno.cl<\/span><\/a><a href=\"https:\/\/wa.me\/56942426850\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition flex items-center gap-2\"><span>\u25c9<\/span><span>+56 9 4242 6850<\/span><\/a><\/div><div class=\"flex justify-center gap-4 mt-8\"><a href=\"#\" class=\"text-gray-400 hover:text-white transition text-2xl\" aria-label=\"Instagram\">\ud83d\udcf7<\/a><a href=\"#\" class=\"text-gray-400 hover:text-white transition text-2xl\" aria-label=\"LinkedIn\">\ud83d\udcbc<\/a><a href=\"#\" class=\"text-gray-400 hover:text-white transition text-2xl\" aria-label=\"Facebook\">\ud83d\udc4d<\/a><\/div><p class=\"mt-12 text-sm\">\u00a9 2026 DeOsorno.cl \u2022 Hecho con orgullo en Osorno, Chile<\/p><\/div><\/footer>\n\n<a href=\"https:\/\/wa.me\/56942426850\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wa-float\" aria-label=\"Hablar por WhatsApp ahora\"><span aria-hidden=\"true\">\u25c9<\/span><span class=\"wa-float-text\">WhatsApp<\/span><\/a>\n\n<\/div>\n\n<script>\n(function(){\n  const root=document.querySelector('.tailwind-content');\n  const loader=document.getElementById('fx-loader');\n  const logo=document.getElementById('fx-loader-logo');\n  if(!root||!loader||!logo)return;\n  const reduceMotion=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  document.body.classList.add('fx-loading');\n  logo.innerHTML=[...logo.textContent].map((char,index)=>`<span style=\"--fx-index:${index}\">${char===' '?'&nbsp;':char}<\/span>`).join('');\n\n  \n\nconst title = root.querySelector('#inicio h1');\n\nif (title) {\n  title.classList.add('fx-title');\n\n  const lines = Array.from(title.children)\n    .filter(element => element.tagName === 'SPAN')\n    .map(element => element.textContent.trim());\n\n  title.textContent = '';\n\n  let index = 0;\n\n  lines.forEach((lineText, lineIndex) => {\n    const line = document.createElement('span');\n\n    line.className = 'fx-title-line';\n\n    lineText.split(\/(\\s+)\/).forEach(part => {\n      if (\/^\\s+$\/.test(part)) {\n        line.appendChild(\n          document.createTextNode(part)\n        );\n        return;\n      }\n\n      const word = document.createElement('span');\n\n      word.className = 'fx-word';\n\n      [...part].forEach(character => {\n        const letter = document.createElement('span');\n\n        letter.className = 'fx-letter';\n        letter.style.setProperty('--fx-index', index++);\n        letter.textContent = character;\n\n        word.appendChild(letter);\n      });\n\n      line.appendChild(word);\n    });\n\n    title.appendChild(line);\n\n    if (lineIndex < lines.length - 1) {\n      title.appendChild(\n        document.createElement('br')\n      );\n    }\n  });\n}\n\n\n\n\n\n  const elements=root.querySelectorAll('.nav-menu,#inicio .badge-local,#inicio p,#inicio .flex.flex-col,#quienes-somos h2,#quienes-somos p,#quienes-somos .service-card,.testimonial-card,#proyectos h2,#proyectos .text-center,#contacto h2,#contacto p,#contacto .cta-whatsapp,.wa-float,footer');\n  elements.forEach((element,index)=>{element.classList.add('fx-reveal');if(element.matches('.nav-menu,#quienes-somos h2'))element.classList.add('fx-left');if(element.matches('#inicio .badge-local,#contacto .cta-whatsapp,.wa-float'))element.classList.add('fx-scale');if(element.matches('.service-card,.testimonial-card'))element.classList.add('fx-stagger');element.style.transitionDelay=`${Math.min(index%4,3)*90}ms`});\n\n  const observer=new IntersectionObserver((entries,observerInstance)=>{entries.forEach(entry=>{if(!entry.isIntersecting)return;entry.target.classList.add('fx-visible');observerInstance.unobserve(entry.target)})},{threshold:.08,rootMargin:'0px 0px -35px 0px'});\n  elements.forEach(element=>observer.observe(element));\n  if(title)observer.observe(title);\n\n  root.querySelectorAll('a,button').forEach(button=>button.addEventListener('click',event=>{if(reduceMotion)return;const rect=button.getBoundingClientRect();const ripple=document.createElement('span');ripple.className='fx-ripple';ripple.style.left=`${event.clientX-rect.left}px`;ripple.style.top=`${event.clientY-rect.top}px`;button.append(ripple);ripple.addEventListener('animationend',()=>ripple.remove())}));\n\n  function finishLoader(){loader.classList.add('fx-done');document.body.classList.remove('fx-loading');const content=document.querySelector('.tailwind-content');if(content)content.style.visibility='visible';elements.forEach(element=>{if(element.getBoundingClientRect().top<window.innerHeight*.9)element.classList.add('fx-visible')});if(title)title.classList.add('fx-visible')}\n  if(reduceMotion)finishLoader();else{window.addEventListener('load',()=>setTimeout(finishLoader,1500));setTimeout(finishLoader,3000)}\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>DeOsorno.cl DeOsorno.cl InicioQui\u00e9nes SomosProyectosContacto Cont\u00e1ctanos Osorno \u2022 Regi\u00f3n de Los Lagos P\u00e1ginas web que hacen crecernegocios en Osorno Dise\u00f1amos sitios [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deosorno.cl\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deosorno.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deosorno.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deosorno.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deosorno.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":35,"href":"https:\/\/deosorno.cl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/deosorno.cl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/deosorno.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}