{"id":1729,"date":"2025-08-16T17:16:14","date_gmt":"2025-08-16T17:16:14","guid":{"rendered":"https:\/\/staging.globalsocialimpact.es\/?page_id=1729"},"modified":"2025-08-17T18:39:58","modified_gmt":"2025-08-17T18:39:58","slug":"ejemplo-animaciones","status":"publish","type":"page","link":"https:\/\/globalsocialimpact.es\/es\/ejemplo-animaciones\/","title":{"rendered":"Ejemplo animaciones +"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1729\" class=\"elementor elementor-1729\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14a04c8 e-flex e-con-boxed e-con e-parent\" data-id=\"14a04c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63d1b79 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"63d1b79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 20px;\n  padding: 20px;\n}\n.cta-widget {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  color: #3c3;\n  text-decoration: none;\n  font-weight: 700;\n  font-family: sans-serif;\n  font-size: 1.1rem;\n}\n.cta-widget svg {\n  width: 40px;\n  height: 40px;\n  transition: transform 0.4s ease;\n}\n.cta-widget path {\n  stroke: #3c3;\n  stroke-width: 8;\n  stroke-linecap: round;\n  fill: none;\n  transition: opacity 0.3s ease;\n}\n.cta-widget .arrow {\n  opacity: 0;\n}\n.cta-widget:hover .plus {\n  opacity: 0;\n}\n.cta-widget:hover .arrow {\n  opacity: 1;\n}\n<\/style>\n\n<div class=\"grid\">\n  <a href=\"#\" class=\"cta-widget cta-1\">\n    <span>De + a X<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M30 30 L70 70 M30 70 L70 30\" \/>\n    <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-2\">\n    <span>De + a estrella<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M50,15 L61,40 L88,40 L66,58 L74,85 L50,70 L26,85 L34,58 L12,40 L39,40 Z\" \/>\n    <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-3\">\n    <span>De + a c\u00edrculo<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M50 10 A40 40 0 1 1 49.9 10\" \/>\n    <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-4\">\n    <span>De + a cheque<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M20 55 L45 75 L80 30\" \/>\n    <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-5\">\n    <span>De + a tri\u00e1ngulo<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M50 20 L80 80 L20 80 Z\" \/>\n    <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-6\">\n    <span>De + a cuadrado<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M30 30 L70 30 L70 70 L30 70 Z\" \/>\n    <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-7\">\n    <span>De + a coraz\u00f3n<\/span>\n   <svg viewbox=\"0 0 100 100\">\n    <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n    <path class=\"arrow\" d=\"      M72,42       C72,28 58,22 50,35       C42,22 28,28 28,42       C28,60 50,78 50,78       C50,78 72,60 72,42 Z    \" \/>\n  <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-8\">\n    <span>De + a rayo<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M40 20 L60 20 L50 50 L70 50 L30 90 L40 50 L30 50 Z\" \/>\n    <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-9\">\n    <span>De + un peque\u00f1o c\u00edrculo<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M50 50 m0 -15 a15 15 0 1 0 0.01 0\" \/>\n    <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-10\">\n    <span>De + a barra<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M50 20 L50 80\" \/>\n    <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-11\">\n    <span>De + a \u221e<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M25,50 C25,30 50,30 50,50 C50,70 75,70 75,50 C75,30 50,30 50,50 C50,70 25,70 25,50 Z\" \/>\n    <\/svg>\n  <\/a>\n  <a href=\"#\" class=\"cta-widget cta-12\">\n    <span>De + a estrella<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M50,85 L39,60 L12,60 L34,42 L26,15 L50,30 L74,15 L66,42 L88,60 L61,60 Z\" \/>\n    <\/svg>\n  <\/a>\n \n  <a href=\"#\" class=\"cta-widget cta-14\">\n    <span>De + a cruz delgada<\/span>\n    <svg viewbox=\"0 0 100 100\">\n      <path class=\"plus\" d=\"M50 20 L50 80 M20 50 L80 50\" \/>\n      <path class=\"arrow\" d=\"M50 10 L50 90 M10 50 L90 50\" \/>\n    <\/svg>\n  <\/a>\n<\/div>\n\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>De + a X De + a estrella De + a c\u00edrculo De + a check De + a tri\u00e1ngulo De + a cuadrado De + a coraz\u00f3n De + a rayo De + a tiny circle De + a barra De + a \u221e De + a estrella De + a cruz delgada<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":19,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"news_content_type":[],"class_list":["post-1729","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/globalsocialimpact.es\/es\/wp-json\/wp\/v2\/pages\/1729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/globalsocialimpact.es\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/globalsocialimpact.es\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/globalsocialimpact.es\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/globalsocialimpact.es\/es\/wp-json\/wp\/v2\/comments?post=1729"}],"version-history":[{"count":1,"href":"https:\/\/globalsocialimpact.es\/es\/wp-json\/wp\/v2\/pages\/1729\/revisions"}],"predecessor-version":[{"id":913899,"href":"https:\/\/globalsocialimpact.es\/es\/wp-json\/wp\/v2\/pages\/1729\/revisions\/913899"}],"wp:attachment":[{"href":"https:\/\/globalsocialimpact.es\/es\/wp-json\/wp\/v2\/media?parent=1729"}],"wp:term":[{"taxonomy":"news_content_type","embeddable":true,"href":"https:\/\/globalsocialimpact.es\/es\/wp-json\/wp\/v2\/news_content_type?post=1729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}