{"id":1546,"date":"2025-11-26T08:35:59","date_gmt":"2025-11-26T08:35:59","guid":{"rendered":"https:\/\/pruebas.dosesferascomunicacion.com\/?page_id=1546"},"modified":"2025-12-23T08:38:09","modified_gmt":"2025-12-23T08:38:09","slug":"diseno-creatividad","status":"publish","type":"page","link":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/diseno-creatividad\/","title":{"rendered":"Dise\u00f1o &amp; creatividad"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1546\" class=\"elementor elementor-1546\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d8b268 e-flex e-con-boxed e-con e-parent\" data-id=\"6d8b268\" 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-bb216f0 e-con-full e-flex e-con e-child\" data-id=\"bb216f0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8fddc5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f8fddc5\" 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-4828b81 e-con-full e-flex e-con e-child\" data-id=\"4828b81\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e4773f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4e4773f\" 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>i<\/strong><strong>s<\/strong>\r\n  <strong>e<\/strong><strong>\u00f1<\/strong><strong>o<\/strong>\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 class=\"elementor-element elementor-element-31a4248 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"31a4248\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"animated-title-2\">\r\n  <span>c<\/span><span>r<\/span><span>e<\/span><span>a<\/span><span>t<\/span><span>i<\/span><span>v<\/span><span>i<\/span><span>d<\/span><span>a<\/span><span>d<\/span>\r\n<\/h1>\r\n\r\n<style>\r\n.animated-title-2 {\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-2 strong,\r\n.animated-title-2 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-2 .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-2 {\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\ndocument.addEventListener('DOMContentLoaded', () => {\r\n  const letters = document.querySelectorAll('.animated-title-2 strong, .animated-title-2 span');\r\n  letters.forEach((letter, i) => {\r\n    setTimeout(() => {\r\n      letter.classList.add('show');\r\n    }, i * 100); \/\/ retraso en cascada\r\n  });\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-221ab04 e-con-full e-flex e-con e-child\" data-id=\"221ab04\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7319703 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7319703\" 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-c4a1c3a e-flex e-con-boxed e-con e-parent\" data-id=\"c4a1c3a\" 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-28f752f elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"28f752f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Donde otros solo copian, nosotros imaginamos, creamos y sorprendemos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6d3ea7 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"d6d3ea7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"391\" data-end=\"520\">Creatividad que conecta, dise\u00f1o que habla por s\u00ed mismo.<\/p>\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<div class=\"elementor-element elementor-element-a95949a e-flex e-con-boxed e-con e-parent\" data-id=\"a95949a\" 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\\\/DOS-ESFERAS-WEB-IMAGENES-FONDOS.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-e3c7833 elementor-widget__width-initial animated-fast elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e3c7833\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><strong>Creatividad<\/strong> que <br>pisa territorio <br><span style=\"font-family: 'Playfair Display', serif;font-size:85px\"><em><strong>no moodboards<\/strong><\/em>.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e46f29 elementor-widget__width-initial animated-fast elementor-hidden-desktop elementor-hidden-tablet elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3e46f29\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><strong>Creatividad<\/strong> que pisa territorio <br><span style=\"font-family: 'Playfair Display', serif;font-size:50px\"><em><strong>no moodboards<\/strong><\/em>.<\/span><\/h2>\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-839daea textos-destacados e-flex e-con-boxed e-con e-parent\" data-id=\"839daea\" 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-cea55a5 elementor-widget elementor-widget-html\" data-id=\"cea55a5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style> \r\n.bloque-servicio { \r\n  text-align: center; \r\n  margin-bottom: 40px;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.bloque-servicio h2 { \r\n  font-size: 45px; \r\n  font-weight: 700; \r\n  cursor: pointer; \r\n  transition: color .3s ease, transform .3s ease;\r\n  font-family: 'Poppins', sans-serif;\r\n} \r\n\r\n.bloque-servicio:hover h2 { \r\n  color: #12284c; \r\n  transform: scale(1.05); \r\n} \r\n\r\n\/* El contenedor no ocupa espacio *\/\r\n.imagen-hover {\r\n  display: none;\r\n}\r\n\r\n\/* La imagen aparece con fade suave *\/\r\n.imagen-hover img {\r\n  width: 100%;\r\n  max-width: 450px;\r\n  border-radius: 12px;\r\n  margin-top:-80px;\r\n\r\n  opacity: 0;\r\n  transition: opacity .3s ease;   \/* \u21e6 transici\u00f3n suave 0.2s *\/\r\n}\r\n\r\n\/* Hover: aparece el contenedor + fade *\/\r\n.bloque-servicio:hover .imagen-hover {\r\n  display: block;\r\n}\r\n\r\n.bloque-servicio:hover .imagen-hover img {\r\n  opacity: 1;   \/* \u21e6 ahora llega al 100% *\/\r\n}\r\n\r\n\r\n\/* (estas clases no las toco porque no afectan al hover actual) *\/\r\n.imagen-servicio img {\r\n  width: 100%;\r\n  max-width: 400px;\r\n  border-radius: 10px;\r\n  transition: opacity 0.8s ease, transform 0.5s ease;\r\n  opacity: 0.2;\r\n  transform: scale(1);\r\n}\r\n\r\n.imagen-servicio img.activa {\r\n  opacity: 1;\r\n  transform: scale(1.02);\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"bloque-servicio\">\r\n  <h2>\/identidad<span style=\"color:#12284c\">&marca<\/span><\/h2>\r\n  <div class=\"imagen-hover\">\r\n    <img decoding=\"async\" src=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/11\/mockups-dos-esferas-1.jpg\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"bloque-servicio\">\r\n  <h2>\/editorial<span style=\"color:#12284c\">contenidovisual<\/span><\/h2>\r\n  <div class=\"imagen-hover\">\r\n    <img decoding=\"async\" src=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/11\/mockups-dos-esferas-4.jpg\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"bloque-servicio\">\r\n  <h2>\/campa\u00f1as<span style=\"color:#12284c\">creativas<\/span><\/h2>\r\n  <div class=\"imagen-hover\">\r\n    <img decoding=\"async\" src=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/11\/mockups-dos-esferas-3.jpg\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"bloque-servicio\">\r\n  <h2>\/packing<span style=\"color:#12284c\">&etiqueta<\/span><\/h2>\r\n  <div class=\"imagen-hover\">\r\n    <img decoding=\"async\" src=\"https:\/\/pruebas.dosesferascomunicacion.com\/wp-content\/uploads\/2025\/11\/mockups-dos-esferas-8.jpg\">\r\n  <\/div>\r\n<\/div>\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-2f782d4 e-con-full fondo-izq e-flex e-con e-parent\" data-id=\"2f782d4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-205ff7d e-con-full e-flex e-con e-child\" data-id=\"205ff7d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9acfb12 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"9acfb12\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">No nos digas que eres \"diferente\". \n<STRONG>D\u00e9janos demostr\u00e1rtelo.<\/STRONG><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f916da elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"6f916da\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Y si resulta que no, tambi\u00e9n te lo decimos.<\/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-908f5cc e-con-full dos-izq e-flex e-con e-child\" data-id=\"908f5cc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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 dis e\u00f1o creatividad creativa Donde otros solo copian, nosotros imaginamos, creamos y sorprendemos. Creatividad que conecta, dise\u00f1o que habla por s\u00ed mismo. Creatividad que pisa territorio no moodboards. Creatividad que pisa territorio no moodboards. \/identidad&#038;marca \/editorialcontenidovisual \/campa\u00f1ascreativas \/packing&#038;etiqueta No nos digas que eres \u00abdiferente\u00bb. D\u00e9janos demostr\u00e1rtelo. Y si resulta que no, tambi\u00e9n te lo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-1546","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/pages\/1546","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=1546"}],"version-history":[{"count":184,"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/pages\/1546\/revisions"}],"predecessor-version":[{"id":2469,"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/pages\/1546\/revisions\/2469"}],"wp:attachment":[{"href":"https:\/\/pruebas.dosesferascomunicacion.com\/index.php\/wp-json\/wp\/v2\/media?parent=1546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}