{"id":828,"date":"2026-05-21T20:58:03","date_gmt":"2026-05-22T02:58:03","guid":{"rendered":"https:\/\/studiovainilla.com\/?page_id=828"},"modified":"2026-07-20T14:03:00","modified_gmt":"2026-07-20T20:03:00","slug":"productividad","status":"publish","type":"page","link":"https:\/\/studiovainilla.com\/en\/productividad\/","title":{"rendered":"Productivity Tools"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"828\" class=\"elementor elementor-828\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-037450c e-con-full e-flex e-con e-parent\" data-id=\"037450c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b24aa40 elementor-widget elementor-widget-html\" data-id=\"b24aa40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sv-tools-hub\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');\n\n    .sv-tools-hub{\n      --sv-purple:#4f4784;\n      --sv-purple-light:#756ba8;\n      --sv-purple-soft:#938bc1;\n      --sv-dark:#1a162e;\n      --sv-lav:#cccfee;\n      --sv-bg:#f7f5fd;\n      --sv-text:#221d39;\n      --sv-soft:#6d6888;\n\n      position:relative;\n      overflow:hidden;\n      padding:86px 0;\n      font-family:'Poppins',sans-serif;\n\n      background:\n        radial-gradient(\n          circle at 12% 14%,\n          rgba(79,71,132,.16),\n          transparent 30%\n        ),\n        radial-gradient(\n          circle at 88% 10%,\n          rgba(204,207,238,.65),\n          transparent 32%\n        ),\n        linear-gradient(\n          180deg,\n          #ffffff 0%,\n          #f7f5fd 100%\n        );\n    }\n\n    .sv-tools-hub,\n    .sv-tools-hub *{\n      box-sizing:border-box;\n    }\n\n    .sv-tools-hub:before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n\n      background-image:\n        linear-gradient(\n          rgba(79,71,132,.045) 1px,\n          transparent 1px\n        ),\n        linear-gradient(\n          90deg,\n          rgba(79,71,132,.045) 1px,\n          transparent 1px\n        );\n\n      background-size:44px 44px;\n\n      -webkit-mask-image:\n        linear-gradient(\n          to bottom,\n          transparent 0%,\n          #000 18%,\n          #000 86%,\n          transparent 100%\n        );\n\n      mask-image:\n        linear-gradient(\n          to bottom,\n          transparent 0%,\n          #000 18%,\n          #000 86%,\n          transparent 100%\n        );\n\n      pointer-events:none;\n    }\n\n    .sv-tools-wrap{\n      position:relative;\n      z-index:2;\n      width:min(92%,1240px);\n      margin:0 auto;\n    }\n\n    \/* Encabezado *\/\n\n    .sv-tools-head{\n      max-width:800px;\n      margin:0 auto 42px;\n      text-align:center;\n    }\n\n    .sv-tools-pill{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:8px;\n\n      margin-bottom:20px;\n      padding:10px 16px;\n\n      border:1px solid rgba(79,71,132,.12);\n      border-radius:999px;\n\n      background:#ffffff;\n      box-shadow:0 16px 42px rgba(26,22,46,.06);\n\n      color:var(--sv-purple)!important;\n      font-size:13px;\n      font-weight:800;\n      line-height:1.2;\n    }\n\n    .sv-tools-head h2{\n      margin:0 0 18px!important;\n\n      color:var(--sv-text)!important;\n      font-family:'Montserrat',sans-serif;\n      font-size:clamp(38px,5vw,66px);\n      font-weight:800;\n      line-height:.98;\n      letter-spacing:-.055em;\n    }\n\n    .sv-tools-head h2 span{\n      color:var(--sv-purple)!important;\n    }\n\n    .sv-tools-head p{\n      max-width:700px;\n      margin:0 auto!important;\n\n      color:var(--sv-soft)!important;\n      font-size:17px;\n      font-weight:400;\n      line-height:1.75;\n    }\n\n    \/* Grid *\/\n\n    .sv-tools-grid{\n      display:grid;\n      grid-template-columns:repeat(3,minmax(0,1fr));\n      gap:22px;\n      align-items:stretch;\n    }\n\n    \/* Tarjeta general *\/\n\n    .sv-tool-card{\n      position:relative;\n      isolation:isolate;\n      overflow:hidden;\n\n      display:flex;\n      flex-direction:column;\n      justify-content:space-between;\n\n      min-width:0;\n      min-height:500px;\n      padding:30px;\n\n      border-radius:36px;\n      border:1px solid rgba(79,71,132,.13);\n\n      text-decoration:none!important;\n\n      box-shadow:\n        0 24px 70px rgba(26,22,46,.10);\n\n      transition:\n        transform .28s ease,\n        box-shadow .28s ease,\n        border-color .28s ease;\n    }\n\n    .sv-tool-card:hover{\n      transform:translateY(-8px);\n\n      box-shadow:\n        0 34px 90px rgba(26,22,46,.16);\n    }\n\n    .sv-tool-card:focus-visible{\n      outline:3px solid rgba(79,71,132,.35);\n      outline-offset:5px;\n    }\n\n    .sv-tool-card:before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      z-index:-1;\n      pointer-events:none;\n\n      background-image:\n        linear-gradient(\n          rgba(255,255,255,.055) 1px,\n          transparent 1px\n        ),\n        linear-gradient(\n          90deg,\n          rgba(255,255,255,.055) 1px,\n          transparent 1px\n        );\n\n      background-size:42px 42px;\n      opacity:.5;\n    }\n\n    .sv-tool-card:after{\n      content:\"\";\n      position:absolute;\n      z-index:-1;\n      width:240px;\n      height:240px;\n      top:-110px;\n      right:-90px;\n\n      border-radius:50%;\n\n      background:\n        radial-gradient(\n          circle,\n          rgba(255,255,255,.22),\n          transparent 68%\n        );\n\n      pointer-events:none;\n    }\n\n    \/* Fondos individuales *\/\n\n    .sv-tool-card.links{\n      background:\n        radial-gradient(\n          circle at 88% 10%,\n          rgba(142,133,194,.42),\n          transparent 32%\n        ),\n        linear-gradient(\n          145deg,\n          #211c3d 0%,\n          #514880 100%\n        );\n\n      border-color:rgba(255,255,255,.10);\n    }\n\n    .sv-tool-card.whatsapp{\n      background:\n        radial-gradient(\n          circle at 90% 10%,\n          rgba(255,255,255,.45),\n          transparent 34%\n        ),\n        linear-gradient(\n          145deg,\n          #d9dbf3 0%,\n          #b7b5de 52%,\n          #9189bf 100%\n        );\n\n      border-color:rgba(79,71,132,.14);\n    }\n\n    .sv-tool-card.connections{\n      background:\n        radial-gradient(\n          circle at 86% 8%,\n          rgba(204,207,238,.40),\n          transparent 34%\n        ),\n        linear-gradient(\n          145deg,\n          #5b518e 0%,\n          #776da8 52%,\n          #41396d 100%\n        );\n\n      border-color:rgba(255,255,255,.12);\n    }\n\n    \/* Contenido *\/\n\n    .sv-tool-card-content{\n      display:flex;\n      flex-direction:column;\n      min-width:0;\n      height:100%;\n    }\n\n    .sv-tool-top{\n      min-width:0;\n    }\n\n    .sv-tool-icon{\n      display:grid;\n      place-items:center;\n\n      width:68px;\n      height:68px;\n      margin-bottom:22px;\n\n      border-radius:24px;\n\n      font-size:30px;\n      line-height:1;\n\n      box-shadow:\n        0 18px 44px rgba(26,22,46,.20);\n    }\n\n    .sv-tool-card.links .sv-tool-icon{\n      background:#ffffff;\n      color:var(--sv-purple)!important;\n    }\n\n    .sv-tool-card.whatsapp .sv-tool-icon{\n      background:\n        linear-gradient(\n          135deg,\n          #211c3d,\n          #514880\n        );\n\n      color:#ffffff!important;\n    }\n\n    .sv-tool-card.connections .sv-tool-icon{\n      background:#ffffff;\n      color:var(--sv-purple)!important;\n    }\n\n    .sv-tool-card h3{\n      margin:0 0 14px!important;\n\n      font-family:'Montserrat',sans-serif;\n      font-size:29px;\n      font-weight:700;\n      line-height:1.08;\n      letter-spacing:-.045em;\n    }\n\n    .sv-tool-card p{\n      margin:0!important;\n\n      font-size:15px;\n      font-weight:400;\n      line-height:1.72;\n    }\n\n    \/* Colores forzados para evitar estilos globales *\/\n\n    .sv-tool-card.links h3,\n    .sv-tool-card.links p,\n    .sv-tool-card.connections h3,\n    .sv-tool-card.connections p{\n      color:#ffffff!important;\n    }\n\n    .sv-tool-card.links p,\n    .sv-tool-card.connections p{\n      color:rgba(255,255,255,.78)!important;\n    }\n\n    .sv-tool-card.whatsapp h3{\n      color:var(--sv-text)!important;\n    }\n\n    .sv-tool-card.whatsapp p{\n      color:#514c6f!important;\n    }\n\n    \/* Ejemplos *\/\n\n    .sv-tool-demo{\n      display:grid;\n      gap:11px;\n      margin-top:28px;\n    }\n\n    .sv-demo-line{\n      display:flex;\n      align-items:center;\n      gap:9px;\n\n      min-width:0;\n      padding:13px 15px;\n\n      border-radius:17px;\n\n      font-size:12px;\n      font-weight:700;\n      line-height:1.45;\n\n      box-shadow:\n        0 13px 30px rgba(26,22,46,.06);\n    }\n\n    .sv-demo-line:before{\n      content:\"\u2713\";\n\n      flex:0 0 auto;\n\n      display:grid;\n      place-items:center;\n\n      width:20px;\n      height:20px;\n\n      border-radius:50%;\n\n      font-size:10px;\n      font-weight:900;\n    }\n\n    .sv-demo-text{\n      min-width:0;\n      overflow:hidden;\n      text-overflow:ellipsis;\n      white-space:nowrap;\n    }\n\n    .sv-tool-card.links .sv-demo-line,\n    .sv-tool-card.connections .sv-demo-line{\n      border:1px solid rgba(255,255,255,.14);\n      background:rgba(255,255,255,.10);\n      color:#ffffff!important;\n      box-shadow:none;\n    }\n\n    .sv-tool-card.links .sv-demo-line:before,\n    .sv-tool-card.connections .sv-demo-line:before{\n      background:rgba(255,255,255,.16);\n      color:#ffffff!important;\n    }\n\n    .sv-tool-card.whatsapp .sv-demo-line{\n      border:1px solid rgba(79,71,132,.12);\n      background:rgba(255,255,255,.66);\n      color:var(--sv-text)!important;\n    }\n\n    .sv-tool-card.whatsapp .sv-demo-line:before{\n      background:var(--sv-purple);\n      color:#ffffff!important;\n    }\n\n    \/* Botones *\/\n\n    .sv-tool-action{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:8px;\n\n      width:max-content;\n      max-width:100%;\n      margin-top:30px;\n      padding:14px 20px;\n\n      border-radius:999px;\n\n      font-size:14px;\n      font-weight:800;\n      line-height:1.2;\n\n      transition:\n        transform .25s ease,\n        background .25s ease,\n        color .25s ease,\n        box-shadow .25s ease;\n    }\n\n    .sv-tool-card:hover .sv-tool-action{\n      transform:translateX(5px);\n    }\n\n    .sv-tool-card.links .sv-tool-action,\n    .sv-tool-card.connections .sv-tool-action{\n      background:#ffffff;\n      color:var(--sv-purple)!important;\n\n      box-shadow:\n        0 18px 42px rgba(26,22,46,.18);\n    }\n\n    .sv-tool-card.links:hover .sv-tool-action,\n    .sv-tool-card.connections:hover .sv-tool-action{\n      background:var(--sv-lav);\n      color:var(--sv-dark)!important;\n    }\n\n    .sv-tool-card.whatsapp .sv-tool-action{\n      background:var(--sv-purple);\n      color:#ffffff!important;\n\n      box-shadow:\n        0 18px 42px rgba(79,71,132,.25);\n    }\n\n    .sv-tool-card.whatsapp:hover .sv-tool-action{\n      background:var(--sv-dark);\n      color:#ffffff!important;\n    }\n\n    \/* Etiqueta nueva *\/\n\n    .sv-tool-badge{\n      position:absolute;\n      top:24px;\n      right:24px;\n      z-index:4;\n\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n\n      padding:8px 12px;\n\n      border-radius:999px;\n\n      background:#ffffff;\n      color:var(--sv-purple)!important;\n\n      font-size:10px;\n      font-weight:900;\n      line-height:1;\n      letter-spacing:.09em;\n      text-transform:uppercase;\n\n      box-shadow:\n        0 12px 28px rgba(26,22,46,.18);\n    }\n\n    \/* Responsive *\/\n\n    @media(max-width:1050px){\n\n      .sv-tools-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n      }\n\n      .sv-tool-card.connections{\n        grid-column:1 \/ -1;\n        min-height:430px;\n      }\n    }\n\n    @media(max-width:760px){\n\n      .sv-tools-hub{\n        padding:68px 0;\n      }\n\n      .sv-tools-grid{\n        grid-template-columns:1fr;\n      }\n\n      .sv-tool-card,\n      .sv-tool-card.connections{\n        grid-column:auto;\n        min-height:auto;\n      }\n    }\n\n    @media(max-width:520px){\n\n      .sv-tools-hub{\n        padding:58px 0;\n      }\n\n      .sv-tools-wrap{\n        width:min(91%,1240px);\n      }\n\n      .sv-tools-head{\n        margin-bottom:30px;\n      }\n\n      .sv-tools-head p{\n        font-size:15px;\n        line-height:1.65;\n      }\n\n      .sv-tools-grid{\n        gap:18px;\n      }\n\n      .sv-tool-card{\n        padding:24px;\n        border-radius:28px;\n      }\n\n      .sv-tool-card h3{\n        font-size:27px;\n      }\n\n      .sv-tool-icon{\n        width:62px;\n        height:62px;\n        border-radius:21px;\n        font-size:27px;\n      }\n\n      .sv-tool-action{\n        width:100%;\n      }\n\n      .sv-tool-badge{\n        top:20px;\n        right:20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"sv-tools-wrap\">\n\n    <div class=\"sv-tools-head\">\n\n      <div class=\"sv-tools-pill\">\n        \u26a1 StudioVainilla Tools\n      <\/div>\n\n      <h2>\n        Tools for your\n        <span>digital ecosystem<\/span>\n      <\/h2>\n\n      <p>\n        Free tools to optimize your links, facilitate contact with your clients, and review the measurement connections installed on your website.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"sv-tools-grid\">\n\n      <!-- Acortador de enlaces -->\n\n      <a\n        class=\"sv-tool-card links\"\n        href=\"https:\/\/studiovainilla.com\/en\/productividad\/acortador-de-enlaces\/\"\n        aria-label=\"Open the StudioVainilla link shortener\"\n      >\n\n        <div class=\"sv-tool-card-content\">\n\n          <div class=\"sv-tool-top\">\n\n            <div class=\"sv-tool-icon\" aria-hidden=\"true\">\n              \ud83d\udd17\n            <\/div>\n\n            <h3>\n              Link shortener\n            <\/h3>\n\n            <p>\n              Shorten long URLs into short, clear, and easy-to-share links. Use them in campaigns, social media, emails, QR codes, presentations, and WhatsApp conversations.\n            <\/p>\n\n            <div class=\"sv-tool-demo\">\n\n              <div class=\"sv-demo-line\">\n                <span class=\"sv-demo-text\">\n                  Shorten long and hard-to-read links\n                <\/span>\n              <\/div>\n\n              <div class=\"sv-demo-line\">\n                <span class=\"sv-demo-text\">\n                  Customize your link name\n                <\/span>\n              <\/div>\n\n              <div class=\"sv-demo-line\">\n                <span class=\"sv-demo-text\">\n                  Ready to copy and share\n                <\/span>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <span class=\"sv-tool-action\">\n            Use tool\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n      <!-- Generador de WhatsApp -->\n\n      <a\n        class=\"sv-tool-card whatsapp\"\n        href=\"https:\/\/studiovainilla.com\/en\/productividad\/generador-enlace-whatsapp\/\"\n        aria-label=\"Open the WhatsApp link generator from StudioVainilla\"\n      >\n\n        <div class=\"sv-tool-card-content\">\n\n          <div class=\"sv-tool-top\">\n\n            <div class=\"sv-tool-icon\" aria-hidden=\"true\">\n              \ud83d\udcac\n            <\/div>\n\n            <h3>\n              WhatsApp Link Generator\n            <\/h3>\n\n            <p>\n              Create a direct WhatsApp link with a pre-loaded message to make it easy for your customers to start a conversation from ads, social media, websites, or printed materials.\n            <\/p>\n\n            <div class=\"sv-tool-demo\">\n\n              <div class=\"sv-demo-line\">\n                <span class=\"sv-demo-text\">\n                  Add your number with country code\n                <\/span>\n              <\/div>\n\n              <div class=\"sv-demo-line\">\n                <span class=\"sv-demo-text\">\n                  Write a personalized message\n                <\/span>\n              <\/div>\n\n              <div class=\"sv-demo-line\">\n                <span class=\"sv-demo-text\">\n                  Get a shareable link\n                <\/span>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <span class=\"sv-tool-action\">\n            Use tool\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n      <!-- Verificador de conexiones -->\n\n      <a\n        class=\"sv-tool-card connections\"\n        href=\"https:\/\/studiovainilla.com\/en\/verificador-conexiones\/\"\n        aria-label=\"Open the Studio Vanilla Digital Connections Checker\"\n      >\n\n        <span class=\"sv-tool-badge\">\n          New\n        <\/span>\n\n        <div class=\"sv-tool-card-content\">\n\n          <div class=\"sv-tool-top\">\n\n            <div class=\"sv-tool-icon\" aria-hidden=\"true\">\n              \ud83d\udce1\n            <\/div>\n\n            <h3>\n              Connection Checker\n            <\/h3>\n\n            <p>\n              Publicly analyze a webpage to identify measurement, advertising, and tracking tags. Quickly review if the site presents connections to Meta, Google, and other platforms.\n            <\/p>\n\n            <div class=\"sv-tool-demo\">\n\n              <div class=\"sv-demo-line\">\n                <span class=\"sv-demo-text\">\n                  Meta Pixel, GA4, GTM, and Google Ads\n                <\/span>\n              <\/div>\n\n              <div class=\"sv-demo-line\">\n                <span class=\"sv-demo-text\">\n                  TikTok, LinkedIn, Clarity, and Hotjar\n                <\/span>\n              <\/div>\n\n              <div class=\"sv-demo-line\">\n                <span class=\"sv-demo-text\">\n                  Identify IDs and potential duplicates\n                <\/span>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <span class=\"sv-tool-action\">\n            Review my site\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u26a1 StudioVainilla Tools Herramientas para tu ecosistema digital Utilidades gratuitas para optimizar tus enlaces, facilitar el contacto con tus clientes y revisar las conexiones de medici\u00f3n instaladas en tu sitio web. \ud83d\udd17 Acortador de enlaces Convierte URLs extensas en enlaces cortos, claros y f\u00e1ciles de compartir. \u00dasalos en campa\u00f1as, redes sociales, correos, c\u00f3digos QR, presentaciones [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-828","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/comments?post=828"}],"version-history":[{"count":7,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/828\/revisions"}],"predecessor-version":[{"id":961,"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/pages\/828\/revisions\/961"}],"wp:attachment":[{"href":"https:\/\/studiovainilla.com\/en\/wp-json\/wp\/v2\/media?parent=828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}