{"id":804,"date":"2026-08-18T17:47:17","date_gmt":"2026-08-18T22:47:17","guid":{"rendered":"https:\/\/nucleo.miespaciodigital.net\/?page_id=804"},"modified":"2026-08-20T00:21:54","modified_gmt":"2026-08-20T05:21:54","slug":"landing-page-saas","status":"publish","type":"page","link":"https:\/\/miespaciodigital.net\/auditoria\/landing-page-saas\/","title":{"rendered":"Landing Page SAAS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"804\" class=\"elementor elementor-804\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ad3761 e-con e-atomic-element e-flexbox-base e-5ce13a4 \" data-id=\"7ad3761\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7ad3761\" data-e-type=\"e-flexbox\" data-id=\"7ad3761\">\n    <div class=\"elementor-element elementor-element-0c61a02 e-con e-atomic-element e-flexbox-base \" data-id=\"0c61a02\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0c61a02\" data-e-type=\"e-flexbox\" data-id=\"0c61a02\">\n    \t\t<div class=\"elementor-element elementor-element-d3b93c0 elementor-widget elementor-widget-html\" data-id=\"d3b93c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Inteligencia Artificial para tu Gesti\u00f3n<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n      background: #f8fafc;\r\n      color: #1e293b;\r\n      line-height: 1.6;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    .container {\r\n      max-width: 1080px;\r\n      margin: 0 auto;\r\n      padding: 0 24px;\r\n    }\r\n\r\n    \/* ========== HERO ========== *\/\r\n    .hero {\r\n      background: linear-gradient(180deg, #eff6ff 0%, #f8fafc 100%);\r\n      padding: 80px 0 60px;\r\n      text-align: center;\r\n      border-bottom: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .badge {\r\n      display: inline-block;\r\n      background: #dbeafe;\r\n      color: #1d4ed8;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      padding: 6px 14px;\r\n      border-radius: 100px;\r\n      margin-bottom: 20px;\r\n      letter-spacing: 0.3px;\r\n    }\r\n\r\n    .hero h1 {\r\n      font-size: clamp(2.2rem, 5vw, 3.2rem);\r\n      font-weight: 800;\r\n      color: #0f172a;\r\n      line-height: 1.2;\r\n      margin-bottom: 16px;\r\n      letter-spacing: -0.03em;\r\n    }\r\n\r\n    .hero h1 span {\r\n      color: #2563eb;\r\n    }\r\n\r\n    .hero-sub {\r\n      font-size: 1.2rem;\r\n      color: #475569;\r\n      max-width: 560px;\r\n      margin: 0 auto 32px;\r\n    }\r\n\r\n    .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: #2563eb;\r\n      color: #fff;\r\n      font-size: 1.05rem;\r\n      font-weight: 600;\r\n      padding: 14px 32px;\r\n      border-radius: 10px;\r\n      text-decoration: none;\r\n      transition: all 0.2s ease;\r\n      box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);\r\n    }\r\n\r\n    .btn:hover {\r\n      background: #1d4ed8;\r\n      transform: translateY(-1px);\r\n      box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35);\r\n    }\r\n\r\n    .btn svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n\r\n    \/* ========== SECTIONS ========== *\/\r\n    section {\r\n      padding: 60px 0;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: clamp(1.6rem, 3vw, 2rem);\r\n      font-weight: 700;\r\n      color: #0f172a;\r\n      text-align: center;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .section-sub {\r\n      text-align: center;\r\n      color: #64748b;\r\n      font-size: 1.05rem;\r\n      max-width: 540px;\r\n      margin: 0 auto 40px;\r\n    }\r\n\r\n    \/* Problema *\/\r\n    .problema {\r\n      background: #fff;\r\n    }\r\n\r\n    .problema-box {\r\n      background: #fef2f2;\r\n      border: 1px solid #fecaca;\r\n      border-radius: 14px;\r\n      padding: 32px 28px;\r\n      max-width: 640px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n\r\n    .problema-box p {\r\n      font-size: 1.1rem;\r\n      color: #7f1d1d;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* Soluci\u00f3n *\/\r\n    .solucion {\r\n      background: #f8fafc;\r\n    }\r\n\r\n    .benefits {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n      gap: 20px;\r\n    }\r\n\r\n    .benefit-card {\r\n      background: #fff;\r\n      border: 1px solid #e2e8f0;\r\n      border-radius: 12px;\r\n      padding: 28px 24px;\r\n      transition: all 0.2s ease;\r\n      box-shadow: 0 1px 3px rgba(0,0,0,0.04);\r\n    }\r\n\r\n    .benefit-card:hover {\r\n      border-color: #93c5fd;\r\n      box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .benefit-icon {\r\n      width: 44px;\r\n      height: 44px;\r\n      background: #eff6ff;\r\n      border-radius: 10px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 16px;\r\n      font-size: 20px;\r\n    }\r\n\r\n    .benefit-card h3 {\r\n      font-size: 1.05rem;\r\n      font-weight: 600;\r\n      color: #0f172a;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .benefit-card p {\r\n      font-size: 0.92rem;\r\n      color: #64748b;\r\n    }\r\n\r\n    \/* C\u00f3mo funciona *\/\r\n    .como {\r\n      background: #fff;\r\n    }\r\n\r\n    .steps {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n      gap: 28px;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .step {\r\n      text-align: center;\r\n      padding: 24px 16px;\r\n    }\r\n\r\n    .step-number {\r\n      width: 48px;\r\n      height: 48px;\r\n      background: #2563eb;\r\n      color: #fff;\r\n      font-size: 1.25rem;\r\n      font-weight: 700;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: 0 auto 16px;\r\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);\r\n    }\r\n\r\n    .step h3 {\r\n      font-size: 1.1rem;\r\n      font-weight: 600;\r\n      color: #0f172a;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .step p {\r\n      color: #64748b;\r\n      font-size: 0.95rem;\r\n    }\r\n\r\n    \/* CTA Final *\/\r\n    .cta-final {\r\n      background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);\r\n      text-align: center;\r\n      padding: 70px 0;\r\n      border-top: 1px solid #bfdbfe;\r\n    }\r\n\r\n    .cta-final h2 {\r\n      font-size: clamp(1.7rem, 3.5vw, 2.2rem);\r\n      font-weight: 800;\r\n      color: #0f172a;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .cta-final p {\r\n      font-size: 1.1rem;\r\n      color: #475569;\r\n      max-width: 480px;\r\n      margin: 0 auto 28px;\r\n    }\r\n\r\n    \/* Footer *\/\r\n    footer {\r\n      background: #fff;\r\n      padding: 24px 0;\r\n      text-align: center;\r\n      border-top: 1px solid #e2e8f0;\r\n    }\r\n\r\n    footer p {\r\n      color: #94a3b8;\r\n      font-size: 0.88rem;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 640px) {\r\n      .hero {\r\n        padding: 60px 0 50px;\r\n      }\r\n      section {\r\n        padding: 48px 0;\r\n      }\r\n      .problema-box {\r\n        padding: 24px 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- HERO -->\r\n  <section class=\"hero\">\r\n    <div class=\"container\">\r\n      <div class=\"badge\">Plataforma SaaS \u00b7 Sector P\u00fablico<\/div>\r\n      <h1>Inteligencia Artificial<br>para tu <span>Gesti\u00f3n<\/span><\/h1>\r\n      <p class=\"hero-sub\">\r\n        Organiza, controla y mejora la gesti\u00f3n de tu instituci\u00f3n con Inteligencia Artificial.\r\n      <\/p>\r\n      <a href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/1-inicio-tablero-general\/\" class=\"btn\">\r\n        Quiero gestionar con IA\r\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PROBLEMA -->\r\n  <section class=\"problema\">\r\n    <div class=\"container\">\r\n      <h2 class=\"section-title\">\u00bfSigues gestionando tu instituci\u00f3n a ciegas?<\/h2>\r\n      <div class=\"problema-box\">\r\n        <p>\r\n          Excel, correos y procesos manuales ya no son suficientes.<br>\r\n          Se pierde tiempo, se cometen errores y no hay claridad real de la gesti\u00f3n.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SOLUCI\u00d3N -->\r\n  <section class=\"solucion\">\r\n    <div class=\"container\">\r\n      <h2 class=\"section-title\">La soluci\u00f3n es clara<\/h2>\r\n      <p class=\"section-sub\">\r\n        <strong style=\"color:#0f172a\">Inteligencia Artificial para tu Gesti\u00f3n<\/strong> organiza, analiza y te muestra toda la informaci\u00f3n de tu instituci\u00f3n en un solo lugar.\r\n      <\/p>\r\n\r\n      <div class=\"benefits\">\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\">\ud83d\udcca<\/div>\r\n          <h3>Control total<\/h3>\r\n          <p>Visualiza el estado real de tu instituci\u00f3n en tiempo real.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\">\ud83c\udfaf<\/div>\r\n          <h3>Decisiones con datos<\/h3>\r\n          <p>Deja de decidir por intuici\u00f3n. Act\u00faa con informaci\u00f3n precisa.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\">\u26a1<\/div>\r\n          <h3>Menos trabajo manual<\/h3>\r\n          <p>La IA automatiza tareas y reduce errores humanos.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n          <h3>Orden y transparencia<\/h3>\r\n          <p>Gesti\u00f3n clara, trazable y orientada a resultados.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- C\u00d3MO FUNCIONA -->\r\n  <section class=\"como\">\r\n    <div class=\"container\">\r\n      <h2 class=\"section-title\">C\u00f3mo funciona<\/h2>\r\n      <p class=\"section-sub\">Tres pasos simples para transformar la gesti\u00f3n de tu instituci\u00f3n<\/p>\r\n\r\n      <div class=\"steps\">\r\n        <div class=\"step\">\r\n          <div class=\"step-number\">1<\/div>\r\n          <h3>Ingresas a la plataforma<\/h3>\r\n          <p>Accede de forma segura al sistema dise\u00f1ado para el sector p\u00fablico.<\/p>\r\n        <\/div>\r\n        <div class=\"step\">\r\n          <div class=\"step-number\">2<\/div>\r\n          <h3>La IA organiza y analiza<\/h3>\r\n          <p>La Inteligencia Artificial procesa y estructura tu informaci\u00f3n.<\/p>\r\n        <\/div>\r\n        <div class=\"step\">\r\n          <div class=\"step-number\">3<\/div>\r\n          <h3>Tomas mejores decisiones<\/h3>\r\n          <p>Obtienes claridad, control y resultados medibles.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA FINAL -->\r\n  <section class=\"cta-final\">\r\n    <div class=\"container\">\r\n      <h2>Deja de gestionar a ciegas<\/h2>\r\n      <p>Empieza a controlar y mejorar la gesti\u00f3n de tu instituci\u00f3n con Inteligencia Artificial.<\/p>\r\n      <a href=\"https:\/\/miespaciodigital.net\/auditoria\/plataforma-saas-de-gestion-digital\/1-inicio-tablero-general\/\" class=\"btn\">\r\n        Quiero gestionar con IA\r\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <footer>\r\n    <div class=\"container\">\r\n      <p>\u00a9 2026 Inteligencia Artificial para tu Gesti\u00f3n \u00b7 Plataforma SaaS<\/p>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inteligencia Artificial para tu Gesti\u00f3n Plataforma SaaS \u00b7 Sector P\u00fablico Inteligencia Artificialpara tu Gesti\u00f3n Organiza, controla y mejora la gesti\u00f3n de tu instituci\u00f3n con Inteligencia Artificial. Quiero gestionar con IA \u00bfSigues gestionando tu instituci\u00f3n a ciegas? Excel, correos y procesos manuales ya no son suficientes. Se pierde tiempo, se cometen errores y no hay claridad [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-804","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/comments?post=804"}],"version-history":[{"count":7,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/804\/revisions"}],"predecessor-version":[{"id":968,"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/pages\/804\/revisions\/968"}],"wp:attachment":[{"href":"https:\/\/miespaciodigital.net\/auditoria\/wp-json\/wp\/v2\/media?parent=804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}