{"id":946,"date":"2025-10-28T16:09:11","date_gmt":"2025-10-28T16:09:11","guid":{"rendered":"https:\/\/pruebas.dosesferascomunicacion.com\/?page_id=946"},"modified":"2025-11-28T12:48:48","modified_gmt":"2025-11-28T12:48:48","slug":"conocenos","status":"publish","type":"page","link":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/conocenos\/","title":{"rendered":"Con\u00f3cenos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"946\" class=\"elementor elementor-946\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e52f7c6 e-flex e-con-boxed e-con e-parent\" data-id=\"e52f7c6\" data-element_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<div class=\"elementor-element elementor-element-f4999c6 e-con-full e-flex e-con e-child\" data-id=\"f4999c6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de98fcd elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"de98fcd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>agencia<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-464b62a e-con-full e-flex e-con e-child\" data-id=\"464b62a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5fc774 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a5fc774\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"animated-title\">\r\n  <strong>d<\/strong><strong>o<\/strong><strong>s<\/strong>\r\n  <span>E<\/span><span>s<\/span><span>f<\/span><span>e<\/span><span>r<\/span><span>a<\/span><span>s<\/span>\r\n<\/h1>\r\n\r\n<style>\r\n.animated-title {\r\n  font-size: 105px;\r\n  font-family: 'Poppins', sans-serif;\r\n  display: flex;\r\n  justify-content: center; \/* centrado horizontal *\/\r\n  flex-wrap: wrap;\r\n  gap: 5px;\r\n  line-height: 1.2;\r\n  text-align: center; \/* centrado de texto *\/\r\n}\r\n\r\n.animated-title strong,\r\n.animated-title span {\r\n  display: inline-block;\r\n  transform: translateY(100%);\r\n  opacity: 0;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n\/* Animaci\u00f3n: mostrar letras *\/\r\n.animated-title .show {\r\n  transform: translateY(0);\r\n  opacity: 1;\r\n}\r\n\r\n\/* \ud83d\udd39 Versi\u00f3n m\u00f3vil *\/\r\n@media (max-width: 768px) {\r\n  .animated-title {\r\n    font-size: 50px; \/* Tama\u00f1o reducido *\/\r\n    gap: 3px; \/* Menor espacio entre letras *\/\r\n    line-height: 1.1;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst letters = document.querySelectorAll('.animated-title strong, .animated-title span');\r\n\r\nletters.forEach((letter, i) => {\r\n  setTimeout(() => {\r\n    letter.classList.add('show');\r\n  }, i * 100); \/\/ retraso en cascada\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d6bf95 e-con-full e-flex e-con e-child\" data-id=\"1d6bf95\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b24cc3 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6b24cc3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>creativa<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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-59d0df1 e-flex e-con-boxed e-con e-parent\" data-id=\"59d0df1\" data-element_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-6fb8b77 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"6fb8b77\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t En un mundo de postureo, nosotros labramos, regamos y cosechamos.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bfaaba elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"9bfaaba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Comunicaci\u00f3n de ra\u00edz para negocios que saben de d\u00f3nde vienen y a d\u00f3nde van.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3533d6 e-grid e-con-full e-con e-child\" data-id=\"b3533d6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b272f3 elementor-widget elementor-widget-spacer\" data-id=\"2b272f3\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8091fd elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a8091fd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<a href=\"#equipo\" style=\"text-decoration:none; color:#000000\">Con\u00f3cenos<\/a>\t\t\t\t\t\t\t\t<\/div>\n\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-00932d5 e-flex e-con-boxed e-con e-parent\" data-id=\"00932d5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/pruebas.dosesferascomunicacion.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/envato_video_gen_Nov_06_2025_13_06_45.mp4&quot;,&quot;background_video_start&quot;:0,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-067af71 elementor-widget elementor-widget-html\" data-id=\"067af71\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"somos-dos-esferas\" class=\"scroll-lock-section\">\r\n  <h2 id=\"scroll-title\">somos dos esferas<br>agencia de comunicaci\u00f3n<\/h2>\r\n<\/section>\r\n\r\n<style>\r\n.scroll-lock-section {\r\n  height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  overflow: visible;\r\n}\r\n\r\n.scroll-lock-section h2 {\r\n  font-size: 105px;\r\n  font-family: 'Poppins', sans-serif;\r\n  line-height: 1.2;\r\n  color: #ffffff;\r\n  opacity: 1;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .scroll-lock-section h2 {\r\n    font-size: 2rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const frases = [\r\n    \"somos dos esferas<br>agencia de comunicaci\u00f3n\",\r\n    \"creamos historias que conectan\",\r\n    \"amamos el campo y su gente\",\r\n    \"comunicamos lo que importa\"\r\n  ];\r\n\r\n  const section = document.getElementById('somos-dos-esferas');\r\n  const title = document.getElementById('scroll-title');\r\n  let index = 0;\r\n  let bloqueado = false;\r\n  let startY = 0;\r\n\r\n  function cambiarFrase(deltaY) {\r\n    if (bloqueado) return;\r\n    bloqueado = true;\r\n\r\n    if (deltaY > 0 && index < frases.length - 1) {\r\n      index++;\r\n    } else if (deltaY < 0 && index > 0) {\r\n      index--;\r\n    } else {\r\n      bloqueado = false;\r\n      return;\r\n    }\r\n\r\n    title.style.opacity = 0;\r\n    setTimeout(() => {\r\n      title.innerHTML = frases[index];\r\n      title.style.opacity = 1;\r\n      bloqueado = false;\r\n    }, 300);\r\n  }\r\n\r\n  function scrollHandler(e) {\r\n    cambiarFrase(e.deltaY);\r\n  }\r\n\r\n  \/\/ Soporte t\u00e1ctil para m\u00f3viles\r\n  function touchStart(e) {\r\n    startY = e.touches[0].clientY;\r\n  }\r\n\r\n  function touchMove(e) {\r\n    if (!startY) return;\r\n    const endY = e.touches[0].clientY;\r\n    const deltaY = startY - endY;\r\n    if (Math.abs(deltaY) > 50) { \/\/ umbral para evitar falsos toques\r\n      cambiarFrase(deltaY);\r\n      startY = 0; \/\/ reseteamos para no repetir\r\n    }\r\n  }\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    if (entries[0].isIntersecting) {\r\n      \/\/ activar tanto scroll como touch\r\n      window.addEventListener('wheel', scrollHandler, { passive: true });\r\n      window.addEventListener('touchstart', touchStart, { passive: true });\r\n      window.addEventListener('touchmove', touchMove, { passive: true });\r\n    } else {\r\n      window.removeEventListener('wheel', scrollHandler);\r\n      window.removeEventListener('touchstart', touchStart);\r\n      window.removeEventListener('touchmove', touchMove);\r\n    }\r\n  }, { threshold: 0.5 });\r\n\r\n  observer.observe(section);\r\n})();\r\n<\/script>\r\n\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-2fefcd5 e-con-full e-flex e-con e-parent\" data-id=\"2fefcd5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fed268a elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"fed268a\" data-element_type=\"widget\" id=\"equipo\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.team-wrapper {\r\n  display: flex;\r\n  gap: 40px;\r\n  font-family: 'Poppins', sans-serif;\r\n  align-items: center;\r\n}\r\n\r\n\/* -------- ESCRITORIO -------- *\/\r\n.team-left {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.team-left img {\r\n  width: 100%;\r\n  max-width: 350px;\r\n  border-radius: 10px;\r\n  transition: opacity 0.4s ease;\r\n  opacity: 0.5;\r\n}\r\n\r\n.team-right {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 30px;\r\n}\r\n\r\n.team-right .name {\r\n  font-size: 40px;\r\n  font-weight: bold;\r\n  cursor: pointer;\r\n  color: #c8c8c8;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.team-right .name:hover {\r\n  color: #111;\r\n}\r\n\r\n\/* Apellido animado *\/\r\n.surname {\r\n  display: inline-block;\r\n  overflow: hidden;\r\n}\r\n\r\n.surname span {\r\n  display: inline-block;\r\n  transform: translateY(100%);\r\n  opacity: 0;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.surname span:nth-child(odd) {\r\n  transform: translateY(-100%);\r\n}\r\n\r\n.name:hover .surname span {\r\n  transform: translateY(0);\r\n  opacity: 1;\r\n}\r\n\r\n\/* Puesto de trabajo *\/\r\n.job {\r\n  display: block;\r\n  width: 100%;\r\n  font-size: 14px;\r\n  font-weight: 300;\r\n  color: #555;\r\n  opacity: 0;\r\n  transform: translateY(10px);\r\n  transition: all 0.4s ease;\r\n  margin-left: 2px;\r\n}\r\n\r\n.name:hover .job {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* -------- M\u00d3VIL -------- *\/\r\n@media (max-width: 768px) {\r\n  .team-wrapper {\r\n    flex-direction: column;\r\n    gap: 25px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .team-left {\r\n    display: none; \/* ocultamos la imagen general *\/\r\n  }\r\n\r\n  .team-right {\r\n    width: 100%;\r\n  }\r\n\r\n  .team-right .name {\r\n    font-size: 26px;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    color: #ddd;\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n\r\n  .surname span {\r\n    transform: none;\r\n    opacity: 1;\r\n  }\r\n\r\n  .job {\r\n    opacity: 1;\r\n    transform: none;\r\n    font-size: 14px;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* Imagen din\u00e1mica bajo cada nombre *\/\r\n  .team-img-mobile {\r\n    width: 60%;           \/* \ud83d\udc48 m\u00e1s peque\u00f1a que antes *\/\r\n    max-width: 240px;     \/* \ud83d\udc48 l\u00edmite superior *\/\r\n    margin: 12px auto 0;  \/* \ud83d\udc48 centrada *\/\r\n    border-radius: 12px;\r\n    transition: all 0.4s ease;\r\n    display: none;\r\n    opacity: 0;\r\n  }\r\n\r\n  .team-img-mobile.active {\r\n    display: block;\r\n    opacity: 1;\r\n    transform: scale(1.05);\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"team-wrapper\">\r\n  <!-- Imagen solo escritorio -->\r\n  <div class=\"team-left\">\r\n    <img decoding=\"async\" id=\"team-img\" src=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/09\/chema.jpg\" alt=\"Imagen\">\r\n  <\/div>\r\n\r\n  <!-- Lista de nombres -->\r\n  <div class=\"team-right\">\r\n    <span class=\"name\" data-img=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/09\/chema.jpg\">\r\n      Chema\r\n      <span class=\"surname\"><span>P<\/span><span>a<\/span><span>r<\/span><span>a<\/span><span>l<\/span><span>e<\/span><span>d<\/span><\/span>\r\n      <span class=\"job\">Co-Founder<\/span>\r\n      <img decoding=\"async\" class=\"team-img-mobile\" src=\"\" alt=\"\">\r\n    <\/span>\r\n\r\n    <span class=\"name\" data-img=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/09\/maribel.jpg\">\r\n      Maribel\r\n      <span class=\"surname\"><span>G<\/span><span>u<\/span><span>a<\/span><span>r<\/span><span>d<\/span><span>i<\/span><span>o<\/span><span>l<\/span><span>a<\/span><\/span>\r\n      <span class=\"job\">Co-Founder<\/span>\r\n      <img decoding=\"async\" class=\"team-img-mobile\" src=\"\" alt=\"\">\r\n    <\/span>\r\n\r\n    <span class=\"name\" data-img=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/09\/maite.jpg\">\r\n      Maite\r\n      <span class=\"surname\"><span>I<\/span><span>m<\/span><span>i<\/span><span>r<\/span><span>i<\/span><span>z<\/span><span>a<\/span><span>l<\/span><span>d<\/span><span>u<\/span><\/span>\r\n      <span class=\"job\">Marketing digital y dise\u00f1o<\/span>\r\n      <img decoding=\"async\" class=\"team-img-mobile\" src=\"\" alt=\"\">\r\n    <\/span>\r\n\r\n    <span class=\"name\" data-img=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/09\/alejandro.jpg\">\r\n      Alejandro\r\n      <span class=\"surname\"><span>C<\/span><span>a<\/span><span>s<\/span><span>a<\/span><span>n<\/span><span>o<\/span><span>v<\/span><span>a<\/span><\/span>\r\n      <span class=\"job\">Edici\u00f3n y grabaci\u00f3n de v\u00eddeo<\/span>\r\n      <img decoding=\"async\" class=\"team-img-mobile\" src=\"\" alt=\"\">\r\n    <\/span>\r\n\r\n    <span class=\"name\" data-img=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/11\/angel-2.jpg\">\r\n      \u00c1ngel\r\n      <span class=\"surname\"><span>G<\/span><span>i<\/span><span>m<\/span><span>\u00e9<\/span><span>n<\/span><span>e<\/span><span>z<\/span><\/span>\r\n      <span class=\"job\">Community manager<\/span>\r\n      <img decoding=\"async\" class=\"team-img-mobile\" src=\"\" alt=\"\">\r\n    <\/span>\r\n\r\n    <span class=\"name\" data-img=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/09\/victor.jpg\">\r\n      V\u00edctor\r\n      <span class=\"surname\"><span>M<\/span><span>a<\/span><span>r<\/span><span>\u00ed<\/span><span>n<\/span><\/span>\r\n      <span class=\"job\">Desarrollo y dise\u00f1o web<\/span>\r\n      <img decoding=\"async\" class=\"team-img-mobile\" src=\"\" alt=\"\">\r\n    <\/span>\r\n    \r\n        <span class=\"name\" data-img=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/11\/alfonso.jpg\">\r\n      Alfonso\r\n      <span class=\"surname\"><span>A<\/span><span>n<\/span><span>d<\/span><span>r<\/span><span>\u00e9<\/span><span>s<\/span><\/span>\r\n      <span class=\"job\">Community manager<\/span>\r\n      <img decoding=\"async\" class=\"team-img-mobile\" src=\"\" alt=\"\">\r\n    <\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst names = document.querySelectorAll('.team-right .name');\r\nconst imgDesktop = document.getElementById('team-img');\r\n\r\nnames.forEach(name => {\r\n  const imgMobile = name.querySelector('.team-img-mobile');\r\n\r\n  \/\/ Hover (escritorio)\r\n  name.addEventListener('mouseenter', () => {\r\n    if (window.innerWidth > 768) {\r\n      imgDesktop.src = name.dataset.img;\r\n      imgDesktop.style.opacity = 1;\r\n    }\r\n  });\r\n\r\n  name.addEventListener('mouseleave', () => {\r\n    if (window.innerWidth > 768) {\r\n      imgDesktop.style.opacity = 0.5;\r\n    }\r\n  });\r\n\r\n  \/\/ Clic (m\u00f3vil)\r\n  name.addEventListener('click', () => {\r\n    if (window.innerWidth <= 768) {\r\n      document.querySelectorAll('.team-img-mobile').forEach(img => {\r\n        img.classList.remove('active');\r\n      });\r\n\r\n      imgMobile.src = name.dataset.img;\r\n      imgMobile.classList.add('active');\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n\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>agencia dos Esferas creativa En un mundo de postureo, nosotros labramos, regamos y cosechamos. Comunicaci\u00f3n de ra\u00edz para negocios que saben de d\u00f3nde vienen y a d\u00f3nde van. Con\u00f3cenos somos dos esferasagencia de comunicaci\u00f3n Chema Paraled Co-Founder Maribel Guardiola Co-Founder Maite Imirizaldu Marketing digital y dise\u00f1o Alejandro Casanova Edici\u00f3n y grabaci\u00f3n de v\u00eddeo \u00c1ngel Gim\u00e9nez [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-946","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/pages\/946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/comments?post=946"}],"version-history":[{"count":140,"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/pages\/946\/revisions"}],"predecessor-version":[{"id":1985,"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/pages\/946\/revisions\/1985"}],"wp:attachment":[{"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/media?parent=946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}