<!DOCTYPE html>
<html lang="es" dir="ltr" xml:lang="es" class="theme-light mobile-theme-light modul-">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>
            Francesc Grau: Consultoría en comunicación digital
        </title>

        <style>
            html {
                --cookienator-primary-color: #000000;
                --cookienator-primary-color-dimmed: #dddddd;
            }
        </style>
        <script>
            window.CookienatorSettings = {
                thirdParties: true,
                placeholder: true,
                cookiesPolicyUrl: '/es/politica-de-cookies',
                whiteList: [/^data:image\/svg\+xml/, /^blob:/, /^data:/, /gestionaweb\.cat/, /recaptcha/, /recaptcha\.net/, /vz-49f9ecdf-f80\.b-cdn\.net/, /analytics\.google\.com/],
                forceRefreshOnAccept: false,
                providers : ["google-analytics.com"]
                            };
        </script>
        <script>!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";var e=function(){return e=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},e.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var t,n=(t=document.createElement("a"),function(e){return t.href=e,location.hostname===t.hostname}),o=(document.createElement("a"),function(e){return/^chrome-extension:/i.test(e)}),i=function(e,t){return(e=e.toString())&&!n(e)&&!o(e)&&-1===e.indexOf("cookienator")&&!t.some((function(t){return t.test(e)}))};var r,s=function(){function e(){}return e.show=function(e){this.container||(this.container=document.createElement("div"),Object.assign(this.container.style,{position:"fixed",right:"32px",bottom:"32px",backgroundColor:"var(--cookienator-dialog-background-color, #fff)",color:"var(--cookienator-color, #444)",padding:"32px",borderRadius:"6px",fontSize:"16px",boxShadow:"0 4px 10px rgba(0,0,0,.3)",zIndex:"9999",whiteSpace:"pre-line"}),document.body.appendChild(this.container));var t=document.createElement("div");t.textContent=e,this.container.appendChild(t)},e.clear=function(){var e;null===(e=this.container)||void 0===e||e.remove(),this.container=null},e.container=null,e}(),a=function(e,t){var n;null===(n=t.parentNode)||void 0===n||n.insertBefore(e,t.nextSibling)};!function(e){e.UpdateConfiguration="cookienator:update-configuration",e.ShowConfigurator="cookienator:show-configurator",e.UnblockAllSuccess="cookienator:unblock-all-success"}(r||(r={}));var c,d,u,l=(c=function(e,t){var n;n=function(){function e(){for(var e=0,t={};e<arguments.length;e++){var n=arguments[e];for(var o in n)t[o]=n[o]}return t}function t(e){return e.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}return function n(o){function i(){}function r(t,n,r){if("undefined"!=typeof document){"number"==typeof(r=e({path:"/"},i.defaults,r)).expires&&(r.expires=new Date(1*new Date+864e5*r.expires)),r.expires=r.expires?r.expires.toUTCString():"";try{var s=JSON.stringify(n);/^[\{\[]/.test(s)&&(n=s)}catch(e){}n=o.write?o.write(n,t):encodeURIComponent(String(n)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),t=encodeURIComponent(String(t)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var a="";for(var c in r)r[c]&&(a+="; "+c,!0!==r[c]&&(a+="="+r[c].split(";")[0]));return document.cookie=t+"="+n+a}}function s(e,n){if("undefined"!=typeof document){for(var i={},r=document.cookie?document.cookie.split("; "):[],s=0;s<r.length;s++){var a=r[s].split("="),c=a.slice(1).join("=");n||'"'!==c.charAt(0)||(c=c.slice(1,-1));try{var d=t(a[0]);if(c=(o.read||o)(c,d)||t(c),n)try{c=JSON.parse(c)}catch(e){}if(i[d]=c,e===d)break}catch(e){}}return e?i[e]:i}}return i.set=r,i.get=function(e){return s(e,!1)},i.getJSON=function(e){return s(e,!0)},i.remove=function(t,n){r(t,"",e(n,{expires:-1}))},i.defaults={},i.withConverter=n,i}((function(){}))},e.exports=n()},c(u={path:d,exports:{},require:function(e,t){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==t&&u.path)}},u.exports),u.exports),p=new(function(){function e(){var t=l.get(e.COOKIE_NAME),n=t?JSON.parse(t):void 0;this.configured=void 0!==n,this.measurement=!!(null==n?void 0:n.measurement),this.advertising=!!(null==n?void 0:n.advertising)}return e.prototype.isConfigured=function(){return this.configured},e.prototype.isMeasurement=function(){return this.measurement},e.prototype.isAdvertising=function(){return this.advertising},e.prototype.setAccepted=function(t,n){l.set(e.COOKIE_NAME,JSON.stringify({measurement:t,advertising:n}),{expires:365,sameSite:"Lax",secure:!1}),this.measurement=t,this.advertising=n,this.configured=!0},e.COOKIE_NAME="cookienator-consent-v3",e}()),h=function(){function e(e){var t=document.documentElement.getAttribute("lang");if(!t){var n=location.hostname.split(".");2===n[0].length&&(t=n[0])}t||(t=function(){var e=window.navigator;if(e.languages)for(var t=0,n=e.languages;t<n.length;t++)if((r=n[t]).length>=2)return r.substr(0,2);for(var o=0,i=["language","browserLanguage","systemLanguage","userLanguage"];o<i.length;o++){var r;if((r=e[i[o]])&&r.length>=2)return r.substr(0,2)}return null}()),this.catalog=t&&t in e?e[t]:e.en}return e.prototype.trans=function(e,t){var n=e in this.catalog?this.catalog[e]:e;return t&&Object.getOwnPropertyNames(t).forEach((function(e){n=n.replace(e,t[e])})),n},e}(),f={en:{"placeholder.btn":"Cookie Settings","placeholder.text":"An element has been blocked because of your cookie settings. To see it, please accept cookies."},ca:{"placeholder.btn":"Configura cookies","placeholder.text":"S'ha bloquejat un element per la teva configuració de cookies. Cal acceptar les cookies per veure'l."},es:{"placeholder.btn":"Configurar cookies","placeholder.text":"Se ha bloqueado un elemento por tu configuración de cookies. Es necesario aceptar las cookies para verlo."},eu:{"placeholder.btn":"Cookieak konfiguratu","placeholder.text":"Elementu bat blokeatu da zure cookieen konfigurazioagatik. Ikusteko, cookieak onartu behar dira."},gl:{"placeholder.btn":"Configurar cookies","placeholder.text":"Bloqueouse un elemento pola túa configuración de cookies. É necesario aceptar as cookies para velo."}},m={forbiddenTags:["script","iframe","embed","img","video","audio","source","track","input"],placeholderTags:["iframe","embed","img","video","audio"],scriptTypeAttribute:"javascript/blocked",blockedSrcAttribute:"data-blocked-src",placeholder:!1,whiteList:[/jquery(?:-ui|-[0-9.]+)(?:\.min)?\.js$/],providers:[],forceRefreshOnAccept:!1,unknownProvidersEndpoint:"",debugMode:!1},g=function(){function t(t){var n=this;this.nativeCreateElement=document.createElement.bind(document),this.fragment=document.createDocumentFragment(),this.blockedElements=new Map,this.isActive=!1,this.unknownProviders=[],this.sendedUnknownProviders=[],this.isWindowLoaded=!1,this.settings=e(e({},m),t||{}),this.translator=new h(f),this.debouncedSendUnknowProviders=function(e,t){var n;return function(){for(var o=[],i=0;i<arguments.length;i++)o[i]=arguments[i];clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}((function(){return n.sendUnknownProviders()}),800)}return t.prototype.init=function(){!this.settings.debugMode&&p.isMeasurement()||(this.activate(),this.setupListeners())},t.prototype.activate=function(){this.isActive=!0,this.monkeyPatchCreateElement(),this.setupMutationObserver(),this.monkeyPatchAjax()},t.prototype.deactivate=function(){var e,t=this;this.isActive=!1,this.settings.forceRefreshOnAccept?window.location.reload():(null===(e=this.observer)||void 0===e||e.disconnect(),document.createElement=this.nativeCreateElement,this.blockedElements.forEach((function(e,n){e.placeholder&&(a(e.element,e.placeholder),e.placeholder.remove()),"SCRIPT"===e.element.tagName&&t.settings.scriptTypeAttribute===e.element.getAttribute("type")&&e.element.setAttribute("type","application/javascript");var o=e.element.getAttribute(t.settings.blockedSrcAttribute);o&&e.element.setAttribute("src",o),e.element.removeAttribute(t.settings.blockedSrcAttribute),t.blockedElements.delete(n)})),document.dispatchEvent(new Event(r.UnblockAllSuccess)))},t.prototype.monkeyPatchAjax=function(){var e=this,t=window.fetch;t&&(window.fetch=function(n,o){var r="string"==typeof n?n:n.url;return e.addUnknowUrls(r),!p.isMeasurement()&&i(r,e.settings.whiteList)?new Promise((function(){})):t.apply(this,[n,o])});var n=XMLHttpRequest.prototype.open;XMLHttpRequest.prototype.open=function(t,o){return e.addUnknowUrls(o),!p.isMeasurement()&&i(o,e.settings.whiteList)&&(this.send=function(){}),n.apply(this,arguments)};var o=navigator.sendBeacon;o&&(navigator.sendBeacon=function(t,n){return e.addUnknowUrls(t),!(!p.isMeasurement()&&i(t,e.settings.whiteList))&&o.apply(this,[t,n])})},t.prototype.monkeyPatchCreateElement=function(){var t=this,n=this;document.createElement=function(o,r){var s=t.nativeCreateElement(o,r);if(!t.isTagForbidden(s.tagName))return s;var a=s.setAttribute.bind(s);try{var c=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(s),"src");Object.defineProperties(s,{src:e(e({},c),{set:function(e){if(n.addUnknowUrls(e),p.isMeasurement()||!i(e,n.settings.whiteList))return a("src",e);a(n.settings.blockedSrcAttribute,e),s.removeAttribute("src"),n.addBlockedElement(s)}})}),s.setAttribute=function(e,t){"src"===e?s[e]=t:a(e,t)}}catch(e){}return s}},t.prototype.nodeHasValidSrc=function(e){return e instanceof HTMLElement&&e.hasAttribute("src")&&null!==e.getAttribute("src")},t.prototype.setupMutationObserver=function(){var e=this,t=this;this.observer=new MutationObserver((function(n){Array.prototype.forEach.call(n,(function(n){Array.prototype.forEach.call(n.addedNodes,(function(n){n instanceof HTMLElement&&(t.hasForbiddenClass(n)||e.isForbidden(n)&&n.hasAttribute("src")&&null!==n.getAttribute("src"))&&e.blockElementLoad(n)})),n.attributeName&&e.blockElementLoad(n.target)}))})),this.observer.observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["src"]})},t.prototype.setupListeners=function(){var e=this;document.addEventListener(r.UpdateConfiguration,(function(t){p.setAccepted(t.detail.measurement,t.detail.advertising),e.isActive&&p.isMeasurement()?e.deactivate():e.isActive||p.isMeasurement()||e.activate()})),this.settings.unknownProvidersEndpoint&&window.addEventListener("load",(function(){e.debouncedSendUnknowProviders(),e.isWindowLoaded=!0}))},t.prototype.isTagForbidden=function(e){return-1!==this.settings.forbiddenTags.indexOf(e.toLowerCase())},t.prototype.hasForbiddenClass=function(e){return e.classList.contains("cookienator-blocked")},t.prototype.isForbidden=function(e){return this.isTagForbidden(e.tagName)||this.hasForbiddenClass(e)},t.prototype.blockElementLoad=function(e){var t=this,n=e.getAttribute("src");if(p.isMeasurement())return null!==n&&this.addUnknowUrls(n),!0;if(!this.isBlocked(e)&&null!==n){if(p.isMeasurement()||!i(n,this.settings.whiteList)&&!this.hasForbiddenClass(e))return;switch(e.tagName){case"SCRIPT":e.setAttribute("type",this.settings.scriptTypeAttribute);var o=function(n){e.getAttribute("type")===t.settings.scriptTypeAttribute&&n.preventDefault(),e.removeEventListener("beforescriptexecute",o)};e.addEventListener("beforescriptexecute",o);break;case"IFRAME":var r=e;if(null!==r.contentWindow)try{r.contentWindow.stop()}catch(e){try{r.contentWindow.document.execCommand("Stop")}catch(e){}}}e.setAttribute(this.settings.blockedSrcAttribute,n),e.removeAttribute("src")}this.addBlockedElement(e,!0)},t.prototype.addBlockedElement=function(e,t){var n;void 0===t&&(t=!1),this.isBlocked(e)&&(n=this.blockedElements.get(e)),n||(n={element:e}),t&&!n.placeholder&&(n.placeholder=this.createPlaceholder(e),a(n.placeholder,e),this.fragment.appendChild(e)),this.blockedElements.set(e,n)},t.prototype.isBlocked=function(e){return this.blockedElements.has(e)},t.prototype.addUnknowUrls=function(e){try{var t=new URL(e);if(["http:","https:"].includes(t.protocol)&&!this.unknownProviders.includes(t.hostname))this.settings.providers.some((function(e){return t.hostname===e||t.hostname.endsWith("."+e)}))||(this.unknownProviders.push(t.hostname),this.isWindowLoaded&&this.debouncedSendUnknowProviders())}catch(e){}},t.prototype.sendUnknownProviders=function(){var e,t=this;if(this.settings.debugMode){if(!this.unknownProviders.length||!this.settings.unknownProvidersEndpoint)return!1;var n=this.unknownProviders.filter((function(e){return!t.sendedUnknownProviders.includes(e)}));s.show(n.join("\n"));var o={providers:n};if("navigator"in window&&navigator.sendBeacon)navigator.sendBeacon(this.settings.unknownProvidersEndpoint,JSON.stringify(o));else{var i=new XMLHttpRequest;i.open("POST",this.settings.unknownProvidersEndpoint,!0),i.withCredentials=!1,i.setRequestHeader("Content-Type","text/plain;charset=UTF-8"),i.send(JSON.stringify(o))}(e=this.sendedUnknownProviders).push.apply(e,n)}},t.prototype.createPlaceholder=function(e){var t;if(this.settings.placeholder&&(this.settings.placeholderTags.includes(e.tagName.toLowerCase())||this.hasForbiddenClass(e))){var n=document.createElement("div"),o=getComputedStyle(e),i=o.display.indexOf("inline")>-1?"inline-block":"block",s=Math.max(280,parseInt(o.width,10)),a=Math.max(140,parseInt(o.height,10));n.innerHTML='<div class="cookienator-placeholder" style="display:'+i+";width:"+s+"px;height:"+a+'px;"><div class="cookienator-placeholder-inner"><p class="cookienator-placeholder-text">'+this.translator.trans("placeholder.text")+'                 </p><button type="button" class="cookienator-placeholder-button">'+this.translator.trans("placeholder.btn")+"</button></div></div>";var c=n.children.item(0);return null===(t=c.querySelector("button"))||void 0===t||t.addEventListener("click",(function(e){document.dispatchEvent(new Event(r.ShowConfigurator))})),c}return document.createComment(e.tagName+": "+(e.getAttribute(this.settings.blockedSrcAttribute)||"no-src"))},t}(),v=[],b=[];!function(e,t){if(e&&"undefined"!=typeof document){var n,o=!0===t.prepend?"prepend":"append",i=!0===t.singleTag,r="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(i){var s=v.indexOf(r);-1===s&&(s=v.push(r)-1,b[s]={}),n=b[s]&&b[s][o]?b[s][o]:b[s][o]=a()}else n=a();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function a(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),i=0;i<n.length;i++)e.setAttribute(n[i],t.attributes[n[i]]);var s="prepend"===o?"afterbegin":"beforeend";return r.insertAdjacentElement(s,e),e}}(".cookienator-placeholder{box-sizing:border-box;color:#444;color:var(--cookies-color,#444);font-family:Arial,Helvetica,sans-serif;font-family:var(--cookies-font-family,Arial,Helvetica,sans-serif);font-size:14px;font-size:var(--cookies-font-size,14px);max-width:100%}.cookienator-placeholder-inner{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#f0f0f0;background-color:var(--cookies-placeholder-bg-color,#f0f0f0);box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;padding:2em;width:100%}.cookienator-placeholder-text{line-height:1.3;margin:0;text-align:center}.cookienator-placeholder-button{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:1.5px solid;border-radius:3px;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:600;height:2.5em;justify-content:center;line-height:2.5rem;margin:2em 0 0;opacity:.6;padding:0 2em;transition:opacity .2s ease}.cookienator-placeholder-button:hover{opacity:1}",{}),new g(window.CookienatorSettings||{}).init()}));</script>

                
        
                                    <meta name="description" content="Descubre cómo impulsar tu comunicación digital con una mirada estratégica. ¡Entra ahora y empezamos! Te daremos las claves necesarias.">
                            <link rel="shortcut icon" href="https://docs.gestionaweb.cat/9596/logo.ico">
                
                                                                                <link rel="alternate" hreflang="x-default" href="https://www.francescgrau.com/es/">
                                        <link rel="alternate" hreflang="es" href="https://www.francescgrau.com/es/">
                                                                                    <link rel="alternate" hreflang="ca" href="https://www.francescgrau.com/ca/">
                                    
                    <link rel="canonical" href="https://www.francescgrau.com/es/">
        
                
                <link rel="stylesheet" href="/es/main-v2.min.css?v=1781163156">

                <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
                    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Forum:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
        
                <meta property="og:type" content="website">
        <meta property="og:url" content="https://www.francescgrau.com/es/">
        <meta property="og:site_name" content="Francesc Grau">
        <meta property="og:title" content="Francesc Grau: Consultoría en comunicación digital">
                                            <meta property="og:description" content="Descubre cómo impulsar tu comunicación digital con una mirada estratégica. ¡Entra ahora y empezamos! Te daremos las claves necesarias.">
        
        
                    
            <meta property="og:image" content="https://images.gestionaweb.cat/9596/imgf-1200-630/imgi-1-crisimulator-3.png">
            <link rel="image_src" href="https://images.gestionaweb.cat/9596/imgf-1200-630/imgi-1-crisimulator-3.png">
                    
            <meta property="og:image" content="https://images.gestionaweb.cat/9596/imgf-1200-630/frame-1-3-2.png">
            <link rel="image_src" href="https://images.gestionaweb.cat/9596/imgf-1200-630/frame-1-3-2.png">
                    
            <meta property="og:image" content="https://images.gestionaweb.cat/9596/imgf-1200-630/frame-2-2.png">
            <link rel="image_src" href="https://images.gestionaweb.cat/9596/imgf-1200-630/frame-2-2.png">
                    
            <meta property="og:image" content="https://images.gestionaweb.cat/9596/imgf-1200-630/frame-3-2.png">
            <link rel="image_src" href="https://images.gestionaweb.cat/9596/imgf-1200-630/frame-3-2.png">
        
        
                
                                            <script type="application/ld+json">{
    "@context": "http:\/\/schema.org",
    "@type": "Organization",
    "name": "Francesc Grau",
    "url": "https:\/\/www.francescgrau.com\/",
    "logo": "https:\/\/images.gestionaweb.cat\/9596\/pimg-800-800\/imgi-1-crisimulator-3.png",
    "telephone": "",
    "address": {
        "@type": "PostalAddress",
        "name": "Francesc Grau",
        "streetAddress": "",
        "postalCode": "",
        "addressLocality": "",
        "telephone": ""
    }
}</script>
                    
                
        
                    </head>

    <body id="apt273664">
                
        <main class="offcanvas-wrapper">
            <header class="offcanvas-header">
                
    <div class="offcanvas-header-logo">
                    <a href="/es/">
                                                                <picture>
                    <img
                        loading="lazy"
                        src="https://images.gestionaweb.cat/9596/pqimg-240-240/imgi-1-crisimulator-3.png"
                        srcset="https://images.gestionaweb.cat/9596/pqimg-240-240/imgi-1-crisimulator-3.png 240w"
                        sizes="240px"
                        alt="Francesc Grau"
                    >
                </picture>
            </a>
            </div>
<div class="offcanvas-header-links">
    </div>
<div class="offcanvas-header-menu-toggle" data-offcanvas-toggle="menu-mobil">
    <div class="offcanvas-header-menu-toggle-inner"></div>
</div>
            </header>
            <aside class="offcanvas position-right" data-offcanvas="menu-mobil">
                


<div class="mobile-drawer">
            <div class="mobile-lang">
            <ul class="mobile-menu">
                <li>
                    <div class="mobile-lang-btn">
                        <span class="mobile-menu-icon-left fc fc-globe-o"></span>
                                                                                    Español
                                                                                                                                <span class="mobile-menu-toggle fc fc-angle-up"></span>
                    </div>
                    <ul class="mobile-lang-list">
                                                    <li>
                                <a
                                    class="mobile-menu-item active"
                                    hreflang="es"
                                    href="//www.francescgrau.com/es/"
                                                                    >Español</a>
                            </li>
                                                    <li>
                                <a
                                    class="mobile-menu-item "
                                    hreflang="ca"
                                    href="//www.francescgrau.com/ca/"
                                                                            lang="ca"
                                                                    >Català</a>
                            </li>
                                            </ul>
                </li>
            </ul>
        </div>
    
    <nav class="mobile-nav">
        
                    <ul class="mobile-menu mobile-menu-main">
                    
    
                                    
            
            
            <li class="" data-menu-toggle>
                <a
                    href="/es/sobre-mi/"
                                        class="mobile-menu-item "
                >
                                        Sobre mí
                                    </a>
                            </li>
                                
            
            
            <li class="" data-menu-toggle>
                <a
                    href="/es/contacto/"
                                        class="mobile-menu-item "
                >
                                        Contacto
                                    </a>
                            </li>
            
            </ul>
                            <ul class="mobile-menu mobile-menu-secondary">
                    
    
                                    
            
            
            <li class="" data-menu-toggle>
                <a
                    href="/es/aviso-legal/"
                                        class="mobile-menu-item "
                >
                                        Aviso legal
                                    </a>
                            </li>
                                
            
            
            <li class="" data-menu-toggle>
                <a
                    href="/es/politica-de-privacidad/"
                                        class="mobile-menu-item "
                >
                                        Política de privacidad
                                    </a>
                            </li>
                                
            
            
            <li class="" data-menu-toggle>
                <a
                    href="/es/politica-de-cookies/"
                                        class="mobile-menu-item "
                >
                                        Política de cookies
                                    </a>
                            </li>
                                
            
            
            <li class="" data-menu-toggle>
                <a
                    href="javascript:document.dispatchEvent(new Event('cookienator:show-configurator'));"
                                        class="mobile-menu-item "
                >
                                        Configuración de cookies
                                    </a>
                            </li>
                                
            
            
            <li class="" data-menu-toggle>
                <a
                    href="/es/mapa-web/"
                                        class="mobile-menu-item "
                >
                                        Mapa web
                                    </a>
                            </li>
                                
            
            
            <li class="" data-menu-toggle>
                <a
                    href="/es/accesibilidad/"
                                        class="mobile-menu-item "
                >
                                        Accesibilidad
                                    </a>
                            </li>
                                
            
            
            <li class="" data-menu-toggle>
                <a
                    href="/es/contactame/"
                                        class="mobile-menu-item "
                >
                                        Contáctame
                                    </a>
                            </li>
                                
            
            
            <li class="" data-menu-toggle>
                <a
                    href="/es/quien-soy/"
                                        class="mobile-menu-item "
                >
                                        Quien soy
                                    </a>
                            </li>
            
            </ul>
                            </nav>
</div>
            </aside>
            <section class="offcanvas-content h100" data-offcanvas-content="menu-mobil">
                <div
    id="header"
    class="clearfix"
            data-fixed="true"
        data-fixed-over="true"
        data-fixed-opacity="0"
    >
    
            <div class="header-desktop-widgets">
            
    <div class="widget-list">
                    <div
                class="widget-section m-hidden s-hidden widget-section--fluid py-medium py-md-medium py-sm-medium px-large px-md-large px-sm-large gy-large gx-medium flex-row"
                id="section-378668"
                                                style="z-index:100"
                            >
                
                
                <div class="widget-section-content">
                                        <div
                        class="widget-section-content-content background-size-cover background-position-center-center"
                        style=""
                    >
                                                    <div
                                    class="widget-column flex-large-3 flex-medium-3 flex-small-12 py-none py-md-none py-sm-none px-none px-md-none px-sm-none flex-justify-center gy-medium"
                                    id="column-935772"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786003"
                                                class=" widget-item widget-type-logo"
                                            >
                                                                                                        <div class="text-left">
        <a href='/es/' title="Francesc&#x20;Grau">
                            <img
                    src="https://images.gestionaweb.cat/9596/pqimg-640-640/imgi-1-crisimulator-3.png"
                    alt="Francesc&#x20;Grau"
                />
                    </a>
    </div>
            <style>#widget-1786003 img{width:400px}</style>
    

                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                        <div
                                    class="widget-column flex-large-6 flex-medium-6 flex-small-12 py-none py-md-none py-sm-none px-medium px-md-medium px-sm-medium flex-justify-center gy-medium"
                                    id="column-935773"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786004"
                                                class=" widget-item widget-type-menu-dropdown"
                                            >
                                                                                                        <ul class="menu-dropdown sf-menu flex-justify-center">
                    <li >
                <a
                    href="/es/sobre-mi/"
                                    >
                                        Sobre mí
                                    </a>
                            </li>
                    <li >
                <a
                    href="/es/contacto/"
                                    >
                                        Contacto
                                    </a>
                            </li>
            </ul>
            <style>#widget-1786004{font-size:14px;font-weight:400;text-transform:uppercase}#widget-1786004>ul>li>a{padding:15px 20px;color:#fff}#widget-1786004>ul>li:hover>a{color:#fff;border-bottom:1px solid #ffffff!important;margin-bottom:-1px}#widget-1786004>ul>li.active>a{color:#fff;border-bottom:1px solid #ffffff!important;margin-bottom:-1px}#widget-1786004>ul ul a{padding:15px 20px;color:#000;background-color:#fff}#widget-1786004>ul ul a:hover{color:#fff;background-color:#030b2e}#widget-1786004>ul ul li.active a{color:#fff;background-color:#030b2e}</style>
    

                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                        <div
                                    class="widget-column flex-large-3 flex-medium-3 flex-small-12 py-none py-md-none py-sm-none px-none px-md-none px-sm-none flex-justify-center gy-medium"
                                    id="column-935774"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786006"
                                                class=" widget-item widget-type-language-list"
                                            >
                                                                                                        <ul class="language-list language-list--direction-horizontal language-list--align-right language-list--style-code language-list--direction-md-horizontal language-list--align-md-right language-list--direction-sm-horizontal language-list--align-sm-right">
                    <li
                class="active"            >
                <a
                                        hreflang="es"
                    href="//www.francescgrau.com/es/"
                    title="Español"
                >
                                            <span class="text-uppercase">es</span>
                                    </a>
            </li>
                    <li
                            >
                <a
                                            lang="ca"
                                        hreflang="ca"
                    href="//www.francescgrau.com/ca/"
                    title="Català"
                >
                                            <span class="text-uppercase">ca</span>
                                    </a>
            </li>
            </ul>
            <style>#widget-1786006{font-size:15px}#widget-1786006 a{color:#fff}</style>
    

                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                </div>
                </div>
                            </div>
            </div>
        </div>
    </div>
                
    <div id="home">
        
        
    <div class="widget-list">
                    <div
                class="widget-section widget-section--fluid gy-none gx-none flex-row"
                id="section-378640"
                                            >
                
                
                <div class="widget-section-content">
                                            <div class="widget-section-content-overlay"></div>
                                        <div
                        class="widget-section-content-content background-size-cover background-position-center-center"
                        style=""
                    >
                                                    <div
                                    class="widget-column flex-large-12 flex-medium-12 flex-small-12 m-hidden s-hidden py-none py-md-none py-sm-none px-none px-md-none px-sm-none flex-justify-top gy-medium"
                                    id="column-935785"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                            </div>
                                                                            <style>#column-935785{min-height:20vh}</style>
                                                                    </div>
                                                        <div
                                    class="widget-column flex-large-9 flex-medium-12 flex-small-12 py-large py-md-large py-sm-large px-large px-md-large px-sm-large flex-justify-center gy-medium"
                                    id="column-935705"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1785882"
                                                class=" widget-item widget-type-title"
                                            >
                                                                                                        <h1
    class="title1 text-center text-sm-only-center"
    style="color:#ffffff;"    >
    Conecto personas, marcas y oportunidades en la era digital    </h1>
    

                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1785891"
                                                class=" widget-item widget-type-text"
                                            >
                                                                                                        <div
        class="text text-columns-1 text-center text-sm-only-center"
        style="color:#ffffff;">
        <p>Hola, soy Francesc Grau — consultor en comunicación digital y diplomacia online. Ayudo a profesionales y organizaciones a construir una reputación auténtica y relaciones estratégicas que importan.</p>
    </div>


                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1785884"
                                                class=" widget-item widget-type-button"
                                            >
                                                                                                        <div class="text-center text-sm-only-center">
        <a
            href="/es/sobre-mi/"
            class="btn btn--icon-left"
                                                >
            
                            Saber más
                                </a>
                    <style>#widget-1785884 .btn{background-color:#fff;border:1px solid #fff;color:#000}#widget-1785884 .btn:hover{background-color:#fff0;border:1px solid #fff;color:#fff}</style>
            </div>


                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                        <div
                                    class="widget-column flex-large-12 flex-medium-12 flex-small-12 m-hidden s-hidden py-none py-md-none py-sm-none px-none px-md-none px-sm-none flex-justify-top gy-medium"
                                    id="column-935787"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                            </div>
                                                                            <style>#column-935787{min-height:20vh}</style>
                                                                    </div>
                                                </div>
                </div>
                                    <style>#section-378640{min-height:50vh}#section-378640 .widget-section-content{overflow:hidden;border-radius:0 0 25px 25px}#section-378640 .widget-section-content-content{background-color:#000;background-image:url(https://images.gestionaweb.cat/9596/pwimg-2560/gradient-background-7.jpg);}#section-378640 .widget-section-content-overlay{background-color:#000;opacity:.4}</style>
                            </div>
                    <div
                class="widget-section widget-section--fluid mt-small py-medium py-md-medium py-sm-medium px-large px-md-large px-sm-large gy-medium gx-medium flex-row"
                id="section-378672"
                                            >
                
                
                <div class="widget-section-content">
                                        <div
                        class="widget-section-content-content background-size-cover background-position-center-center"
                        style=""
                    >
                                                    <div
                                    class="widget-column flex-large-12 flex-medium-12 flex-small-12 py-medium py-md-medium py-sm-medium px-xlarge px-md-xlarge px-sm-xlarge flex-justify-top gy-medium"
                                    id="column-935796"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786039"
                                                class=" widget-item widget-type-text"
                                            >
                                                                                                        <div
        class="text text-columns-1 text-left"
        >
        <p style="text-align: center;">DIPLOMACIA ONLINE</p>
    </div>


                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786038"
                                                class=" widget-item widget-type-title"
                                            >
                                                                                                        <h2
    class="title2 text-center"
        >
    La nueva frontera de la reputación digital    </h2>
    

                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786060"
                                                class=" widget-item widget-type-text"
                                            >
                                                                                                        <div
        class="text text-columns-1 text-left"
        >
        <p style="text-align: center;">Vivimos en un mundo interconectado donde la dimensión digital ya no es ‘extra’ sino esencial. En esta era híbrida (online + offline), nuestras relaciones, acciones y reputación definen quiénes somos tanto personal como profesionalmente.</p>
    </div>


                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786040"
                                                class=" widget-item widget-type-button"
                                            >
                                                                                                        <div class="text-center">
        <a
            href=""
            class="btn btn--icon-left"
                                                >
            
                            Descubre cómo convertir tu actividad digital
                                </a>
            </div>


                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                </div>
                </div>
                            </div>
                    <div
                class="widget-section widget-section--fluid py-medium py-md-medium py-sm-medium px-large px-md-large px-sm-large gy-medium gx-medium flex-row"
                id="section-378788"
                                            >
                
                
                <div class="widget-section-content">
                                        <div
                        class="widget-section-content-content background-size-cover background-position-center-center"
                        style=""
                    >
                                                    <div
                                    class="widget-column flex-large-12 flex-medium-12 flex-small-12 py-medium py-md-medium py-sm-medium px-medium px-md-medium px-sm-medium flex-justify-top gy-medium"
                                    id="column-936133"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786558"
                                                class=" widget-item widget-type-title"
                                            >
                                                                                                        <h3
    class="title3 text-center"
        >
    Mi enfoque de diplomacia online parte de:    </h3>
    

                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                        <div
                                    class="widget-column flex-large-3 flex-medium-6 flex-small-12 py-medium py-md-medium py-sm-medium px-medium px-md-medium px-sm-medium flex-justify-top gy-small"
                                    id="column-936134"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786559"
                                                class=" widget-item widget-type-image"
                                            >
                                                                                                            
                
            
    <figure
                    class="fluid"
            >
                    <img
                loading="lazy"
                src="https://images.gestionaweb.cat/9596/pwimg-480/frame-1-3-2.png"
                srcset="https://images.gestionaweb.cat/9596/pwimg-480/frame-1-3-2.png 480w, https://images.gestionaweb.cat/9596/pwimg-640/frame-1-3-2.png 640w, https://images.gestionaweb.cat/9596/pwimg-960/frame-1-3-2.png 960w, https://images.gestionaweb.cat/9596/pwimg-1024/frame-1-3-2.png 1024w, https://images.gestionaweb.cat/9596/pwimg-1280/frame-1-3-2.png 1280w, https://images.gestionaweb.cat/9596/pwimg-1600/frame-1-3-2.png 1600w"
                alt="mobil&#x20;con&#x20;mensajes"
            >
                            </figure>
    

                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786560"
                                                class=" widget-item widget-type-text"
                                            >
                                                                                                        <div
        class="text text-columns-1 text-center"
        >
        <p>Presencia digital controlada y coherente</p>
    </div>


                                                                                            </div>
                                                                            </div>
                                                                            <style>#column-936134{overflow:hidden;border-radius:25px;border:1px solid #030b2e}</style>
                                                                    </div>
                                                        <div
                                    class="widget-column flex-large-3 flex-medium-6 flex-small-12 py-medium py-md-medium py-sm-medium px-medium px-md-medium px-sm-medium flex-justify-top gy-small"
                                    id="column-936135"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786561"
                                                class=" widget-item widget-type-image"
                                            >
                                                                                                            
                
            
    <figure
                    class="fluid"
            >
                    <img
                loading="lazy"
                src="https://images.gestionaweb.cat/9596/pwimg-480/frame-2-2.png"
                srcset="https://images.gestionaweb.cat/9596/pwimg-480/frame-2-2.png 480w, https://images.gestionaweb.cat/9596/pwimg-640/frame-2-2.png 640w, https://images.gestionaweb.cat/9596/pwimg-960/frame-2-2.png 960w, https://images.gestionaweb.cat/9596/pwimg-1024/frame-2-2.png 1024w, https://images.gestionaweb.cat/9596/pwimg-1280/frame-2-2.png 1280w, https://images.gestionaweb.cat/9596/pwimg-1600/frame-2-2.png 1600w"
                alt="icono&#x20;mensaje"
            >
                            </figure>
    

                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786562"
                                                class=" widget-item widget-type-text"
                                            >
                                                                                                        <div
        class="text text-columns-1 text-center"
        >
        <p><span style="font-weight: 400;">Gestión proactiva de relaciones y comunidades</span></p>
    </div>


                                                                                            </div>
                                                                            </div>
                                                                            <style>#column-936135{overflow:hidden;border-radius:25px;border:1px solid #030b2e}</style>
                                                                    </div>
                                                        <div
                                    class="widget-column flex-large-3 flex-medium-6 flex-small-12 py-medium py-md-medium py-sm-medium px-medium px-md-medium px-sm-medium flex-justify-top gy-small"
                                    id="column-936136"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786563"
                                                class=" widget-item widget-type-image"
                                            >
                                                                                                            
                
            
    <figure
                    class="fluid"
            >
                    <img
                loading="lazy"
                src="https://images.gestionaweb.cat/9596/pwimg-480/frame-3-2.png"
                srcset="https://images.gestionaweb.cat/9596/pwimg-480/frame-3-2.png 480w, https://images.gestionaweb.cat/9596/pwimg-640/frame-3-2.png 640w, https://images.gestionaweb.cat/9596/pwimg-960/frame-3-2.png 960w, https://images.gestionaweb.cat/9596/pwimg-1024/frame-3-2.png 1024w, https://images.gestionaweb.cat/9596/pwimg-1280/frame-3-2.png 1280w, https://images.gestionaweb.cat/9596/pwimg-1600/frame-3-2.png 1600w"
                alt="icono&#x20;megafono"
            >
                            </figure>
    

                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786564"
                                                class=" widget-item widget-type-text"
                                            >
                                                                                                        <div
        class="text text-columns-1 text-center"
        >
        <p>Construcción de reputación pública mediante transparencia</p>
    </div>


                                                                                            </div>
                                                                            </div>
                                                                            <style>#column-936136{overflow:hidden;border-radius:25px;border:1px solid #030b2e}</style>
                                                                    </div>
                                                </div>
                </div>
                                    <style>#section-378788{background-color:#f5f5f5}</style>
                            </div>
                    <div
                class="widget-section widget-section--fluid mt-small py-medium py-md-medium py-sm-medium px-large px-md-large px-sm-large gy-medium gx-medium flex-row"
                id="section-378790"
                                            >
                
                
                <div class="widget-section-content">
                                        <div
                        class="widget-section-content-content background-size-cover background-position-center-center"
                        style=""
                    >
                                                    <div
                                    class="widget-column flex-large-12 flex-medium-12 flex-small-12 py-medium py-md-medium py-sm-medium px-xlarge px-md-xlarge px-sm-xlarge flex-justify-top gy-medium"
                                    id="column-936143"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786575"
                                                class=" widget-item widget-type-text"
                                            >
                                                                                                        <div
        class="text text-columns-1 text-left"
        >
        <p style="text-align: center;">BLOG</p>
    </div>


                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786576"
                                                class=" widget-item widget-type-title"
                                            >
                                                                                                        <h2
    class="title2 text-center"
        >
    Reflexiones, tendencias y prácticas de comunicación digital    </h2>
    

                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786577"
                                                class=" widget-item widget-type-text"
                                            >
                                                                                                        <div
        class="text text-columns-1 text-left"
        >
        <p style="text-align: center;">Te invito a explorar mis últimos artículos donde analizo casos reales, herramientas emergentes y dinámicas de reputación online. Acompáñame en este viaje por el mundo de la diplomàcia digital.</p>
    </div>


                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786578"
                                                class=" widget-item widget-type-button"
                                            >
                                                                                                        <div class="text-center">
        <a
            href=""
            class="btn btn--icon-left"
                                                >
            
                            Ver todos los artículos
                                </a>
            </div>


                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                </div>
                </div>
                            </div>
                    <div
                class="widget-section widget-section--fluid gy-none gx-none flex-row"
                id="section-378706"
                                            >
                
                
                <div class="widget-section-content">
                                        <div
                        class="widget-section-content-content background-size-cover background-position-center-center"
                        style=""
                    >
                                                    <div
                                    class="widget-column flex-large-4 flex-medium-12 flex-small-12 py-large py-md-large py-sm-large px-large px-md-large px-sm-large flex-justify-top gy-medium"
                                    id="column-935885"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786194"
                                                class=" widget-item widget-type-title"
                                            >
                                                                                                        <h3
    class="title2 text-left text-sm-only-center"
        >
    ¿Tienes un reto de comunicación digital?    </h3>
    

                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786195"
                                                class=" widget-item widget-type-text"
                                            >
                                                                                                        <div
        class="text text-columns-1 text-left text-sm-only-center"
        >
        <p>¿Quieres asesoramiento para tu presencia online? ¿O simplemente quieres intercambiar ideas sobre reputación y diplomàcia online? Escríbeme y conversemos.</p>
    </div>


                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786196"
                                                class=" widget-item widget-type-button"
                                            >
                                                                                                        <div class="text-left text-sm-only-center">
        <a
            href="/es/contacto/"
            class="btn btn--icon-left"
                                                >
            
                            Contacta
                                </a>
                    <style>#widget-1786196 .btn:hover{}</style>
            </div>


                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                        <div
                                    class="widget-column flex-large-8 flex-medium-12 flex-small-12 py-large py-md-large py-sm-large px-large px-md-large px-sm-large flex-justify-top gy-medium"
                                    id="column-935886"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786223"
                                                class=" widget-item widget-type-form"
                                            >
                                                                                                                
<form
    method="post"
    autocomplete="off"
    class="form pt5 custom grid-12 clearfix"
    action="/es/?status=sent#form_widget-form-8049"
            id="form_widget-form-8049"
        enctype="multipart/form-data"
    novalidate
>
   <div class="clearfix">
       
                                            
                                
                
                
                                    
                    <p class="dn">
                        <label
                                                            for='input-widget-1786223-hp'
                                                    >
                            Notas<em>*</em>:
                        </label>
                        <input
                            id="input-widget-1786223-hp"
                            name="formulari[widget-1786223][hp]"
                            type="text"
                            value=""
                            class="input"
                        >
                    </p>

                    <div class="grid-12 padded-reverse">
                                                    <div
                               class="grid-12 padded-sides form-wizard-step"
                               data-form-wizard-step="1"
                            >
                                                                                                                                           <div
                                           class="form-bloc form-bloc-text form-bloc-grid-12 s-grid-12 form-bloc-first padded-inner-bottom"
                                                                                  >
                                                                                                                                          <label
                                                                                                            for='input-widget-1786223-56699'
                                                                                                    >
                                                    Nombre y apellidos<em>*</em>                                                </label>
                                                                                              <input
                                                   id="input-widget-1786223-56699"
                                                   name="formulari[widget-1786223][56699]"
                                                   type="text"
                                                   value=""
                                                                                                      class="input required"
                                               >

                                                                                  </div>

                                                                                                                                               <div
                                           class="form-bloc form-bloc-text form-bloc-grid-12 s-grid-12 padded-inner-bottom"
                                                                                  >
                                                                                                                                          <label
                                                                                                            for='input-widget-1786223-56700'
                                                                                                    >
                                                    Teléfono<em>*</em>                                                </label>
                                                                                              <input
                                                   id="input-widget-1786223-56700"
                                                   name="formulari[widget-1786223][56700]"
                                                   type="text"
                                                   value=""
                                                                                                      class="input required"
                                               >

                                                                                  </div>

                                                                                                                                               <div
                                           class="form-bloc form-bloc-text form-bloc-grid-12 s-grid-12 padded-inner-bottom"
                                                                                  >
                                                                                                                                          <label
                                                                                                            for='input-widget-1786223-56701'
                                                                                                    >
                                                    Correo electrónico<em>*</em>                                                </label>
                                                                                              <input
                                                   id="input-widget-1786223-56701"
                                                   name="formulari[widget-1786223][56701]"
                                                   type="text"
                                                   value=""
                                                                                                      class="input required"
                                               >

                                                                                  </div>

                                                                                                                                               <div
                                           class="form-bloc form-bloc-textarea form-bloc-grid-12 s-grid-12 padded-inner-bottom"
                                                                                  >
                                                                                                                                             <label
                                                                                                                    for='input-widget-1786223-56702'
                                                                                                           >
                                                       Mensaje<em>*</em>                                                   </label>
                                                                                              <textarea
                                                   id="input-widget-1786223-56702"
                                                   name="formulari[widget-1786223][56702]"
                                                   class="input required"
                                               ></textarea>

                                                                                  </div>

                                                                                                                                               <div
                                           class="form-bloc form-bloc-legal form-bloc-grid-12 s-grid-12 padded-inner-bottom"
                                                                                  >
                                                                                              <div class="legal">
        <span class="enclosure">
            <span class="line">
                <label for="input-widget-1786223-legal">
                    <input type='checkbox'
                           id="input-widget-1786223-legal"
                           name="formulari[widget-1786223][legal]"
                           class="required"
                           value='1'
                    >
                                                    He leído y acepto la <a href="/es/politica-de-privacidad/" target="_blank">política de privacidad</a>.
                                            <em>*</em>
                </label>
            </span>
        </span>
    </div>


                                                                                  </div>

                                                                                                                                               <div
                                           class="form-bloc form-bloc-newsletter form-bloc-grid-12 s-grid-12 padded-inner-bottom"
                                                                                  >
                                                                                              <span class="enclosure">
        <span class="line">
            <label for="input-widget-1786223-newsletter">
                <input
                    type='checkbox'
                    id="input-widget-1786223-newsletter"
                    name="formulari[widget-1786223][newsletter_flg]"
                    value='1'
                >
                Acepto recibir información sobre las actividades, servicios y productos de  Francesc Grau Güell.
            </label>
        </span>
    </span>


                                                                                  </div>

                                                                                                                                               <div
                                           class="form-bloc form-bloc-legal-info form-bloc-grid-12 s-grid-12 padded-inner-bottom"
                                                                                  >
                                                                                              <div class="legal-recaptcha">
        <p>
            Este sitio está protegido por reCAPTCHA y Google, y se aplica la <a target='_blank' href='https://policies.google.com/privacy'>Política de privacidad</a> y <a target='_blank' href='https://policies.google.com/terms'>Condiciones del servicio</a>.
        </p>
    </div>

                                                                                                       <div class="legal-more">
        <p><span class="text-uppercase">Información básica sobre el tratamiento de datos (Reglamento (UE) 2016/679  y LO 3/2018)</span></p>
        <p>Responsable del tratamiento: Francesc Grau Güell.</p>
        <p>Finalidad:
                            Ofrecer, prestar y facturar nuestros servicios y productos.
                    </p>
        <p>Legitimación: Consentimiento del interesado.</p>
        <p>Destinatarios: Los datos no se cederán a terceros, a menos que lo exija una ley o sea necesario para cumplir con la finalidad del tratamiento.</p>
        <p>Derechos: Acceder, rectificar y suprimir datos, así como el resto que se explican en la política de privacidad.</p>
        <p>Más información en nuestra <a href="/es/politica-de-privacidad/" target="_blank">política de privacidad</a>.</p>
    </div>

                                               
                                                                                  </div>

                                                                                                                                               <div
                                           class="form-bloc form-bloc-paragraf form-bloc-grid-12 s-grid-12 padded-inner-bottom"
                                                                                  >
                                                                                          <p class="legal-more">* Campos requeridos</p>

                                                                                  </div>

                                                                                                                                               <div
                                           class="form-bloc form-bloc-captcha form-bloc-grid-12 s-grid-12"
                                                                                  >
                                                                                              <div
        data-recaptcha
        data-site-key="6LeOp2cUAAAAAN5ZBfOIfQfENSYjD6ei6_xrPssw"
        data-action="widget_form_8049"
    ></div>


                                                                                  </div>

                                                                                                                                               <div
                                           class="form-bloc form-bloc-submit form-bloc-grid-12 s-grid-12 padded-inner-bottom"
                                                                                  >
                                                                                                                                             <button
                                                                                                                  type="submit"
                                                           class="btn"
                                                                                                                                                                     data-i18n1="Enviar"
                                                       data-i18n2=""
                                                       data-i18n3=""
                                                                                                                                                                                                                        >
                                                                                                            Enviar
                                                                                                       </button>
                                                                                                                                 </div>

                                                                                                 </div>
                                            </div>
                                      
            </div>

    </form>
            

                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                </div>
                </div>
                                    <style>#section-378706 .widget-section-content{overflow:hidden;border-radius:25px 25px 0 0}#section-378706 .widget-section-content-content{background-color:#f5f5f5}</style>
                            </div>
            </div>
    </div>

                <div id="footer">
            
    <div class="widget-list">
                    <div
                class="widget-section widget-section--fluid gy-medium gx-large flex-row"
                id="section-378701"
                                            >
                
                
                <div class="widget-section-content">
                                        <div
                        class="widget-section-content-content background-size-cover background-position-center-center"
                        style=""
                    >
                                                    <div
                                    class="widget-column flex-large-4 flex-medium-6 flex-small-6 py-large py-md-large py-sm-large px-large px-md-large px-sm-large flex-justify-top gy-medium"
                                    id="column-935874"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786193"
                                                class=" widget-item widget-type-ubicacio-list"
                                            >
                                                                                                                <ul
        class="ubicacio ubicacio--medium-cols-1 ubicacio--large-cols-1 ubicacio-icones ubicacio-block ubicacio-align-left"
            >
                    <li>
                            <p class="ubicacio-name">Francesc Grau</p>
    
    
    <div class="ubicacio-item-list">
        
        
        
        
        
        
        
        
        
            </div>

            </li>
            </ul>

            <style>#widget-1786193{color:#fff}#widget-1786193 a{color:#fff}</style>
    

                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                        <div
                                    class="widget-column flex-large-4 flex-medium-4 flex-small-12 m-hidden s-hidden py-large py-md-large py-sm-large px-large px-md-large px-sm-large flex-justify-top gy-medium"
                                    id="column-935881"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786192"
                                                class=" widget-item widget-type-menu-list"
                                            >
                                                                                                        <ul class="menu-list menu-list--direction-vertical menu-list--align-left menu-list--direction-md-vertical menu-list--align-md-left menu-list--direction-sm-vertical menu-list--align-sm-left">
                    <li >
                <a
                    href="/es/aviso-legal/"
                                    >
                                        Aviso legal
                </a>
            </li>
                    <li >
                <a
                    href="/es/politica-de-privacidad/"
                                    >
                                        Política de privacidad
                </a>
            </li>
                    <li >
                <a
                    href="/es/politica-de-cookies/"
                                    >
                                        Política de cookies
                </a>
            </li>
                    <li >
                <a
                    href="javascript:document.dispatchEvent(new Event('cookienator:show-configurator'));"
                                    >
                                        Configuración de cookies
                </a>
            </li>
                    <li >
                <a
                    href="/es/mapa-web/"
                                    >
                                        Mapa web
                </a>
            </li>
                    <li >
                <a
                    href="/es/accesibilidad/"
                                    >
                                        Accesibilidad
                </a>
            </li>
                    <li >
                <a
                    href="/es/contactame/"
                                    >
                                        Contáctame
                </a>
            </li>
                    <li >
                <a
                    href="/es/quien-soy/"
                                    >
                                        Quien soy
                </a>
            </li>
            </ul>
            <style>#widget-1786192{font-size:15px;font-weight:400}#widget-1786192 a{color:#fff}</style>
    

                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                        <div
                                    class="widget-column flex-large-4 flex-medium-6 flex-small-6 py-large py-md-large py-sm-large px-large px-md-large px-sm-large flex-justify-top gy-medium"
                                    id="column-935880"
                                >
                                    
                                    <div class="widget-column-content flex-row">
                                                                                    
                                            <div
                                                id="widget-1786188"
                                                class=" widget-item widget-type-kitdigital"
                                            >
                                                                                                            <div class="logos-kd flex-justify-left">
            <ul>
        <li class="ue">
            <img
                src="https://docs.gestionaweb.cat/0000/kit-digital/kd-ue-nextgeneration-white-negative.svg"
                                    alt="Financiado por la Unión Europea NextGenerationEU"
                            >
        </li>
        <li class="govern">
            <img
                src="https://docs.gestionaweb.cat/0000/kit-digital/kd-govern-white-negative.svg"
                                    alt="Gobierno de España"
                            >
        </li>
        <li class="plan">
            <img
                src="https://docs.gestionaweb.cat/0000/kit-digital/kd-logo-plan-white-negative.svg"
                                    alt="Plan de Recuperación, Transformación y Resiliencia"
                            >
        </li>
    </ul>

    </div>


                                                                                            </div>
                                                                                    
                                            <div
                                                id="widget-1786189"
                                                class=" widget-item widget-type-copyright"
                                            >
                                                                                                            <div class="text-right">
            <a
        href="https://www.hooba.com/es/"
        target="_blank"
        title="Hooba web"
    >
        <span class="fc fc-hooba-logotip"></span>
        <span class="sr-only">Hooba web</span>
    </a>

                    <style>#widget-1786189 a{color:#fff}</style>
            </div>


                                                                                            </div>
                                                                            </div>
                                                                    </div>
                                                </div>
                </div>
                                    <style>#section-378701{background-color:#f5f5f5}#section-378701 .widget-section-content{overflow:hidden;border-radius:25px 25px 0 0}#section-378701 .widget-section-content-content{background-color:#030b2e}</style>
                            </div>
            </div>
    </div>

            </section>
            <div class="offcanvas-overlay"></div>
        </main>

        <div class="dialog">
            <div class="dialogContainer dialog-inner m-grid-10 s-grid-12 clearfix">
                <div class="dialogContent padded-inner ">
                    <div class="dialogContentText"></div>
                    <div class="dialogBottom"><button class="close btn">De acuerdo</button></div>
                </div>
            </div>
        </div>

        <button
    type="button"
    class="button-cookies button-cookies--position-bottom-left"
    title="Configuración de cookies."
>
    <span class="fc fc-cookie"></span>
</button>
<style>.button-cookies{color:#FFF;background-color:#000;border:1px solid #000}</style>

        <script>
            var validate_messages = {
                required: "Este campo es obligatorio.",
                email: "Por favor, escribe un correo electrónico válido.",
                number: "Por favor, escribe un número válido",
                equalTo: "Por favor, introduce de nuevo el mismo valor.",
                notEqualTo: "Billing Email",
                minlength: "Por favor, no escribas menos de {0} caracteres.",
                password: "La contraseña debe tener:<br>- entre 12 y 20 caracteres.<br>- como mínimo una mayúscula.<br>- como mínimo una minúscula.<br>- como mínimo un número.<br>- como mínimo un carácter especial: !@#$%^&*(){}[]_-.,;:+=<>'\"/|~`?€£¥.",
                maxsize: "El archivo supera el tamaño máximo de {0}.",
                formmaxsize: "El conjunto de archivos del formulario superan el tamaño máximo de {0}.",
            };
        </script>

        <script src="/web/bundle/main.min.js?v=1781163157"></script>

        
        
                            </body>
</html>
