{"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-02T18:59:33","modified_gmt":"2026-08-02T16:59:33","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 ULTRA-AGRESIVO PARA VENCER A ASTRA === *\/\n.ast-container,\n.site-content .ast-container,\n.ast-plain-container .ast-container,\n#primary .ast-container,\n#main .ast-container,\n.entry-content .ast-container {\n    max-width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n}\n.site-main, #primary, #main, .entry-content, .ast-page-builder-template .entry-content, #page .site-content {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n.entry-content[data-ast-blocks-layout] > *,\n.ast-plain-container.ast-no-sidebar .entry-content > .alignfull {\n    max-width: none !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n}\nhtml { scroll-behavior: smooth !important; }\n.max-w-6xl { max-width: 1280px !important; }\n\n\/* Men\u00fa fijo con aspecto redondeado \/ burbuja *\/\n.nav-menu {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 9999;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(12px);\n    border-bottom: 1px solid rgba(0,0,0,0.08);\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n}\n\n\/* === MEN\u00da CIRCULAR (enlaces y bot\u00f3n) === *\/\n.nav-menu .text-blue-950 {\n    color: #0c4a6e !important;\n}\n\n.nav-menu .text-blue-700 {\n    color: #1d4ed8 !important;\n}\n\n.nav-menu .text-gray-700 {\n    color: #374151 !important;\n}\n\n.nav-menu a.px-4.py-2.rounded-full {\n    padding: 0.5rem 1rem !important;\n    font-weight: 500;\n    border-radius: 9999px !important;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.nav-menu a.hover\\\\:bg-blue-600.font-medium {\n    background-color: #1e40af !important;\n    color: #ffffff !important;\n    border-radius: 9999px !important;\n    padding: 0.5rem 1rem !important;\n}\n\n.nav-menu a.bg-gradient-to-r.from-blue-600.to-blue-700 {\n    background: linear-gradient(90deg, #1d4ed8, #2563eb) !important;\n    box-shadow: 0 4px 12px rgba(29, 78, 216, 0.3) !important;\n    border-radius: 9999px !important;\n    border: 1px solid rgba(30, 58, 138, 0.6) !important;\n}\n\n\/* Hero con animaci\u00f3n de brillo *\/\n.bg-gradient-to-br.from-blue-800.via-blue-700.to-indigo-700 {\n    background: linear-gradient(135deg, #1e40af, #2563eb, #3b82f6) !important;\n}\n\n@keyframes soft-glow {\n  0%, 100% { box-shadow: 0 0 10px rgba(59, 130, 246, 0.3); }\n  50% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.6); }\n}\n.badge-local {\n  animation: soft-glow 3s infinite;\n}\n\n.text-blue-100 {\n    color: #bfdbfe !important;\n}\n\n\/* Bot\u00f3n principal en HERO (optimizado para conversi\u00f3n) *\/\n.bg-white.text-blue-950 {\n    background: #ffffff !important;\n    color: #0c4a6e !important;\n    transition: all 0.3s ease;\n}\n.bg-white.text-blue-950:hover {\n    background: #f97316 !important;\n    color: #ffffff !important;\n    transform: scale(1.05);\n    box-shadow: 0 20px 40px rgba(249, 115, 22, 0.4);\n}\n\n\/* Bot\u00f3n secundario (Ver proyectos) - m\u00e1s sutil *\/\n.border-2.border-white\/80 {\n    border: 2px solid rgba(255,255,255,0.6) !important;\n    color: #e5e7eb !important;\n    transition: all 0.3s ease;\n}\n.border-2.border-white\/80:hover {\n    border: 2px solid rgba(255,255,255,0.95) !important;\n    background: rgba(255,255,255,0.1) !important;\n    transform: scale(1.03);\n}\n\n\/* Qui\u00e9nes somos *\/\n.text-gray-900 {\n    color: #0f172a !important;\n}\n.text-gray-700 {\n    color: #374151 !important;\n}\n\n\/* Cartas de servicios con animaci\u00f3n *\/\n.bg-white.border.border-gray-100 {\n    border: 1px solid #e5e7eb !important;\n    background: #ffffff !important;\n    transition: all 0.3s ease;\n}\n.bg-white.border.border-gray-100:hover {\n    border: 1px solid #d1d5db !important;\n    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1) !important;\n    transform: translateY(-5px);\n}\n\n.service-icon {\n  transition: transform 0.3s ease;\n}\n.service-card:hover .service-icon {\n  transform: scale(1.15) rotate(5deg);\n}\n\n.font-semibold.text-2xl {\n    color: #0f172a !important;\n}\n.text-gray-600 {\n    color: #4b5563 !important;\n}\n\n\/* Proyectos *\/\n.py-24.bg-gray-50 {\n    background: #f3f4f6 !important;\n}\n\n\/* CTA WhatsApp con animaci\u00f3n *\/\n.bg-gradient-to-r.from-blue-700.to-indigo-700 {\n    background: linear-gradient(90deg, #1d4ed8, #2563eb) !important;\n}\n.text-blue-100 {\n    color: #bfdbfe !important;\n}\n\n@keyframes whatsapp-pulse {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.03); }\n}\n.cta-whatsapp {\n  animation: whatsapp-pulse 2s infinite;\n}\n\n\/* Bot\u00f3n WhatsApp (CTA final - optimizado para acci\u00f3n) *\/\n.bg-white.text-blue-700 {\n    background: #1ebe5b !important;\n    color: #ffffff !important;\n    transition: all 0.3s ease;\n}\n.bg-white.text-blue-700:hover {\n    background: #16a34a !important;\n    color: #ffffff !important;\n    transform: scale(1.05);\n    box-shadow: 0 15px 35px rgba(30, 163, 74, 0.4);\n}\n\n\/* Footer *\/\n.bg-gray-950 {\n    background: #0f172a !important;\n}\n.text-gray-400 {\n    color: #9ca3af !important;\n}\n.text-white {\n    color: #f0f0f0 !important;\n}\n.border-t.border-gray-800 {\n    border-top: 1px solid #1f2937 !important;\n}\n\n\/* Paleta de colores Tailwind (para que no se pisen) *\/\n.text-blue-950 { color: #0c4a6e !important; }\n.text-blue-700  { color: #1d4ed8 !important; }\n.bg-blue-700    { background-color: #1d4ed8 !important; }\n.bg-blue-600    { background-color: #1e40af !important; }\n.bg-blue-800    { background-color: #1e3a8a !important; }\n.text-gray-900  { color: #0f172a !important; }\n.text-gray-700  { color: #374151 !important; }\n.text-gray-600  { color: #4b5563 !important; }\n.text-gray-400  { color: #9ca3af !important; }\n.text-white     { color: #ffffff !important; }\n.bg-gray-50     { background: #f3f4f6 !important; }\n.bg-gray-950    { background: #0f172a !important; }\n.border-gray-800 { border-color: #1f2937 !important; }\n.bg-yellow-300  { background-color: #fdba74 !important; }\n\n\/* === BOT\u00d3N FLOTANTE WHATSAPP (optimizado) === *\/\n.wa-float {\n    position: fixed;\n    right: 20px;\n    bottom: 20px;\n    z-index: 10000;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: #1ebe5b;\n    color: #ffffff !important;\n    padding: 14px 18px;\n    border-radius: 9999px;\n    text-decoration: none !important;\n    font-weight: 700;\n    font-size: 16px;\n    line-height: 1;\n    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.28);\n    border: 1px solid rgba(0, 0, 0, 0.06);\n    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n}\n\n.wa-float:hover {\n    background: #16a34a;\n    color: #ffffff !important;\n    transform: translateY(-2px) scale(1.02);\n    box-shadow: 0 14px 30px rgba(37, 211, 102, 0.34);\n}\n\n.wa-float:active {\n    transform: translateY(0) scale(0.98);\n}\n\n.wa-float svg {\n    width: 22px;\n    height: 22px;\n    flex-shrink: 0;\n}\n\n.wa-float-text {\n    white-space: nowrap;\n}\n\n@media (max-width: 640px) {\n    .wa-float {\n        right: 14px;\n        bottom: 14px;\n        padding: 14px;\n        border-radius: 9999px;\n    }\n\n    .wa-float-text {\n        display: none;\n    }\n\n    .wa-float svg {\n        width: 24px;\n        height: 24px;\n    }\n}\n\n\/* Testimonios *\/\n.testimonial-card {\n  background: #ffffff;\n  border-radius: 1.5rem;\n  padding: 2rem;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  transition: transform 0.3s ease;\n}\n.testimonial-card:hover {\n  transform: translateY(-5px);\n}\n<\/style>\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\">\n  <div class=\"max-w-6xl mx-auto px-6 flex items-center justify-between\">\n    <div class=\"text-3xl font-extrabold text-blue-950 tracking-wide\">\n      De<span class=\"text-blue-700\">Osorno<\/span>.cl\n    <\/div>\n    \n    <div class=\"hidden md:flex items-center gap-8 font-medium text-gray-700\">\n      <a href=\"#inicio\" \n         class=\"px-4 py-2 rounded-full hover:bg-blue-600 hover:text-white transition-all duration-300\">\n        Inicio\n      <\/a>\n      <a href=\"#quienes-somos\" \n         class=\"px-4 py-2 rounded-full hover:bg-blue-600 hover:text-white transition-all duration-300\">\n        Qui\u00e9nes Somos\n      <\/a>\n      <a href=\"#proyectos\" \n         class=\"px-4 py-2 rounded-full hover:bg-blue-600 hover:text-white transition-all duration-300\">\n        Proyectos\n      <\/a>\n      <a href=\"#contacto\" \n         class=\"px-4 py-2 rounded-full hover:bg-blue-600 hover:text-white transition-all duration-300\">\n        Contacto\n      <\/a>\n    <\/div>\n    \n    <a href=\"#contacto\" \n       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\">\n      Cont\u00e1ctanos\n    <\/a>\n  <\/div>\n<\/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\">\n  <!-- Fondo con patr\u00f3n sutil -->\n  <div class=\"absolute inset-0 opacity-10\" style=\"background-image: radial-gradient(circle at 2px 2px, rgba(255,255,255,0.15) 1px, transparent 0); background-size: 32px 32px;\"><\/div>\n  \n  <div class=\"max-w-6xl mx-auto px-6 text-center relative z-10\">\n    <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\">\n      <span class=\"w-3 h-3 bg-emerald-400 rounded-full animate-pulse\"><\/span>\n      Osorno \u2022 Regi\u00f3n de Los Lagos\n    <\/div>\n    \n    <h1 class=\"text-5xl md:text-6xl lg:text-[64px] font-bold leading-tight tracking-tighter mb-10\">\n      <span class=\"text-white\">P\u00e1ginas web que hacen crecer<\/span><br>\n      <span class=\"text-yellow-300\">negocios en Osorno<\/span>\n    <\/h1>\n    \n    <p class=\"max-w-3xl mx-auto text-xl md:text-2xl text-blue-100 mb-14 font-light\">\n      Dise\u00f1amos sitios modernos, r\u00e1pidos y pensados para vender.<br>\n      Ayudamos a restaurantes, turismo, comercios y emprendedores locales<br>\n      a atraer m\u00e1s clientes todos los d\u00edas.\n    <\/p>\n    \n    <div class=\"flex flex-col sm:flex-row gap-6 justify-center\">\n      <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\">\n        Quiero mi p\u00e1gina web <span class=\"text-2xl\">\u2192<\/span>\n      <\/a>\n      <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\">\n        Ver proyectos de clientes\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==================== QUI\u00c9NES SOMOS ==================== -->\n<section id=\"quienes-somos\" class=\"py-28 bg-white relative\">\n  <!-- Patr\u00f3n de fondo sutil -->\n  <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>\n  \n  <div class=\"max-w-6xl mx-auto px-6 relative z-10\">\n    <div class=\"grid md:grid-cols-12 gap-16 items-center\">\n      <div class=\"md:col-span-5\">\n        <h2 class=\"text-5xl font-bold text-gray-900 mb-10\">De Osorno para Osorno<\/h2>\n        <p class=\"text-xl text-gray-700 leading-relaxed mb-6\">\n          Somos una iniciativa local que entiende las necesidades reales de los emprendedores\n          de Osorno y la provincia. Conocemos tu mercado y los desaf\u00edos de crecer en el sur de Chile.\n        <\/p>\n        <p class=\"text-xl text-gray-700 leading-relaxed\">\n          Hemos ayudado a m\u00faltiples negocios y profesionales de la regi\u00f3n a tener su primera web\n          profesional o a mejorar la que ya ten\u00edan, con un enfoque simple: sitios que se entienden,\n          que cargan r\u00e1pido y que est\u00e1n pensados para que te contacten m\u00e1s.\n        <\/p>\n        <p class=\"mt-8 text-lg text-gray-700 font-semibold\">\n          +20 sitios web lanzados para negocios y profesionales de Osorno y la Regi\u00f3n de Los Lagos.\n        <\/p>\n      <\/div>\n      <div class=\"md:col-span-7 grid sm:grid-cols-2 gap-8\">\n        <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\">\n          <div class=\"service-icon text-5xl flex-shrink-0\">\u26a1<\/div>\n          <div>\n            <h3 class=\"font-semibold text-2xl mb-3\">Sitios r\u00e1pidos y modernos<\/h3>\n            <p class=\"text-gray-600\">\n              Dise\u00f1o responsive que se ve excelente en celular, tablet y computador.\n            <\/p>\n          <\/div>\n        <\/div>\n        <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\">\n          <div class=\"service-icon text-5xl flex-shrink-0\">\ud83d\udcbc<\/div>\n          <div>\n            <h3 class=\"font-semibold text-2xl mb-3\">Dise\u00f1ados para vender<\/h3>\n            <p class=\"text-gray-600\">\n              Cada p\u00e1gina est\u00e1 pensada para que los visitantes te escriban, llamen o reserven.\n            <\/p>\n          <\/div>\n        <\/div>\n        <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\">\n          <div class=\"service-icon text-5xl flex-shrink-0\">\ud83d\udd11<\/div>\n          <div>\n            <h3 class=\"font-semibold text-2xl mb-3\">F\u00e1ciles de administrar<\/h3>\n            <p class=\"text-gray-600\">\n              Te entregamos el sitio listo para que lo actualices t\u00fa mismo, sin depender de nadie para cambios simples.\n            <\/p>\n          <\/div>\n        <\/div>\n        <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\">\n          <div class=\"service-icon text-5xl flex-shrink-0\">\ud83e\udd1d<\/div>\n          <div>\n            <h3 class=\"font-semibold text-2xl mb-3\">Soporte local<\/h3>\n            <p class=\"text-gray-600\">\n              Atenci\u00f3n cercana y r\u00e1pida: si necesitas algo, nos escribes y te respondemos el mismo d\u00eda. Estamos en Osorno.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==================== TESTIMONIOS ==================== -->\n<section class=\"py-16 bg-gray-50\">\n  <div class=\"max-w-6xl mx-auto px-6\">\n    <h2 class=\"text-4xl font-bold text-center text-gray-900 mb-12\">\n      Lo que dicen nuestros clientes\n    <\/h2>\n    <div class=\"grid md:grid-cols-3 gap-8\">\n      <div class=\"testimonial-card\">\n        <p class=\"text-gray-700 italic mb-4\">\n          \u00abMi restaurante ahora recibe m\u00e1s reservas online. La web se ve incre\u00edble en el celular y el soporte fue excelente.\u00bb\n        <\/p>\n        <p class=\"font-semibold text-gray-900\">\u2014 Mar\u00eda G., due\u00f1a de restaurante en Osorno<\/p>\n      <\/div>\n      <div class=\"testimonial-card\">\n        <p class=\"text-gray-700 italic mb-4\">\n          \u00abProfesionales, r\u00e1pidos y entendieron perfectamente lo que necesitaba. Mi negocio de turismo ahora tiene m\u00e1s consultas.\u00bb\n        <\/p>\n        <p class=\"font-semibold text-gray-900\">\u2014 Carlos R., agencia de turismo<\/p>\n      <\/div>\n      <div class=\"testimonial-card\">\n        <p class=\"text-gray-700 italic mb-4\">\n          \u00abLa mejor inversi\u00f3n para mi emprendimiento. Ahora tengo presencia online y mis ventas aumentaron un 40%.\u00bb\n        <\/p>\n        <p class=\"font-semibold text-gray-900\">\u2014 Andrea S., tienda de ropa<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ==================== PROYECTOS ==================== -->\n<section id=\"proyectos\" class=\"py-24 bg-gray-50\">\n  <div class=\"max-w-6xl mx-auto px-6\">\n    <div class=\"text-center mb-14\">\n      <div class=\"inline-block bg-blue-100 text-blue-800 px-4 py-2 rounded-full text-sm font-semibold mb-6\">\n        \u2713 +20 proyectos exitosos en Osorno\n      <\/div>\n      <h2 class=\"text-5xl font-bold text-gray-900 mb-4\">Proyectos Destacados<\/h2>\n      <p class=\"text-xl text-gray-600\">\n        Algunos de los trabajos realizados para emprendedores y negocios de Osorno y la regi\u00f3n.\n      <\/p>\n    <\/div>\n    <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>\n    <div class=\"text-center mt-12\">\n      <a href=\"#contacto\" class=\"text-blue-600 hover:text-blue-800 font-medium underline text-lg\">\n        \u00bfQuieres ver m\u00e1s proyectos? Hablemos \u2192\n      <\/a>\n    <\/div>\n  <\/div>\n<\/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\">\n  <!-- Patr\u00f3n de fondo sutil -->\n  <div class=\"absolute inset-0 opacity-10\" style=\"background-image: linear-gradient(45deg, rgba(255,255,255,0.1) 1px, transparent 1px); background-size: 20px 20px;\"><\/div>\n  \n  <div class=\"max-w-4xl mx-auto px-6 relative z-10\">\n    <div class=\"flex items-center justify-center gap-3 text-blue-100 text-lg mb-8\">\n      <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"2\"\/>\n        <path stroke-width=\"2\" d=\"M12 6v6l4 2\"\/>\n      <\/svg>\n      <span>Respuesta en menos de 24 horas<\/span>\n    <\/div>\n    \n    <h2 class=\"text-5xl md:text-6xl font-bold mb-8 leading-tight\">\n      \u00bfQuieres que tu negocio destaque en internet?\n    <\/h2>\n    <p class=\"text-2xl mb-14 text-blue-100\">\n      Cu\u00e9ntanos tu negocio y te enviamos una propuesta personalizada en menos de 24 horas, sin compromiso.\n    <\/p>\n    \n    <a href=\"https:\/\/wa.me\/56942426850\" target=\"_blank\" \n       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\">\n      Hablar por WhatsApp ahora <span class=\"text-4xl\">\u2192<\/span>\n    <\/a>\n    \n    <p class=\"text-blue-100 text-lg mt-8\">\n      \ud83d\udd12 Sin compromiso. Si no te convencemos, no pagas nada.\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- ==================== FOOTER ==================== -->\n<footer class=\"bg-gray-950 text-gray-400 py-20 text-center border-t border-gray-800\">\n  <div class=\"max-w-6xl mx-auto px-6\">\n    <p class=\"text-4xl font-medium text-white mb-4\">DeOsorno.cl<\/p>\n    <p class=\"max-w-md mx-auto text-lg mb-8\">\n      Impulsando el \u00e9xito digital de emprendedores y negocios locales de Osorno y la Regi\u00f3n de Los Lagos.\n    <\/p>\n    \n    <div class=\"flex flex-col md:flex-row justify-center items-center gap-6 text-gray-400\">\n      <a href=\"mailto:contacto@deosorno.cl\" class=\"hover:text-white transition flex items-center gap-2\">\n        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n        <\/svg>\n        contacto@deosorno.cl\n      <\/a>\n      <a href=\"https:\/\/wa.me\/56942426850\" class=\"hover:text-white transition flex items-center gap-2\">\n        <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.008-.57-.008-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n        <\/svg>\n        +56 9 4242 6850\n      <\/a>\n    <\/div>\n    \n    <div class=\"flex justify-center gap-4 mt-8\">\n      <a href=\"#\" class=\"text-gray-400 hover:text-white transition text-2xl\" aria-label=\"Instagram\">\n        \ud83d\udcf7\n      <\/a>\n      <a href=\"#\" class=\"text-gray-400 hover:text-white transition text-2xl\" aria-label=\"LinkedIn\">\n        \ud83d\udcbc\n      <\/a>\n      <a href=\"#\" class=\"text-gray-400 hover:text-white transition text-2xl\" aria-label=\"Facebook\">\n        \ud83d\udc4d\n      <\/a>\n    <\/div>\n    \n    <p class=\"mt-12 text-sm\">\u00a9 2026 DeOsorno.cl \u2022 Hecho con orgullo en Osorno, Chile<\/p>\n  <\/div>\n<\/footer>\n\n<!-- BOT\u00d3N FLOTANTE WHATSAPP -->\n<a href=\"https:\/\/wa.me\/56942426850\"\n   target=\"_blank\"\n   rel=\"noopener noreferrer\"\n   class=\"wa-float\"\n   aria-label=\"Hablar por WhatsApp ahora\">\n  <svg viewBox=\"0 0 32 32\" fill=\"currentColor\" aria-hidden=\"true\">\n    <path d=\"M19.11 17.21c-.29-.14-1.69-.83-1.95-.92-.26-.1-.45-.14-.64.14-.19.29-.73.92-.89 1.11-.16.19-.33.21-.62.07-.29-.14-1.2-.44-2.29-1.42-.85-.75-1.42-1.67-1.59-1.95-.17-.29-.02-.44.12-.58.13-.13.29-.33.43-.5.14-.17.19-.29.29-.48.1-.19.05-.36-.02-.5-.07-.14-.64-1.54-.88-2.11-.23-.55-.47-.47-.64-.48h-.55c-.19 0-.5.07-.76.36-.26.29-1 1-.98 2.43.02 1.43 1.02 2.81 1.17 3 .14.19 2 3.05 4.84 4.27.68.29 1.21.47 1.62.6.68.22 1.29.19 1.77.12.54-.08 1.69-.69 1.93-1.36.24-.67.24-1.24.17-1.36-.07-.12-.26-.19-.55-.33Z\"><\/path>\n    <path d=\"M16.03 3.2c-7.06 0-12.78 5.71-12.78 12.76 0 2.24.59 4.43 1.7 6.36L3.2 28.8l6.66-1.73a12.8 12.8 0 0 0 6.17 1.58h.01c7.05 0 12.77-5.72 12.77-12.77 0-3.42-1.33-6.63-3.75-9.05A12.68 12.68 0 0 0 16.03 3.2Zm0 23.3h-.01a10.6 10.6 0 0 1-5.4-1.48l-.39-.23-3.95 1.03 1.06-3.85-.25-.4a10.57 10.57 0 0 1-1.62-5.62c0-5.85 4.76-10.61 10.61-10.61 2.83 0 5.48 1.1 7.48 3.1a10.5 10.5 0 0 1 3.11 7.5c0 5.85-4.76 10.61-10.61 10.61Z\"><\/path>\n  <\/svg>\n  <span class=\"wa-float-text\">WhatsApp<\/span>\n<\/a>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>DeOsorno.cl Inicio Qui\u00e9nes Somos Proyectos Contacto Cont\u00e1ctanos Osorno \u2022 Regi\u00f3n de Los Lagos P\u00e1ginas web que hacen crecer negocios en [&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":26,"href":"https:\/\/deosorno.cl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/deosorno.cl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/48"}],"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}]}}