{"id":3097,"date":"2026-08-10T12:27:07","date_gmt":"2026-08-10T10:27:07","guid":{"rendered":"https:\/\/web.proyectos-royal.es\/capabilities\/"},"modified":"2026-10-07T16:53:21","modified_gmt":"2026-10-07T14:53:21","slug":"capabilities","status":"publish","type":"page","link":"https:\/\/web.proyectos-royal.es\/en\/capabilities\/","title":{"rendered":"Capabilities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3097\" class=\"elementor elementor-3097 elementor-1039\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-434bb93 e-flex e-con-boxed e-con e-parent\" data-id=\"434bb93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fb259ca e-con-full e-flex e-con e-child\" data-id=\"fb259ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0631839 elementor-widget elementor-widget-text-editor\" data-id=\"0631839\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>HOME \/ EXPERIENCE ORCHESTRATOR<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4509b4c elementor-widget elementor-widget-html\" data-id=\"4509b4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.hcards{\r\n  position:relative;\r\n  width:100%;\r\n  padding-bottom:120px;\r\n}\r\n\r\n.hcards__item{\r\n  position:sticky;\r\n  top:calc(90px + var(--i) * 14px);\r\n  margin-bottom:60px;\r\n}\r\n\r\n.hcards__inner{\r\n  position:relative;\r\n  display:block;\r\n  width:100%;\r\n  aspect-ratio:1199 \/ 599;\r\n  border-radius:10px;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  transform:translateZ(0);\r\n  background-color:#FFEBF0;\r\n  background-size:cover;\r\n  background-position:center;\r\n  box-shadow:0 18px 50px rgba(0,0,0,.10);\r\n  text-decoration:none;\r\n  cursor:none;\r\n}\r\n\r\n\/* Velo oscuro: lo llevan todas salvo la que est\u00e1 al frente *\/\r\n.hcards__inner::before{\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n  background:rgba(21,21,21,.45);\r\n  transition:opacity .45s ease;\r\n  pointer-events:none;\r\n}\r\n\r\n.hcards__item.is-front .hcards__inner::before{\r\n  opacity:0;\r\n}\r\n\r\n.hcards__titulo{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  transform:translate(-50%, -50%);\r\n  z-index:2;\r\n  margin:0;\r\n  width:90%;\r\n  font-family:'Akrobat','Inter',sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(40px, 5.6vw, 80px);\r\n  line-height:1;\r\n  letter-spacing:-0.03em;\r\n  text-transform:uppercase;\r\n  text-align:center;\r\n  color:#FFFFFF;\r\n  transition:color .45s ease;\r\n  pointer-events:none;\r\n}\r\n\r\n.hcards__item.is-front .hcards__titulo{\r\n  color:#151515;\r\n}\r\n\r\n\/* La p\u00edldora que sigue al cursor *\/\r\n.hcards__btn{\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n  z-index:3;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-width:150px;\r\n  height:48px;\r\n  padding:0 26px;\r\n  border-radius:100px;\r\n  background:rgba(255,255,255,.22);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  border:1px solid rgba(255,255,255,.35);\r\n  font-family:'Inter',sans-serif;\r\n  font-size:13px;\r\n  font-weight:700;\r\n  letter-spacing:.04em;\r\n  text-transform:uppercase;\r\n  color:#FFFFFF;\r\n  white-space:nowrap;\r\n  pointer-events:none;\r\n  opacity:0;\r\n  transform:translate(-50%, -50%) scale(.85);\r\n  transition:opacity .25s ease, transform .25s cubic-bezier(.4,0,.2,1);\r\n  will-change:transform;\r\n}\r\n\r\n.hcards__inner.is-hover .hcards__btn{\r\n  opacity:1;\r\n  transform:translate(-50%, -50%) scale(1);\r\n}\r\n\r\n\/* Sobre la tarjeta clara, la p\u00edldora en oscuro *\/\r\n.hcards__item.is-front .hcards__btn{\r\n  background:rgba(21,21,21,.22);\r\n  border-color:rgba(21,21,21,.3);\r\n  color:#151515;\r\n}\r\n\r\n@media (max-width:1024px){\r\n  .hcards{ padding-bottom:60px; }\r\n\r\n  .hcards__item{\r\n    top:20px;\r\n    margin-bottom:24px;\r\n  }\r\n\r\n  .hcards__inner{\r\n    aspect-ratio:3 \/ 4;\r\n    cursor:pointer;\r\n  }\r\n\r\n  .hcards__titulo{\r\n    font-size:clamp(32px, 9vw, 56px);\r\n    width:86%;\r\n  }\r\n\r\n  .hcards__btn{\r\n    left:50%;\r\n    top:auto;\r\n    bottom:28px;\r\n    opacity:1;\r\n    transform:translateX(-50%);\r\n    min-width:140px;\r\n    height:44px;\r\n    font-size:12px;\r\n  }\r\n  .hcards__inner.is-hover .hcards__btn{ transform:translateX(-50%); }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .hcards__item{ position:static; }\r\n  .hcards__btn{ transition:none; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .elementor-element-4509b4c,\r\n    .elementor-element-434bb93 {\r\n        height: auto !important;\r\n        min-height: 0 !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"hcards\" id=\"hcards\">\r\n\r\n  <article class=\"hcards__item\" style=\"--i:0\">\r\n    <a class=\"hcards__inner\" href=\"https:\/\/web.proyectos-royal.es\/en\/servicio\/influency\/\"\r\n       style=\"background-image:url('\/wp-content\/uploads\/2026\/08\/Influency-Hero.png')\">\r\n      <h2 class=\"hcards__titulo\">Royal Influency<\/h2>\r\n      <span class=\"hcards__btn\">View capacity<\/span>\r\n    <\/a>\r\n  <\/article>\r\n\r\n  <article class=\"hcards__item\" style=\"--i:1\">\r\n    <a class=\"hcards__inner\" href=\"https:\/\/web.proyectos-royal.es\/en\/servicio\/strategy\/\"\r\n       style=\"background-image:url('\/wp-content\/uploads\/2026\/08\/Strategy-Hero.png')\">\r\n      <h2 class=\"hcards__titulo\">Royal Strategy<\/h2>\r\n      <span class=\"hcards__btn\">View capacity<\/span>\r\n    <\/a>\r\n  <\/article>\r\n\r\n  <article class=\"hcards__item\" style=\"--i:2\">\r\n    <a class=\"hcards__inner\" href=\"https:\/\/web.proyectos-royal.es\/en\/servicio\/martech\/\"\r\n       style=\"background-image:url('\/wp-content\/uploads\/2026\/08\/Martech-Hero.png')\">\r\n      <h2 class=\"hcards__titulo\">Royal Martech<\/h2>\r\n      <span class=\"hcards__btn\">View capacity<\/span>\r\n    <\/a>\r\n  <\/article>\r\n\r\n  <article class=\"hcards__item\" style=\"--i:3\">\r\n    <a class=\"hcards__inner\" href=\"https:\/\/web.proyectos-royal.es\/en\/servicio\/performance\/\"\r\n       style=\"background-image:url('\/wp-content\/uploads\/2026\/08\/Performance-Hero.png')\">\r\n      <h2 class=\"hcards__titulo\">Royal Performance<\/h2>\r\n      <span class=\"hcards__btn\">View capacity<\/span>\r\n    <\/a>\r\n  <\/article>\r\n\r\n  <article class=\"hcards__item\" style=\"--i:4\">\r\n    <a class=\"hcards__inner\" href=\"https:\/\/web.proyectos-royal.es\/en\/servicio\/design\/\"\r\n       style=\"background-image:url('\/wp-content\/uploads\/2026\/08\/Design-Hero-1.png')\">\r\n      <h2 class=\"hcards__titulo\">Royal Design<\/h2>\r\n      <span class=\"hcards__btn\">View capacity<\/span>\r\n    <\/a>\r\n  <\/article>\r\n\r\n  <article class=\"hcards__item\" style=\"--i:5\">\r\n    <a class=\"hcards__inner\" href=\"https:\/\/web.proyectos-royal.es\/en\/servicio\/creative\/\"\r\n       style=\"background-image:url('\/wp-content\/uploads\/2026\/08\/Design-Hero-1.png')\">\r\n      <h2 class=\"hcards__titulo\">Royal Creative<\/h2>\r\n      <span class=\"hcards__btn\">View capacity<\/span>\r\n    <\/a>\r\n  <\/article>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  var raiz = document.getElementById('hcards');\r\n  if (!raiz) return;\r\n\r\n  var items = Array.prototype.slice.call(raiz.querySelectorAll('.hcards__item'));\r\n  if (!items.length) return;\r\n\r\n  \/* --- Marca cu\u00e1l est\u00e1 al frente del mazo --- *\/\r\n  var pendiente = false;\r\n  var ultimo = -1;\r\n\r\n  function frente() {\r\n    pendiente = false;\r\n\r\n    var idx = 0;\r\n    items.forEach(function (it, n) {\r\n      var tope = parseFloat(getComputedStyle(it).top) || 0;\r\n      if (it.getBoundingClientRect().top <= tope + 4) idx = n;\r\n    });\r\n\r\n    if (idx === ultimo) return;\r\n    ultimo = idx;\r\n\r\n    items.forEach(function (it, n) {\r\n      it.classList.toggle('is-front', n === idx);\r\n    });\r\n  }\r\n\r\n  window.addEventListener('scroll', function () {\r\n    if (pendiente) return;\r\n    pendiente = true;\r\n    requestAnimationFrame(frente);\r\n  }, { passive: true });\r\n\r\n  window.addEventListener('resize', frente);\r\n  frente();\r\n\r\n  \/* --- La p\u00edldora sigue al cursor --- *\/\r\n  if (!window.matchMedia('(hover: hover) and (pointer: fine)').matches) return;\r\n\r\n  raiz.querySelectorAll('.hcards__inner').forEach(function (card) {\r\n    var btn = card.querySelector('.hcards__btn');\r\n    if (!btn) return;\r\n\r\n    var x = 0, y = 0, pedido = false;\r\n\r\n    function pintar() {\r\n      pedido = false;\r\n      btn.style.left = x + 'px';\r\n      btn.style.top  = y + 'px';\r\n    }\r\n\r\n    card.addEventListener('pointerenter', function () {\r\n      card.classList.add('is-hover');\r\n    });\r\n\r\n    card.addEventListener('pointermove', function (e) {\r\n      var r = card.getBoundingClientRect();\r\n      x = e.clientX - r.left;\r\n      y = e.clientY - r.top;\r\n      if (pedido) return;\r\n      pedido = true;\r\n      requestAnimationFrame(pintar);\r\n    }, { passive: true });\r\n\r\n    card.addEventListener('pointerleave', function () {\r\n      card.classList.remove('is-hover');\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-370104c e-flex e-con-boxed e-con e-parent\" data-id=\"370104c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2d70fe elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"b2d70fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>TOP-MANAGEMENT MARKETING DOES NOT ALLOW FOR<br \/>ASSUMPTIONS<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c49e5a elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"9c49e5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We understand the challenges of a senior management role. Our mission is to provide you with the tools, data and support you need to ensure that your leadership in marketing is the exception to the turnover statistics.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb472db elementor-invisible elementor-widget elementor-widget-button\" data-id=\"eb472db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/web.proyectos-royal.es\/en\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">START ANALYSIS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HOME \/ EXPERIENCE ORCHESTRATOR Royal Influency View capacity Royal Strategy View capacity Royal Martech View capacity Royal Performance View capacity Royal Design View capacity Royal Creative View capacity TOP-MANAGEMENT MARKETING DOES NOT ALLOW FORASSUMPTIONS We understand the challenges of a senior management role. Our mission is to provide you with the tools, data and support [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3097","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/web.proyectos-royal.es\/en\/wp-json\/wp\/v2\/pages\/3097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.proyectos-royal.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.proyectos-royal.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.proyectos-royal.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.proyectos-royal.es\/en\/wp-json\/wp\/v2\/comments?post=3097"}],"version-history":[{"count":7,"href":"https:\/\/web.proyectos-royal.es\/en\/wp-json\/wp\/v2\/pages\/3097\/revisions"}],"predecessor-version":[{"id":3477,"href":"https:\/\/web.proyectos-royal.es\/en\/wp-json\/wp\/v2\/pages\/3097\/revisions\/3477"}],"wp:attachment":[{"href":"https:\/\/web.proyectos-royal.es\/en\/wp-json\/wp\/v2\/media?parent=3097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}