{"id":2737,"date":"2024-01-29T10:49:26","date_gmt":"2024-01-29T10:49:26","guid":{"rendered":"https:\/\/elinformatico.cat\/?page_id=2737"},"modified":"2026-01-25T04:13:04","modified_gmt":"2026-01-25T04:13:04","slug":"web","status":"publish","type":"page","link":"https:\/\/elinformatico.cat\/ca\/web\/","title":{"rendered":"Creaci\u00f3n P\u00e1gina Web"},"content":{"rendered":"\n<style>\n  \/* --- VARIABLES Y DISE\u00d1O AZUL PRO --- *\/\n  :root {\n    --brand-blue: #00069F;\n    --brand-neon: #B8EF02;\n    --brand-white: #ffffff;\n    --text-main: #333;\n    --bg-gradient: linear-gradient(180deg, #f4f8ff 0%, #ffffff 100%);\n    --whatsapp-green: #25D366; \/* Color oficial WhatsApp *\/\n  }\n\n  \/* --- ANIMACIONES --- *\/\n  @keyframes floatIcon {\n    0% { transform: translateY(0px) rotate(0deg); opacity: 0.05; }\n    50% { transform: translateY(-20px) rotate(10deg); opacity: 0.2; }\n    100% { transform: translateY(0px) rotate(0deg); opacity: 0.05; }\n  }\n\n  \/* --- CONTENEDOR PRINCIPAL --- *\/\n  .web-wrapper {\n    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n    max-width: 1100px;\n    margin: 30px auto;\n    background: var(--bg-gradient);\n    padding: 40px 20px;\n    border-radius: 20px;\n    border: 1px solid #dae1e7;\n    color: var(--text-main);\n    line-height: 1.6;\n    overflow: hidden;\n  }\n\n  \/* --- 1. HERO: TOP 3 GOOGLE --- *\/\n  .hero-box {\n    text-align: center;\n    border: 4px solid var(--brand-blue);\n    background: #fff;\n    border-radius: 16px;\n    padding: 40px 20px;\n    margin-bottom: 50px;\n    position: relative;\n    box-shadow: 0 10px 30px rgba(0, 6, 159, 0.15);\n  }\n  .hero-badge {\n    background: var(--brand-neon); color: var(--brand-blue);\n    padding: 8px 25px; font-weight: 900; text-transform: uppercase;\n    border-radius: 50px; position: absolute; top: -15px; left: 50%;\n    transform: translateX(-50%); font-size: 0.9rem; letter-spacing: 1px;\n    box-shadow: 0 5px 15px rgba(184, 239, 2, 0.4);\n  }\n  .hero-title {\n    color: var(--brand-blue); font-weight: 900; font-size: 2.2rem;\n    margin: 10px 0; text-transform: uppercase; line-height: 1.1;\n  }\n  .hero-subtitle {\n    font-size: 1.1rem; color: #555; max-width: 800px; margin: 0 auto 25px auto;\n  }\n  .proof-btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: #f0f4ff; border: 2px solid #dae1e7;\n    padding: 12px 25px; border-radius: 50px; cursor: pointer;\n    color: #444; font-weight: 700; font-size: 0.9rem; margin: 5px;\n    transition: 0.2s; text-decoration: none;\n  }\n  .proof-btn:hover {\n    border-color: #4285F4; color: #4285F4; background: #fff;\n    box-shadow: 0 5px 15px rgba(66, 133, 244, 0.2);\n  }\n\n  \/* --- 2. SLIDER --- *\/\n  .slider-section { margin-bottom: 50px; }\n  .slider-title {\n    text-align: center; color: var(--brand-blue); font-weight: 900;\n    margin-bottom: 20px; text-transform: uppercase; font-size: 1.6rem;\n  }\n  .slider-container {\n    display: flex; overflow-x: auto; gap: 20px;\n    padding: 20px 5px 40px 5px; scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n  }\n  .slider-container::-webkit-scrollbar { height: 6px; }\n  .slider-container::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; }\n  .slider-container::-webkit-scrollbar-track { background: transparent; }\n  .slide-card {\n    min-width: 280px; max-width: 280px; background: #fff;\n    border: 1px solid #e0e0e0; border-radius: 16px; padding: 25px;\n    scroll-snap-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n    display: flex; flex-direction: column; transition: transform 0.3s;\n    border-top: 5px solid var(--brand-blue);\n  }\n  .slide-card:hover { transform: translateY(-5px); }\n  .slide-card.training { border-top-color: var(--brand-neon); background: #fafcff; }\n  .slide-icon { font-size: 2rem; margin-bottom: 15px; }\n  .slide-title { font-weight: 800; color: var(--brand-blue); font-size: 1.1rem; margin-bottom: 10px; text-transform: uppercase; }\n  .slide-text { font-size: 0.9rem; color: #555; line-height: 1.5; }\n\n  \/* --- 3. TECNOLOG\u00cdA --- *\/\n  .tech-box {\n    background: #fff; border: 2px dashed #ccc; border-radius: 16px;\n    padding: 40px 30px; margin-bottom: 50px; text-align: center;\n  }\n  .tech-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; margin-top: 30px; }\n  .tech-item { flex: 1; min-width: 280px; text-align: left; }\n  .tech-head { font-weight: 800; color: var(--brand-blue); margin-bottom: 10px; display: block; font-size: 1.2rem; }\n  .gutenberg-highlight {\n      background: #f0f7ff; padding: 15px; border-radius: 8px; border-left: 4px solid var(--brand-blue); margin-top: 10px; font-size: 0.9rem; color: #444; font-weight: 600;\n  }\n\n  \/* --- 4. TIPOS DE NEGOCIO --- *\/\n  .types-section { margin-bottom: 40px; }\n  .types-grid { \n    display: grid; \n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); \n    gap: 15px; \n  }\n  .type-card {\n    background: #fff; border: 1px solid #dae1e7; border-radius: 10px; padding: 15px;\n    text-align: left; transition: 0.2s; display: flex; flex-direction: column;\n  }\n  .type-card:hover { border-color: var(--brand-blue); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.05); }\n  .type-icon { font-size: 1.5rem; display: block; margin-bottom: 8px; }\n  .type-name { font-weight: 800; color: var(--brand-blue); display: block; margin-bottom: 5px; font-size: 0.9rem; line-height:1.2; }\n  .type-desc { font-size: 0.75rem; color: #666; line-height: 1.35; }\n\n  \/* --- 5. CAJA IDEA IMPOSIBLE --- *\/\n  .custom-code-box {\n    background: linear-gradient(135deg, #00069F 0%, #000333 100%);\n    color: #fff; border-radius: 16px; padding: 40px 30px; margin-bottom: 50px;\n    text-align: center; position: relative; overflow: hidden;\n    border: 1px solid var(--brand-blue);\n  }\n  .custom-code-box::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--brand-neon); z-index: 2;\n  }\n  .custom-title { font-size: 1.4rem; font-weight: 900; color: var(--brand-neon); text-transform: uppercase; margin-bottom: 15px; position: relative; z-index: 2; }\n  .custom-text { font-size: 1rem; color: #e0e0e0; max-width: 800px; margin: 0 auto; line-height: 1.6; position: relative; z-index: 2; }\n  \n  .bg-float-icon {\n    position: absolute; color: #fff; font-weight: 900; pointer-events: none;\n    animation: floatIcon 6s infinite ease-in-out; font-family: monospace;\n  }\n  .bf-1 { top: 10%; left: 5%; font-size: 3rem; animation-delay: 0s; }\n  .bf-2 { bottom: 15%; right: 10%; font-size: 4rem; animation-delay: 2s; }\n  .bf-3 { top: 20%; right: 20%; font-size: 2rem; animation-delay: 1s; opacity:0.1; }\n  .bf-4 { bottom: 10%; left: 15%; font-size: 2.5rem; animation-delay: 3s; }\n\n  \/* --- 6. PRECIOS --- *\/\n  .pricing-row { display: flex; gap: 20px; margin-bottom: 50px; flex-wrap: wrap; justify-content: center; }\n  .plan-box {\n    flex: 1; min-width: 300px; max-width: 450px;\n    background: #fff; border: 1px solid #ddd; border-radius: 16px;\n    overflow: hidden; display: flex; flex-direction: column;\n  }\n  .plan-box.premium {\n    border: 3px solid var(--brand-blue); transform: scale(1.02);\n    box-shadow: 0 15px 40px rgba(0, 6, 159, 0.15); z-index: 5;\n  }\n  .plan-header { padding: 30px; text-align: center; background: #f9f9f9; border-bottom: 1px solid #eee; }\n  .plan-box.premium .plan-header { background: var(--brand-blue); }\n  .plan-title { margin: 0; font-size: 1.4rem; font-weight: 800; color: #444; }\n  .plan-box.premium .plan-title { color: #ffffff !important; }\n  .plan-price { font-size: 3rem; font-weight: 900; color: var(--brand-blue); margin: 10px 0; }\n  .plan-box.premium .plan-price { color: #fff; }\n  .features-list { padding: 25px; list-style: none; margin: 0; }\n  .features-list li { margin-bottom: 12px; padding-left: 25px; position: relative; font-size: 0.95rem; color: #555; font-weight: 600; }\n  .features-list li::before { content: '\u2714'; color: var(--brand-blue); position: absolute; left: 0; font-weight: 900; }\n  .plan-box.premium .features-list li::before { color: var(--brand-neon); }\n  \n  .btn-plan {\n    display: block; margin: 0 25px 25px 25px; padding: 15px; text-align: center;\n    border-radius: 50px; text-decoration: none; font-weight: 800; text-transform: uppercase;\n  }\n  .btn-basic { background: #eee; color: #444; }\n  .btn-pro { background: var(--brand-neon); color: var(--brand-blue); }\n\n  \/* --- 7. EXTRAS --- *\/\n  .extras-wrapper { margin-bottom: 40px; }\n  .extras-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }\n  .extra-card { background: #f4f8ff; border: 1px solid var(--brand-blue); border-radius: 12px; padding: 20px; }\n  .extra-price { font-size: 1.5rem; font-weight: 900; color: var(--brand-blue); display: block; margin-bottom: 5px; }\n  .extra-title { font-weight: 800; color: #333; margin-bottom: 5px; display: block; }\n  .extra-desc { font-size: 0.9rem; color: #666; }\n\n  \/* --- 8. FAQ --- *\/\n  .faq-section { margin-bottom: 50px; }\n  .faq-title { text-align: center; color: var(--brand-blue); font-weight: 900; text-transform: uppercase; margin-bottom: 20px; }\n  details.faq-item { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 10px; overflow: hidden; }\n  details.faq-item[open] { border-color: var(--brand-blue); box-shadow: 0 4px 10px rgba(0,0,0,0.05); }\n  summary.faq-q {\n    padding: 15px 20px; cursor: pointer; font-weight: 700; color: #444;\n    display: flex; justify-content: space-between; align-items: center; list-style: none;\n  }\n  summary.faq-q::after { content: '+'; color: var(--brand-blue); font-size: 1.5rem; font-weight: 800; }\n  details[open] summary.faq-q::after { content: '-'; }\n  .faq-a { padding: 0 20px 20px 20px; font-size: 0.95rem; color: #666; border-top: 1px solid #f0f0f0; margin-top: 10px; padding-top: 15px; }\n\n  \/* --- 9. BOTONES FINALES --- *\/\n  .final-area { text-align: center; margin-top: 50px; }\n  .btn-round-final {\n    background-color: var(--brand-blue); color: #fff;\n    font-size: 1.3rem; font-weight: 900; text-transform: uppercase; text-decoration: none;\n    padding: 22px 50px; border-radius: 100px; display: inline-block;\n    box-shadow: 0 10px 30px rgba(0, 6, 159, 0.3);\n    transition: transform 0.2s;\n  }\n  .btn-round-final:hover { transform: scale(1.05); }\n\n  \/* NUEVO: ESTILO BOT\u00d3N WHATSAPP *\/\n  .btn-whatsapp-mid {\n    background-color: var(--whatsapp-green); color: #fff;\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 15px 30px; border-radius: 50px; text-decoration: none;\n    font-weight: 800; text-transform: uppercase; font-size: 1rem;\n    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);\n    transition: 0.2s; margin-top: 30px;\n  }\n  .btn-whatsapp-mid:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(37, 211, 102, 0.4); }\n\n  .btn-whatsapp-footer {\n    display: inline-block; margin-top: 20px;\n    color: var(--whatsapp-green); font-weight: 800; text-decoration: none;\n    border: 2px solid var(--whatsapp-green); padding: 10px 25px; border-radius: 50px;\n    transition: 0.2s;\n  }\n  .btn-whatsapp-footer:hover { background: var(--whatsapp-green); color: #fff; }\n\n  @media (max-width: 768px) {\n    .plan-box.premium { transform: scale(1); margin-top: 20px; }\n    .hero-title { font-size: 1.8rem; }\n  }\n<\/style>\n\n<div class=\"web-wrapper\">\n\n  <div class=\"hero-box\">\n    <div class=\"hero-badge\">\ud83c\udfc6 Resultados Demostrables<\/div>\n    <h1 class=\"hero-title\">Somos el N\u00ba1 en Google<\/h1>\n    <h3 style=\"color:var(--brand-blue); margin:0 0 15px 0; text-transform:uppercase;\">(Siempre en el Top 3)<\/h3>\n    <p class=\"hero-subtitle\">\n      No vendemos humo. Vendemos <strong>c\u00f3digo limpio<\/strong> que le encanta a Google.\n      <br>Haz clic abajo para verificar nuestro posicionamiento en vivo:\n    <\/p>\n    <div>\n      <button class=\"proof-btn\" onclick=\"forceNewTab('https:\/\/www.google.com\/search?q=comprar+photoshop+2026')\">\n        \ud83d\udd0d \u00abComprar Photoshop 2026\u00bb\n      <\/button>\n      <button class=\"proof-btn\" onclick=\"forceNewTab('https:\/\/www.google.com\/search?q=esta+aplicacion+de+adobe')\">\n        \ud83d\udd0d \u00abEsta aplicaci\u00f3n de Adobe\u00bb\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"slider-section\">\n    <h2 class=\"slider-title\">\u00bfC\u00f3mo funciona tu Web?<\/h2>\n    <p style=\"text-align:center; margin-bottom:20px; color:#666;\">Desliza para ver todo el proceso y beneficios<\/p>\n    \n    <div class=\"slider-container\">\n      <div class=\"slide-card\">\n        <div class=\"slide-icon\">\ud83d\udcdd<\/div>\n        <div class=\"slide-title\">1. Captamos tu idea<\/div>\n        <div class=\"slide-text\">Al comprar, contactamos contigo. Te pasamos un formulario sencillo para que nos digas tus colores, idea y textos. Si no tienes nada, te ayudamos a crearlo.<\/div>\n      <\/div>\n      <div class=\"slide-card\">\n        <div class=\"slide-icon\">\ud83c\udfa8<\/div>\n        <div class=\"slide-title\">2. Pizarra Virtual<\/div>\n        <div class=\"slide-text\">Incluimos una reuni\u00f3n de 45 min. Usamos una \u00abPizarra Online\u00bb para dibujar tu web contigo si no sabes explicarte con palabras t\u00e9cnicas.<\/div>\n      <\/div>\n      <div class=\"slide-card\">\n        <div class=\"slide-icon\">\u26a1<\/div>\n        <div class=\"slide-title\">3. Creaci\u00f3n H\u00edbrida<\/div>\n        <div class=\"slide-text\">Usamos el motor WordPress (f\u00e1cil para ti) + Programaci\u00f3n a mano (C\u00f3digo) para que la web cargue instant\u00e1nea. Nada de plantillas lentas.<\/div>\n      <\/div>\n      <div class=\"slide-card\">\n        <div class=\"slide-icon\">\ud83d\udddd\ufe0f<\/div>\n        <div class=\"slide-title\">4. Propiedad Total<\/div>\n        <div class=\"slide-text\">En 3 a 5 d\u00edas te entregamos las llaves. La web es tuya para siempre. Te damos toda la documentaci\u00f3n y claves. Sin ataduras.<\/div>\n      <\/div>\n      <div class=\"slide-card training\">\n        <div class=\"slide-icon\">\ud83c\udf93<\/div>\n        <div class=\"slide-title\">Extra: Formaci\u00f3n 1 a 1<\/div>\n        <div class=\"slide-text\"><strong>\u00bfQuieres aprender?<\/strong> Por solo 39\u20ac te damos una clase de 1h por Zoom para ense\u00f1arte a editar tu web, cambiar precios y gestionar pedidos.<\/div>\n      <\/div>\n      <div class=\"slide-card\">\n        <div class=\"slide-icon\">\ud83d\udcda<\/div>\n        <div class=\"slide-title\">Documentaci\u00f3n F\u00e1cil<\/div>\n        <div class=\"slide-text\">Te entregamos gu\u00edas visuales \u00abpaso a paso\u00bb. Est\u00e1n hechas para gente que no sabe inform\u00e1tica, muy intuitivas.<\/div>\n      <\/div>\n      <div class=\"slide-card\">\n        <div class=\"slide-icon\">\ud83d\udee1\ufe0f<\/div>\n        <div class=\"slide-title\">Paz Mental<\/div>\n        <div class=\"slide-text\">Si prefieres olvidarte de actualizaciones y seguridad, tenemos planes de mantenimiento desde 99\u20ac\/mes. Nosotros somos tu equipo t\u00e9cnico.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"tech-box\">\n    <h3 style=\"color:var(--brand-blue); margin-top:0; text-transform:uppercase;\">\u00bfQu\u00e9 tecnolog\u00eda usamos y por qu\u00e9 importa?<\/h3>\n    <p style=\"color:#666;\">La clave para que Google te ponga el primero y t\u00fa tengas libertad total.<\/p>\n    <div class=\"tech-grid\">\n      <div class=\"tech-item\">\n        <span class=\"tech-head\">\ud83d\udc99 WordPress (El Est\u00e1ndar Mundial)<\/span>\n        <p style=\"font-size:0.95rem; color:#555; margin-bottom:10px;\">Usamos WordPress porque lo usa <strong>m\u00e1s del 80% de la gente<\/strong>. Es el sistema operativo de internet.<\/p>\n        <p style=\"font-size:0.9rem; color:#666;\"><strong>\u00bfQu\u00e9 significa para ti?<\/strong> Que tu web es universal. Cualquier ingeniero del mundo sabe arreglarla o mejorarla en el futuro. Nunca estar\u00e1s \u00absecuestrado\u00bb por una empresa rara. Es libertad total.<\/p>\n      <\/div>\n      <div class=\"tech-item\">\n        <span class=\"tech-head\">\ud83d\ude80 Gutenberg + C\u00f3digo Nativo<\/span>\n        <p style=\"font-size:0.95rem; color:#555; margin-bottom:10px;\">Mientras otros usan \u00abconstructores visuales\u00bb que hacen la web lenta y pesada, nosotros programamos con <strong>Gutenberg<\/strong>.<\/p>\n        <div class=\"gutenberg-highlight\">\u2b50 <strong>EL VALOR OCULTO:<\/strong> Gutenberg es el lenguaje que Google entiende mejor. Al usarlo, Google lee tu web m\u00e1s r\u00e1pido y te coloca antes en los resultados cuando alguien busca tus servicios.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"types-section\">\n    <h2 style=\"text-align:center; color:var(--brand-blue); text-transform:uppercase; margin-bottom:30px; font-weight:900;\">\u00bfEsto sirve para mi idea?<\/h2>\n    <div class=\"types-grid\">\n      <div class=\"type-card\">\n        <span class=\"type-icon\">\ud83d\udecd\ufe0f<\/span>\n        <span class=\"type-name\">Tiendas Online<\/span>\n        <span class=\"type-desc\">Venta de productos f\u00edsicos o digitales.<\/span>\n      <\/div>\n      <div class=\"type-card\">\n        <span class=\"type-icon\">\ud83d\udcbc<\/span>\n        <span class=\"type-name\">Profesionales<\/span>\n        <span class=\"type-desc\">Abogados, psic\u00f3logos, consultores.<\/span>\n      <\/div>\n      <div class=\"type-card\">\n        <span class=\"type-icon\">\ud83d\udcc5<\/span>\n        <span class=\"type-name\">Reservas<\/span>\n        <span class=\"type-desc\">Restaurantes, Cl\u00ednicas, Peluquer\u00edas.<\/span>\n      <\/div>\n      <div class=\"type-card\">\n        <span class=\"type-icon\">\ud83c\udf93<\/span>\n        <span class=\"type-name\">Academias<\/span>\n        <span class=\"type-desc\">Venta de cursos y \u00e1rea de alumnos.<\/span>\n      <\/div>\n      <div class=\"type-card\">\n        <span class=\"type-icon\">\ud83c\udfe0<\/span>\n        <span class=\"type-name\">Inmobiliarias<\/span>\n        <span class=\"type-desc\">Cat\u00e1logo de propiedades y filtros.<\/span>\n      <\/div>\n      <div class=\"type-card\">\n        <span class=\"type-icon\">\ud83c\udf7d\ufe0f<\/span>\n        <span class=\"type-name\">Restaurantes<\/span>\n        <span class=\"type-desc\">Men\u00fa digital y pedidos a domicilio.<\/span>\n      <\/div>\n      <div class=\"type-card\">\n        <span class=\"type-icon\">\ud83d\ude80<\/span>\n        <span class=\"type-name\">Landing Page<\/span>\n        <span class=\"type-desc\">Web de una p\u00e1gina para publicidad.<\/span>\n      <\/div>\n      <div class=\"type-card\">\n        <span class=\"type-icon\">\u270d\ufe0f<\/span>\n        <span class=\"type-name\">Blog \/ Marca<\/span>\n        <span class=\"type-desc\">Para influencers o creaci\u00f3n de contenido.<\/span>\n      <\/div>\n    <\/div>\n\n    <div style=\"text-align:center;\">\n      <a href=\"https:\/\/wa.me\/34630264609\" class=\"btn-whatsapp-mid\">\n        \ud83d\udcac \u00bfNo ves tu idea? Preg\u00fantanos por WhatsApp\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <h2 style=\"text-align:center; color:var(--brand-blue); font-weight:900; text-transform:uppercase;\">Tu Negocio Empieza Aqu\u00ed<\/h2>\n  \n  <div class=\"pricing-row\">\n    <div class=\"plan-box\">\n      <div class=\"plan-header\">\n        <h3 class=\"plan-title\">WEB PROFESIONAL<\/h3>\n        <div class=\"plan-price\">699\u20ac<\/div>\n        <span style=\"color:#888;\">IVA incluido (Pago \u00danico)<\/span>\n      <\/div>\n      <ul class=\"features-list\">\n        <li>Web completa lista para vender.<\/li>\n        <li>Dise\u00f1o \u00fanico (Sin plantillas).<\/li>\n        <li>Propiedad total (Es tuya).<\/li>\n        <li>Adaptada a m\u00f3viles y Google.<\/li>\n        <li>Documentaci\u00f3n f\u00e1cil incluida.<\/li>\n      <\/ul>\n      <a href=\"https:\/\/elinformatico.cat\/producto\/web\/\" class=\"btn-plan btn-basic\">CONTRATAR<\/a>\n    <\/div>\n\n    <div class=\"plan-box premium\">\n      <div class=\"plan-header\">\n        <div style=\"color:#fff; background:rgba(0,0,0,0.2); padding:4px 12px; border-radius:20px; font-size:0.75rem; display:inline-block; margin-bottom:5px;\">RECOMENDADO<\/div>\n        <h3 class=\"plan-title\">PREMIUM IA + BOTS<\/h3>\n        <div class=\"plan-price\">899\u20ac<\/div>\n        <span style=\"color:rgba(255,255,255,0.8);\">IVA incluido (Pago \u00danico)<\/span>\n      <\/div>\n      <ul class=\"features-list\">\n        <li><strong>Todo lo del plan B\u00e1sico.<\/strong><\/li>\n        <li>\ud83e\udd16 <strong>BOT CONECTADO A WEB:<\/strong> La web env\u00eda los datos al Bot y automatiza ventas 24\/7.<\/li>\n        <li>\ud83d\udcca <strong>Informes:<\/strong> Te decimos qui\u00e9n te visita.<\/li>\n        <li>\ud83d\udd04 <strong>Mejora Continua:<\/strong> Reuni\u00f3n mensual.<\/li>\n        <li>\ud83e\udde9 Integraciones complejas con descuento.<\/li>\n      <\/ul>\n      <a href=\"https:\/\/elinformatico.cat\/producto\/web\/\" class=\"btn-plan btn-pro\">CONTRATAR PREMIUM<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"custom-code-box\">\n    <div class=\"bg-float-icon bf-1\">&lt;\/&gt;<\/div>\n    <div class=\"bg-float-icon bf-2\">{ }<\/div>\n    <div class=\"bg-float-icon bf-3\">#<\/div>\n    <div class=\"bg-float-icon bf-4\">01<\/div>\n\n    <div class=\"custom-title\">\ud83d\udca1 \u00bfTIENES UNA IDEA \u00abIMPOSIBLE\u00bb?<\/div>\n    <p class=\"custom-text\">\n      Si te lo puedes imaginar, <strong>lo podemos crear<\/strong>. <br><br>\n      A diferencia de otros que solo instalan plantillas, nosotros somos <strong>Ingenieros de Software<\/strong>. Si necesitas una calculadora a medida, una intranet compleja o una funci\u00f3n que no existe en ning\u00fan lado\u2026 lo programamos desde cero en c\u00f3digo puro para ti. El l\u00edmite es tu imaginaci\u00f3n.\n    <\/p>\n  <\/div>\n\n  <div class=\"extras-wrapper\">\n    <h3 style=\"text-align:center; color:var(--brand-blue);\">SERVICIOS ADICIONALES (OPCIONALES)<\/h3>\n    <div class=\"extras-grid\">\n      <div class=\"extra-card\" style=\"border-color:var(--brand-neon); background:#fff;\">\n        <span class=\"extra-title\">\ud83c\udf93 CLASE PARTICULAR ZOOM<\/span>\n        <span class=\"extra-price\">39\u20ac <small style=\"font-size:1rem; color:#666; font-weight:normal;\">\/hora<\/small><\/span>\n        <p class=\"extra-desc\">Te ense\u00f1amos 1 a 1 c\u00f3mo llevar tu web. Grabamos la sesi\u00f3n para que no se te olvide nada. Ideal para empezar.<\/p>\n      <\/div>\n      <div class=\"extra-card\">\n        <span class=\"extra-title\">\ud83d\udee1\ufe0f MANTENIMIENTO T\u00c9CNICO<\/span>\n        <span class=\"extra-price\">99\u20ac <small style=\"font-size:1rem; color:#666; font-weight:normal;\">\/mes<\/small><\/span>\n        <p class=\"extra-desc\">Nosotros cuidamos de la seguridad, copias y actualizaciones. T\u00fa solo te dedicas a vender.<\/p>\n      <\/div>\n      <div class=\"extra-card\">\n        <span class=\"extra-title\">\ud83d\udc8e GESTI\u00d3N TOTAL (CAMBIOS)<\/span>\n        <span class=\"extra-price\">150\u20ac <small style=\"font-size:1rem; color:#666; font-weight:normal;\">\/mes<\/small><\/span>\n        <p class=\"extra-desc\">Incluye todo lo t\u00e9cnico + cambios de fotos, textos y mejoras mensuales. Nosotros somos tus empleados web.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"faq-section\">\n    <h3 class=\"faq-title\">Preguntas Frecuentes<\/h3>\n    <div style=\"max-width:800px; margin:0 auto;\">\n      <details class=\"faq-item\">\n        <summary class=\"faq-q\">\u00bfTengo que pagar una cuota mensual?<\/summary>\n        <div class=\"faq-a\">No. El precio de la web es un pago \u00fanico. Solo pagar\u00edas al mes si contratas nuestro mantenimiento opcional.<\/div>\n      <\/details>\n      <details class=\"faq-item\">\n        <summary class=\"faq-q\">\u00bfCu\u00e1nto tard\u00e1is en entregarla?<\/summary>\n        <div class=\"faq-a\">Normalmente de 3 a 5 d\u00edas laborables una vez tenemos toda la informaci\u00f3n de tu idea.<\/div>\n      <\/details>\n      <details class=\"faq-item\">\n        <summary class=\"faq-q\">\u00bfIncluye dominio y hosting?<\/summary>\n        <div class=\"faq-a\">S\u00ed, el primer a\u00f1o te regalamos el dominio (nombre) y el hosting. Luego la renovaci\u00f3n es est\u00e1ndar.<\/div>\n      <\/details>\n      <details class=\"faq-item\">\n        <summary class=\"faq-q\">\u00bfEs seguro pagar online?<\/summary>\n        <div class=\"faq-a\">Totalmente. Usamos pasarelas de pago cifradas y seguras (Redsys \/ Stripe).<\/div>\n      <\/details>\n      <details class=\"faq-item\">\n        <summary class=\"faq-q\">\u00bfSi quiero cambiar algo en el futuro?<\/summary>\n        <div class=\"faq-a\">Puedes hacerlo t\u00fa con nuestras gu\u00edas f\u00e1ciles, o pedirnos presupuestos puntuales para cambios.<\/div>\n      <\/details>\n      <details class=\"faq-item\">\n        <summary class=\"faq-q\">\u00bfSe puede vender internacionalmente?<\/summary>\n        <div class=\"faq-a\">S\u00ed, configuramos la web para que se pueda ver y vender en cualquier pa\u00eds.<\/div>\n      <\/details>\n      \n      <details class=\"faq-item\">\n        <summary class=\"faq-q\">\u00bfC\u00f3mo funciona la conexi\u00f3n del Bot de WhatsApp?<\/summary>\n        <div class=\"faq-a\">Conectamos el sistema a un tel\u00e9fono m\u00f3vil real (el tuyo o uno dedicado). Mientras el m\u00f3vil est\u00e9 encendido (aunque est\u00e9 bloqueado), el bot recibe los mensajes y vende por ti autom\u00e1ticamente usando tu propio n\u00famero de WhatsApp o el de empresa.<\/div>\n      <\/details>\n    <\/div>\n  <\/div>\n\n  <div class=\"final-area\">\n    <a href=\"https:\/\/elinformatico.cat\/producto\/web\/\" class=\"btn-round-final\">\n      EMPEZAR A CREAR MI WEB\n    <\/a>\n    <br>\n    <a href=\"https:\/\/wa.me\/34630264609\" class=\"btn-whatsapp-footer\">\n      \ud83d\udcac Dudas antes de comprar: WhatsApp\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<script>\n  function forceNewTab(url) {\n    var win = window.open(url, '_blank');\n    if (win) {\n        win.focus();\n    } else {\n        alert('Por favor, permite las ventanas emergentes para ver el ejemplo en Google.');\n        window.location.href = url;\n    }\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfc6 Resultados Demostrables Somos el N\u00ba1 en Google (Siempre en el Top 3) No vendemos humo. Vendemos c\u00f3digo limpio que le encanta a Google. Haz clic abajo para verificar nuestro posicionamiento en vivo: \ud83d\udd0d \u00abComprar Photoshop 2026\u00bb \ud83d\udd0d \u00abEsta aplicaci\u00f3n de Adobe\u00bb \u00bfC\u00f3mo funciona tu Web? Desliza para ver todo el proceso y beneficios \ud83d\udcdd [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":{"view":"no"},"footnotes":""},"class_list":["post-2737","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/2737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/comments?post=2737"}],"version-history":[{"count":0,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/2737\/revisions"}],"wp:attachment":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/media?parent=2737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}