{"id":95,"date":"2018-01-01T21:39:06","date_gmt":"2018-01-01T21:39:06","guid":{"rendered":"http:\/\/www.fernandezluque.com\/?page_id=95"},"modified":"2018-05-03T18:00:15","modified_gmt":"2018-05-03T18:00:15","slug":"apps","status":"publish","type":"page","link":"https:\/\/www.fernandezluque.com\/?page_id=95","title":{"rendered":"Apps"},"content":{"rendered":"<p>Mi inter\u00e9s por el desarrollo de Apps se inici\u00f3 en 2012. Publiqu\u00e9 4 aplicaciones, de las cuales algunas entraron entre las 50 mejores en el Top de Aplicaciones Gratuitas, y con m\u00e1s de 50.000 descargas.<\/p>\n<p style=\"text-align: center;\"><span style=\"font-family: Verdana, Geneva, sans-serif;\"><br \/>\n<\/span><div class=\"sb-image-hover-container\"><div class=\"sb-image-hover-row \"><div  class=\"sb-image-hover-responsive-2   sb-image-animation-3  sb-image-padding-3 \">\n                <div class=\"sb-image-map-3\">\n                    <div class=\"sb-image-map-absulate\">\n                       <div class=\"sb-image-hover oxilab-touchstart  sb-image-hover-3 sb-image-hover-3-3 sb-general-effects-14 sb-left-to-right\"><div class=\"sb-image-img\">\n                             <img src=\"http:\/\/fernandezluque.com\/wp-content\/uploads\/2018\/05\/icon_trivial.png\">\n                         <\/div>\n                         <div class=\"sb-image-info\"  >\n                                <div class=\"sb-image-data\">\n                                    <div class=\"sb-image-title\">Trivial Ahorcado<\/div>\n                                    <div class=\"sb-image-desc\">Trivial Ahorcado es un entretenido juego, con el que podr\u00e1s valorar tanto tu capacidad para responder a las preguntas, como tu destreza e inteligencia para adivinar la respuesta.<\/div>\n                                    <a target=\"_blank\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.smappsdev.smtrivial\" class=\"sb-image-button\"> Go! <\/a>\n                                <\/div>\n                         <\/div>          <\/div>\n                     <\/div>\n                <\/div>    <style>\n        .sb-image-hover-3-3{\n            position: relative;\n            width: 100%;\n            height: 100%;            \n            -webkit-perspective: 900px;\n            -moz-perspective: 900px;\n            perspective: 900px;\n        }\n        .sb-image-hover-3-3 .sb-image-img {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n        }\n        .sb-image-hover-3-3 .sb-image-info {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n            -webkit-backface-visibility: hidden;\n            backface-visibility: hidden;\n            display: table;\n        }\n        .sb-image-hover-3-3 .sb-image-img {\n            width: 100%;\n            float: left;\n            visibility: visible;\n            opacity: 1;\n            -webkit-transition: all 0.4s ease-in-out;\n            -moz-transition: all 0.4s ease-in-out;\n            transition: all 0.4s ease-in-out;\n        }\n        .sb-image-hover-3-3 .sb-image-info {\n            opacity: 0;\n            background-color:rgba(0, 143, 171, 1);\n            visibility: hidden;\n            -webkit-transition: all 0.35s ease-in-out 0.3s;\n            -moz-transition: all 0.35s ease-in-out 0.3s;\n            transition: all 0.35s ease-in-out 0.3s;\n\n        }\n        .sb-image-hover-3-3 .sb-image-info .sb-image-data{\n            display: table-cell;\n            vertical-align: top; text-align: left;        }\n        .sb-image-hover-3-3 .sb-image-info .sb-image-title {\n            color: #FFF;\n        }\n        .sb-image-hover-3-3 .sb-image-info .sb-image-desc {\n            color: #FFF;\n        }\n        .sb-image-hover-3-3 a.sb-image-button{\n            background: #b8258e;\n            color: #FFF;\n            margin: 0 auto;                    }\n        .sb-image-hover-3-3 a.sb-image-button:hover{\n            background: #FFF;\n            color: #b8258e;\n        }\n        .sb-image-hover-3-3:hover .sb-image-img,\n        .sb-image-hover-3-3.oxi-touch .sb-image-img{\n            opacity: 0;\n            visibility: hidden;\n        }\n        .sb-image-hover-3-3:hover .sb-image-info,\n        .sb-image-hover-3-3.oxi-touch .sb-image-info{\n            visibility: visible;\n            opacity: 1;\n        }\n\n        .sb-image-hover-3-3.sb-left-to-right .sb-image-img {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n            -webkit-transform-origin: 100% 50%;\n            -moz-transform-origin: 100% 50%;\n            -ms-transform-origin: 100% 50%;\n            -o-transform-origin: 100% 50%;\n            transform-origin: 100% 50%;\n        }\n        .sb-image-hover-3-3.sb-left-to-right .sb-image-info {\n            -webkit-transform: rotateY(90deg);\n            -moz-transform: rotateY(90deg);\n            -ms-transform: rotateY(90deg);\n            -o-transform: rotateY(90deg);\n            transform: rotateY(90deg);\n            -webkit-transform-origin: 0% 50%;\n            -moz-transform-origin: 0% 50%;\n            -ms-transform-origin: 0% 50%;\n            -o-transform-origin: 0% 50%;\n            transform-origin: 0% 50%;\n        }\n        .sb-image-hover-3-3.sb-left-to-right:hover .sb-image-img,\n        .sb-image-hover-3-3.sb-left-to-right.oxi-touch .sb-image-img{\n            -webkit-transform: rotateY(-90deg);\n            -moz-transform: rotateY(-90deg);\n            -ms-transform: rotateY(-90deg);\n            -o-transform: rotateY(-90deg);\n            transform: rotateY(-90deg);\n        }\n        .sb-image-hover-3-3.sb-left-to-right:hover .sb-image-info,\n        .sb-image-hover-3-3.sb-left-to-right.oxi-touch .sb-image-info {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n        }\n\n        .sb-image-hover-3-3.sb-right-to-left .sb-image-img {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n            -webkit-transform-origin: 0% 50%;\n            -moz-transform-origin: 0% 50%;\n            -ms-transform-origin: 0% 50%;\n            -o-transform-origin: 0% 50%;\n            transform-origin: 0% 50%;\n        }\n        .sb-image-hover-3-3.sb-right-to-left .sb-image-info {\n            -webkit-transform: rotateY(-90deg);\n            -moz-transform: rotateY(-90deg);\n            -ms-transform: rotateY(-90deg);\n            -o-transform: rotateY(-90deg);\n            transform: rotateY(-90deg);\n            -webkit-transform-origin: 100% 50%;\n            -moz-transform-origin: 100% 50%;\n            -ms-transform-origin: 100% 50%;\n            -o-transform-origin: 100% 50%;\n            transform-origin: 100% 50%;\n        }\n        .sb-image-hover-3-3.sb-right-to-left:hover .sb-image-img,\n        .sb-image-hover-3-3.sb-right-to-left.oxi-touch .sb-image-img{\n            -webkit-transform: rotateY(90deg);\n            -moz-transform: rotateY(90deg);\n            -ms-transform: rotateY(90deg);\n            -o-transform: rotateY(90deg);\n            transform: rotateY(90deg);\n        }\n        .sb-image-hover-3-3.sb-right-to-left:hover .sb-image-info,\n        .sb-image-hover-3-3.sb-right-to-left.oxi-touch .sb-image-info{\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n        }\n\n        .sb-image-hover-3-3.sb-top-to-bottom .sb-image-img {\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n            -webkit-transform-origin: 50% 100%;\n            -moz-transform-origin: 50% 100%;\n            -ms-transform-origin: 50% 100%;\n            -o-transform-origin: 50% 100%;\n            transform-origin: 50% 100%;\n        }\n        .sb-image-hover-3-3.sb-top-to-bottom .sb-image-info {\n            -webkit-transform: rotateX(-90deg);\n            -moz-transform: rotateX(-90deg);\n            -ms-transform: rotateX(-90deg);\n            -o-transform: rotateX(-90deg);\n            transform: rotateX(-90deg);\n            -webkit-transform-origin: 50% 0;\n            -moz-transform-origin: 50% 0;\n            -ms-transform-origin: 50% 0;\n            -o-transform-origin: 50% 0;\n            transform-origin: 50% 0;\n        }\n        .sb-image-hover-3-3.sb-top-to-bottom:hover .sb-image-img,\n        .sb-image-hover-3-3.sb-top-to-bottom.oxi-touch .sb-image-img{\n            -webkit-transform: rotateX(90deg);\n            -moz-transform: rotateX(90deg);\n            -ms-transform: rotateX(90deg);\n            -o-transform: rotateX(90deg);\n            transform: rotateX(90deg);\n        }\n        .sb-image-hover-3-3.sb-top-to-bottom:hover .sb-image-info,\n        .sb-image-hover-3-3.sb-top-to-bottom.oxi-touch .sb-image-info{\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n        }\n\n        .sb-image-hover-3-3.sb-bottom-to-top .sb-image-img {\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n            -webkit-transform-origin: 50% 0;\n            -moz-transform-origin: 50% 0;\n            -ms-transform-origin: 50% 0;\n            -o-transform-origin: 50% 0;\n            transform-origin: 50% 0;\n        }\n        .sb-image-hover-3-3.sb-bottom-to-top .sb-image-info {\n            -webkit-transform: rotateX(90deg);\n            -moz-transform: rotateX(90deg);\n            -ms-transform: rotateX(90deg);\n            -o-transform: rotateX(90deg);\n            transform: rotateX(90deg);\n            -webkit-transform-origin: 50% 100%;\n            -moz-transform-origin: 50% 100%;\n            -ms-transform-origin: 50% 100%;\n            -o-transform-origin: 50% 100%;\n            transform-origin: 50% 100%;\n        }\n        .sb-image-hover-3-3.sb-bottom-to-top:hover .sb-image-img,\n        .sb-image-hover-3-3.sb-bottom-to-top.oxi-touch .sb-image-img{\n            -webkit-transform: rotateX(-90deg);\n            -moz-transform: rotateX(-90deg);\n            -ms-transform: rotateX(-90deg);\n            -o-transform: rotateX(-90deg);\n            transform: rotateX(-90deg);\n        }\n        .sb-image-hover-3-3.sb-bottom-to-top:hover .sb-image-info,\n        .sb-image-hover-3-3.sb-bottom-to-top.oxi-touch .sb-image-info{\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n        }\n\n    <\/style>\n\n    <\/div><div  class=\"sb-image-hover-responsive-2   sb-image-animation-3  sb-image-padding-3 \">\n                <div class=\"sb-image-map-3\">\n                    <div class=\"sb-image-map-absulate\">\n                       <div class=\"sb-image-hover oxilab-touchstart  sb-image-hover-3 sb-image-hover-3-7 sb-general-effects-14 sb-left-to-right\"><div class=\"sb-image-img\">\n                             <img src=\"http:\/\/fernandezluque.com\/wp-content\/uploads\/2018\/05\/icon_interesante.png\">\n                         <\/div>\n                         <div class=\"sb-image-info\"  >\n                                <div class=\"sb-image-data\">\n                                    <div class=\"sb-image-title\">Interesante<\/div>\n                                    <div class=\"sb-image-desc\">Interesante es una aplicaci\u00f3n que abarca cualquier tem\u00e1tica susceptible de ser guardada y compartida con tus amig@os.<\/div>\n                                    <a target=\"_blank\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.smappsdev.interesting\" class=\"sb-image-button\"> Go! <\/a>\n                                <\/div>\n                         <\/div>          <\/div>\n                     <\/div>\n                <\/div>    <style>\n        .sb-image-hover-3-7{\n            position: relative;\n            width: 100%;\n            height: 100%;            \n            -webkit-perspective: 900px;\n            -moz-perspective: 900px;\n            perspective: 900px;\n        }\n        .sb-image-hover-3-7 .sb-image-img {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n        }\n        .sb-image-hover-3-7 .sb-image-info {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n            -webkit-backface-visibility: hidden;\n            backface-visibility: hidden;\n            display: table;\n        }\n        .sb-image-hover-3-7 .sb-image-img {\n            width: 100%;\n            float: left;\n            visibility: visible;\n            opacity: 1;\n            -webkit-transition: all 0.4s ease-in-out;\n            -moz-transition: all 0.4s ease-in-out;\n            transition: all 0.4s ease-in-out;\n        }\n        .sb-image-hover-3-7 .sb-image-info {\n            opacity: 0;\n            background-color:rgba(0, 143, 171, 1);\n            visibility: hidden;\n            -webkit-transition: all 0.35s ease-in-out 0.3s;\n            -moz-transition: all 0.35s ease-in-out 0.3s;\n            transition: all 0.35s ease-in-out 0.3s;\n\n        }\n        .sb-image-hover-3-7 .sb-image-info .sb-image-data{\n            display: table-cell;\n            vertical-align: top; text-align: left;        }\n        .sb-image-hover-3-7 .sb-image-info .sb-image-title {\n            color: #FFF;\n        }\n        .sb-image-hover-3-7 .sb-image-info .sb-image-desc {\n            color: #FFF;\n        }\n        .sb-image-hover-3-7 a.sb-image-button{\n            background: #b8258e;\n            color: #FFF;\n            margin: 0 auto;                    }\n        .sb-image-hover-3-7 a.sb-image-button:hover{\n            background: #FFF;\n            color: #b8258e;\n        }\n        .sb-image-hover-3-7:hover .sb-image-img,\n        .sb-image-hover-3-7.oxi-touch .sb-image-img{\n            opacity: 0;\n            visibility: hidden;\n        }\n        .sb-image-hover-3-7:hover .sb-image-info,\n        .sb-image-hover-3-7.oxi-touch .sb-image-info{\n            visibility: visible;\n            opacity: 1;\n        }\n\n        .sb-image-hover-3-7.sb-left-to-right .sb-image-img {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n            -webkit-transform-origin: 100% 50%;\n            -moz-transform-origin: 100% 50%;\n            -ms-transform-origin: 100% 50%;\n            -o-transform-origin: 100% 50%;\n            transform-origin: 100% 50%;\n        }\n        .sb-image-hover-3-7.sb-left-to-right .sb-image-info {\n            -webkit-transform: rotateY(90deg);\n            -moz-transform: rotateY(90deg);\n            -ms-transform: rotateY(90deg);\n            -o-transform: rotateY(90deg);\n            transform: rotateY(90deg);\n            -webkit-transform-origin: 0% 50%;\n            -moz-transform-origin: 0% 50%;\n            -ms-transform-origin: 0% 50%;\n            -o-transform-origin: 0% 50%;\n            transform-origin: 0% 50%;\n        }\n        .sb-image-hover-3-7.sb-left-to-right:hover .sb-image-img,\n        .sb-image-hover-3-7.sb-left-to-right.oxi-touch .sb-image-img{\n            -webkit-transform: rotateY(-90deg);\n            -moz-transform: rotateY(-90deg);\n            -ms-transform: rotateY(-90deg);\n            -o-transform: rotateY(-90deg);\n            transform: rotateY(-90deg);\n        }\n        .sb-image-hover-3-7.sb-left-to-right:hover .sb-image-info,\n        .sb-image-hover-3-7.sb-left-to-right.oxi-touch .sb-image-info {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n        }\n\n        .sb-image-hover-3-7.sb-right-to-left .sb-image-img {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n            -webkit-transform-origin: 0% 50%;\n            -moz-transform-origin: 0% 50%;\n            -ms-transform-origin: 0% 50%;\n            -o-transform-origin: 0% 50%;\n            transform-origin: 0% 50%;\n        }\n        .sb-image-hover-3-7.sb-right-to-left .sb-image-info {\n            -webkit-transform: rotateY(-90deg);\n            -moz-transform: rotateY(-90deg);\n            -ms-transform: rotateY(-90deg);\n            -o-transform: rotateY(-90deg);\n            transform: rotateY(-90deg);\n            -webkit-transform-origin: 100% 50%;\n            -moz-transform-origin: 100% 50%;\n            -ms-transform-origin: 100% 50%;\n            -o-transform-origin: 100% 50%;\n            transform-origin: 100% 50%;\n        }\n        .sb-image-hover-3-7.sb-right-to-left:hover .sb-image-img,\n        .sb-image-hover-3-7.sb-right-to-left.oxi-touch .sb-image-img{\n            -webkit-transform: rotateY(90deg);\n            -moz-transform: rotateY(90deg);\n            -ms-transform: rotateY(90deg);\n            -o-transform: rotateY(90deg);\n            transform: rotateY(90deg);\n        }\n        .sb-image-hover-3-7.sb-right-to-left:hover .sb-image-info,\n        .sb-image-hover-3-7.sb-right-to-left.oxi-touch .sb-image-info{\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n        }\n\n        .sb-image-hover-3-7.sb-top-to-bottom .sb-image-img {\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n            -webkit-transform-origin: 50% 100%;\n            -moz-transform-origin: 50% 100%;\n            -ms-transform-origin: 50% 100%;\n            -o-transform-origin: 50% 100%;\n            transform-origin: 50% 100%;\n        }\n        .sb-image-hover-3-7.sb-top-to-bottom .sb-image-info {\n            -webkit-transform: rotateX(-90deg);\n            -moz-transform: rotateX(-90deg);\n            -ms-transform: rotateX(-90deg);\n            -o-transform: rotateX(-90deg);\n            transform: rotateX(-90deg);\n            -webkit-transform-origin: 50% 0;\n            -moz-transform-origin: 50% 0;\n            -ms-transform-origin: 50% 0;\n            -o-transform-origin: 50% 0;\n            transform-origin: 50% 0;\n        }\n        .sb-image-hover-3-7.sb-top-to-bottom:hover .sb-image-img,\n        .sb-image-hover-3-7.sb-top-to-bottom.oxi-touch .sb-image-img{\n            -webkit-transform: rotateX(90deg);\n            -moz-transform: rotateX(90deg);\n            -ms-transform: rotateX(90deg);\n            -o-transform: rotateX(90deg);\n            transform: rotateX(90deg);\n        }\n        .sb-image-hover-3-7.sb-top-to-bottom:hover .sb-image-info,\n        .sb-image-hover-3-7.sb-top-to-bottom.oxi-touch .sb-image-info{\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n        }\n\n        .sb-image-hover-3-7.sb-bottom-to-top .sb-image-img {\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n            -webkit-transform-origin: 50% 0;\n            -moz-transform-origin: 50% 0;\n            -ms-transform-origin: 50% 0;\n            -o-transform-origin: 50% 0;\n            transform-origin: 50% 0;\n        }\n        .sb-image-hover-3-7.sb-bottom-to-top .sb-image-info {\n            -webkit-transform: rotateX(90deg);\n            -moz-transform: rotateX(90deg);\n            -ms-transform: rotateX(90deg);\n            -o-transform: rotateX(90deg);\n            transform: rotateX(90deg);\n            -webkit-transform-origin: 50% 100%;\n            -moz-transform-origin: 50% 100%;\n            -ms-transform-origin: 50% 100%;\n            -o-transform-origin: 50% 100%;\n            transform-origin: 50% 100%;\n        }\n        .sb-image-hover-3-7.sb-bottom-to-top:hover .sb-image-img,\n        .sb-image-hover-3-7.sb-bottom-to-top.oxi-touch .sb-image-img{\n            -webkit-transform: rotateX(-90deg);\n            -moz-transform: rotateX(-90deg);\n            -ms-transform: rotateX(-90deg);\n            -o-transform: rotateX(-90deg);\n            transform: rotateX(-90deg);\n        }\n        .sb-image-hover-3-7.sb-bottom-to-top:hover .sb-image-info,\n        .sb-image-hover-3-7.sb-bottom-to-top.oxi-touch .sb-image-info{\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n        }\n\n    <\/style>\n\n    <\/div><\/div> <\/div>    <style>\n        .sb-image-hover-3, \n        .sb-image-hover-3 .sb-image-img, .sb-image-hover-3 a .sb-image-img,\n        .sb-image-hover-3 .sb-image-img:before, .sb-image-hover-3 a .sb-image-img:before,\n        .sb-image-hover-3 .sb-image-img img, .sb-image-hover-3 a .sb-image-img img,\n        .sb-image-hover-3 .sb-image-info, .sb-image-hover-3 a .sb-image-info{\n            border-radius: 20%;\n            -moz-border-radius:  20%;\n            -webkit-border-radius:  20%;\n        }\n        .sb-image-padding-3{\n            padding: 20px;\n        }\n        .sb-image-map-3 {\n            max-width: 250px;\n            width: 100%;\n            margin: 0 auto;\n            position: relative;\n        }\n        .sb-image-map-3:after {\n            padding-bottom: 100%;\n            content: \"\";\n            display: block;\n        }\n        .sb-image-animation-3 {\n            animation-duration: 2s;\n        }\n        .sb-image-hover-3 .sb-image-info .sb-image-data{\n            padding: 20px; \n        }\n        .sb-image-hover-3 .sb-image-img,\n        .sb-image-hover-3 .sb-image-info{\n            box-shadow: 0 0 0px  0 rgba(0, 148, 126, 0.36);\n        }\n        .sb-image-hover-3 .sb-image-img:before {\n            position: absolute;\n            display: block;\n            content: '';\n            width: 100%;\n            height: 100%;\n            box-shadow: inset 0 0 0 0px rgba(49, 66, 222, 0.2);\n        }\n        .sb-image-hover-3 .sb-image-info .sb-image-title {\n            font-size: 20px;\n            font-weight: 600;\n            padding-bottom: 5px;\n            margin-bottom: 10px;\n            margin-top: 0;\n            line-height: 120%;\n            font-family: \"Open Sans\";\n            display: block;\n            font-style: normal;\n             border-bottom: 1px solid currentColor;        }\n        .sb-image-hover-3 .sb-image-info .sb-image-desc {\n            font-size: 14px;\n            font-weight: 300;\n            margin-bottom: 20px;\n            margin-top: 0;\n            line-height: 120%;\n            width: 100%;\n            float: left;\n            font-family: \"Open Sans\";\n            font-style: normal;\n        }\n\n        .sb-image-hover-3 a.sb-image-button{\n            padding: 10px 10px;\n            -webkit-border-radius: 5px;\n            -moz-border-radius: 5px;\n            border-radius: 5px;\n            font-weight: 300;\n            font-size: 14px;\n            font-family: \"Open Sans\";\n            font-style: normal;\n            text-decoration: none;\n            display:inline-block;\n        }\n            <\/style>\n    <\/p>\n<p style=\"text-align: center;\"><div class=\"sb-image-hover-container\"><div class=\"sb-image-hover-row \"><div  class=\"sb-image-hover-responsive-2   sb-image-animation-6  sb-image-padding-6 \">\n                <div class=\"sb-image-map-6\">\n                    <div class=\"sb-image-map-absulate\">\n                       <div class=\"sb-image-hover oxilab-touchstart  sb-image-hover-6 sb-image-hover-6-6 sb-general-effects-14 sb-left-to-right\"><div class=\"sb-image-img\">\n                              <img src=\"http:\/\/fernandezluque.com\/wp-content\/uploads\/2018\/05\/icon_dices.png\">\n                        <\/div>\n                        <div class=\"sb-image-info\"  >\n                            <div class=\"sb-image-data\">\n                                <div class=\"sb-image-title\">Dados Inteligentes<\/div>\n                                <div class=\"sb-image-desc\">Dados Inteligentes es un entretenido juego, para todas las edades, con el que podr\u00e1s valorar tu inteligencia, destreza y eficiencia.<\/div>\n                            <\/div>\n                       <\/div>\n                                  <\/div>\n                     <\/div>\n                <\/div>    <style>\n        .sb-image-hover-6-6{\n            position: relative;\n            width: 100%;\n            height: 100%;            \n            -webkit-perspective: 900px;\n            -moz-perspective: 900px;\n            perspective: 900px;\n        }\n        .sb-image-hover-6-6 .sb-image-img {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n        }\n        .sb-image-hover-6-6 .sb-image-info {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n            -webkit-backface-visibility: hidden;\n            backface-visibility: hidden;\n            display: table;\n        }\n        .sb-image-hover-6-6 .sb-image-img {\n            width: 100%;\n            float: left;\n            visibility: visible;\n            opacity: 1;\n            -webkit-transition: all 0.4s ease-in-out;\n            -moz-transition: all 0.4s ease-in-out;\n            transition: all 0.4s ease-in-out;\n        }\n        .sb-image-hover-6-6 .sb-image-info {\n            opacity: 0;\n            background-color:rgba(0, 143, 171, 1);\n            visibility: hidden;\n            -webkit-transition: all 0.35s ease-in-out 0.3s;\n            -moz-transition: all 0.35s ease-in-out 0.3s;\n            transition: all 0.35s ease-in-out 0.3s;\n\n        }\n        .sb-image-hover-6-6 .sb-image-info .sb-image-data{\n            display: table-cell;\n            vertical-align: top; text-align: left;        }\n        .sb-image-hover-6-6 .sb-image-info .sb-image-title {\n            color: #FFF;\n        }\n        .sb-image-hover-6-6 .sb-image-info .sb-image-desc {\n            color: #FFF;\n        }\n        .sb-image-hover-6-6 a.sb-image-button{\n            background: #b8258e;\n            color: #FFF;\n            margin: 0 auto;                    }\n        .sb-image-hover-6-6 a.sb-image-button:hover{\n            background: #FFF;\n            color: #b8258e;\n        }\n        .sb-image-hover-6-6:hover .sb-image-img,\n        .sb-image-hover-6-6.oxi-touch .sb-image-img{\n            opacity: 0;\n            visibility: hidden;\n        }\n        .sb-image-hover-6-6:hover .sb-image-info,\n        .sb-image-hover-6-6.oxi-touch .sb-image-info{\n            visibility: visible;\n            opacity: 1;\n        }\n\n        .sb-image-hover-6-6.sb-left-to-right .sb-image-img {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n            -webkit-transform-origin: 100% 50%;\n            -moz-transform-origin: 100% 50%;\n            -ms-transform-origin: 100% 50%;\n            -o-transform-origin: 100% 50%;\n            transform-origin: 100% 50%;\n        }\n        .sb-image-hover-6-6.sb-left-to-right .sb-image-info {\n            -webkit-transform: rotateY(90deg);\n            -moz-transform: rotateY(90deg);\n            -ms-transform: rotateY(90deg);\n            -o-transform: rotateY(90deg);\n            transform: rotateY(90deg);\n            -webkit-transform-origin: 0% 50%;\n            -moz-transform-origin: 0% 50%;\n            -ms-transform-origin: 0% 50%;\n            -o-transform-origin: 0% 50%;\n            transform-origin: 0% 50%;\n        }\n        .sb-image-hover-6-6.sb-left-to-right:hover .sb-image-img,\n        .sb-image-hover-6-6.sb-left-to-right.oxi-touch .sb-image-img{\n            -webkit-transform: rotateY(-90deg);\n            -moz-transform: rotateY(-90deg);\n            -ms-transform: rotateY(-90deg);\n            -o-transform: rotateY(-90deg);\n            transform: rotateY(-90deg);\n        }\n        .sb-image-hover-6-6.sb-left-to-right:hover .sb-image-info,\n        .sb-image-hover-6-6.sb-left-to-right.oxi-touch .sb-image-info {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n        }\n\n        .sb-image-hover-6-6.sb-right-to-left .sb-image-img {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n            -webkit-transform-origin: 0% 50%;\n            -moz-transform-origin: 0% 50%;\n            -ms-transform-origin: 0% 50%;\n            -o-transform-origin: 0% 50%;\n            transform-origin: 0% 50%;\n        }\n        .sb-image-hover-6-6.sb-right-to-left .sb-image-info {\n            -webkit-transform: rotateY(-90deg);\n            -moz-transform: rotateY(-90deg);\n            -ms-transform: rotateY(-90deg);\n            -o-transform: rotateY(-90deg);\n            transform: rotateY(-90deg);\n            -webkit-transform-origin: 100% 50%;\n            -moz-transform-origin: 100% 50%;\n            -ms-transform-origin: 100% 50%;\n            -o-transform-origin: 100% 50%;\n            transform-origin: 100% 50%;\n        }\n        .sb-image-hover-6-6.sb-right-to-left:hover .sb-image-img,\n        .sb-image-hover-6-6.sb-right-to-left.oxi-touch .sb-image-img{\n            -webkit-transform: rotateY(90deg);\n            -moz-transform: rotateY(90deg);\n            -ms-transform: rotateY(90deg);\n            -o-transform: rotateY(90deg);\n            transform: rotateY(90deg);\n        }\n        .sb-image-hover-6-6.sb-right-to-left:hover .sb-image-info,\n        .sb-image-hover-6-6.sb-right-to-left.oxi-touch .sb-image-info{\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n        }\n\n        .sb-image-hover-6-6.sb-top-to-bottom .sb-image-img {\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n            -webkit-transform-origin: 50% 100%;\n            -moz-transform-origin: 50% 100%;\n            -ms-transform-origin: 50% 100%;\n            -o-transform-origin: 50% 100%;\n            transform-origin: 50% 100%;\n        }\n        .sb-image-hover-6-6.sb-top-to-bottom .sb-image-info {\n            -webkit-transform: rotateX(-90deg);\n            -moz-transform: rotateX(-90deg);\n            -ms-transform: rotateX(-90deg);\n            -o-transform: rotateX(-90deg);\n            transform: rotateX(-90deg);\n            -webkit-transform-origin: 50% 0;\n            -moz-transform-origin: 50% 0;\n            -ms-transform-origin: 50% 0;\n            -o-transform-origin: 50% 0;\n            transform-origin: 50% 0;\n        }\n        .sb-image-hover-6-6.sb-top-to-bottom:hover .sb-image-img,\n        .sb-image-hover-6-6.sb-top-to-bottom.oxi-touch .sb-image-img{\n            -webkit-transform: rotateX(90deg);\n            -moz-transform: rotateX(90deg);\n            -ms-transform: rotateX(90deg);\n            -o-transform: rotateX(90deg);\n            transform: rotateX(90deg);\n        }\n        .sb-image-hover-6-6.sb-top-to-bottom:hover .sb-image-info,\n        .sb-image-hover-6-6.sb-top-to-bottom.oxi-touch .sb-image-info{\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n        }\n\n        .sb-image-hover-6-6.sb-bottom-to-top .sb-image-img {\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n            -webkit-transform-origin: 50% 0;\n            -moz-transform-origin: 50% 0;\n            -ms-transform-origin: 50% 0;\n            -o-transform-origin: 50% 0;\n            transform-origin: 50% 0;\n        }\n        .sb-image-hover-6-6.sb-bottom-to-top .sb-image-info {\n            -webkit-transform: rotateX(90deg);\n            -moz-transform: rotateX(90deg);\n            -ms-transform: rotateX(90deg);\n            -o-transform: rotateX(90deg);\n            transform: rotateX(90deg);\n            -webkit-transform-origin: 50% 100%;\n            -moz-transform-origin: 50% 100%;\n            -ms-transform-origin: 50% 100%;\n            -o-transform-origin: 50% 100%;\n            transform-origin: 50% 100%;\n        }\n        .sb-image-hover-6-6.sb-bottom-to-top:hover .sb-image-img,\n        .sb-image-hover-6-6.sb-bottom-to-top.oxi-touch .sb-image-img{\n            -webkit-transform: rotateX(-90deg);\n            -moz-transform: rotateX(-90deg);\n            -ms-transform: rotateX(-90deg);\n            -o-transform: rotateX(-90deg);\n            transform: rotateX(-90deg);\n        }\n        .sb-image-hover-6-6.sb-bottom-to-top:hover .sb-image-info,\n        .sb-image-hover-6-6.sb-bottom-to-top.oxi-touch .sb-image-info{\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n        }\n\n    <\/style>\n\n    <\/div><div  class=\"sb-image-hover-responsive-2   sb-image-animation-6  sb-image-padding-6 \">\n                <div class=\"sb-image-map-6\">\n                    <div class=\"sb-image-map-absulate\">\n                       <div class=\"sb-image-hover oxilab-touchstart  sb-image-hover-6 sb-image-hover-6-8 sb-general-effects-14 sb-left-to-right\"><div class=\"sb-image-img\">\n                             <img src=\"http:\/\/fernandezluque.com\/wp-content\/uploads\/2018\/05\/icon_entrivia.png\">\n                         <\/div>\n                         <div class=\"sb-image-info\"  >\n                                <div class=\"sb-image-data\">\n                                    <div class=\"sb-image-title\">Smart Trivia<\/div>\n                                    <div class=\"sb-image-desc\">Trivia Hangman is an entertaining game, with which you can assess both your ability to answer questions, as well as your skill and intelligence to guess the answer.<\/div>\n                                    <a target=\"_blank\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.smappsdev.ensmtrivial\" class=\"sb-image-button\"> Go! <\/a>\n                                <\/div>\n                         <\/div>          <\/div>\n                     <\/div>\n                <\/div>    <style>\n        .sb-image-hover-6-8{\n            position: relative;\n            width: 100%;\n            height: 100%;            \n            -webkit-perspective: 900px;\n            -moz-perspective: 900px;\n            perspective: 900px;\n        }\n        .sb-image-hover-6-8 .sb-image-img {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n        }\n        .sb-image-hover-6-8 .sb-image-info {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n            -webkit-backface-visibility: hidden;\n            backface-visibility: hidden;\n            display: table;\n        }\n        .sb-image-hover-6-8 .sb-image-img {\n            width: 100%;\n            float: left;\n            visibility: visible;\n            opacity: 1;\n            -webkit-transition: all 0.4s ease-in-out;\n            -moz-transition: all 0.4s ease-in-out;\n            transition: all 0.4s ease-in-out;\n        }\n        .sb-image-hover-6-8 .sb-image-info {\n            opacity: 0;\n            background-color:rgba(0, 143, 171, 1);\n            visibility: hidden;\n            -webkit-transition: all 0.35s ease-in-out 0.3s;\n            -moz-transition: all 0.35s ease-in-out 0.3s;\n            transition: all 0.35s ease-in-out 0.3s;\n\n        }\n        .sb-image-hover-6-8 .sb-image-info .sb-image-data{\n            display: table-cell;\n            vertical-align: top; text-align: left;        }\n        .sb-image-hover-6-8 .sb-image-info .sb-image-title {\n            color: #FFF;\n        }\n        .sb-image-hover-6-8 .sb-image-info .sb-image-desc {\n            color: #FFF;\n        }\n        .sb-image-hover-6-8 a.sb-image-button{\n            background: #b8258e;\n            color: #FFF;\n            margin: 0 auto;                    }\n        .sb-image-hover-6-8 a.sb-image-button:hover{\n            background: #FFF;\n            color: #b8258e;\n        }\n        .sb-image-hover-6-8:hover .sb-image-img,\n        .sb-image-hover-6-8.oxi-touch .sb-image-img{\n            opacity: 0;\n            visibility: hidden;\n        }\n        .sb-image-hover-6-8:hover .sb-image-info,\n        .sb-image-hover-6-8.oxi-touch .sb-image-info{\n            visibility: visible;\n            opacity: 1;\n        }\n\n        .sb-image-hover-6-8.sb-left-to-right .sb-image-img {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n            -webkit-transform-origin: 100% 50%;\n            -moz-transform-origin: 100% 50%;\n            -ms-transform-origin: 100% 50%;\n            -o-transform-origin: 100% 50%;\n            transform-origin: 100% 50%;\n        }\n        .sb-image-hover-6-8.sb-left-to-right .sb-image-info {\n            -webkit-transform: rotateY(90deg);\n            -moz-transform: rotateY(90deg);\n            -ms-transform: rotateY(90deg);\n            -o-transform: rotateY(90deg);\n            transform: rotateY(90deg);\n            -webkit-transform-origin: 0% 50%;\n            -moz-transform-origin: 0% 50%;\n            -ms-transform-origin: 0% 50%;\n            -o-transform-origin: 0% 50%;\n            transform-origin: 0% 50%;\n        }\n        .sb-image-hover-6-8.sb-left-to-right:hover .sb-image-img,\n        .sb-image-hover-6-8.sb-left-to-right.oxi-touch .sb-image-img{\n            -webkit-transform: rotateY(-90deg);\n            -moz-transform: rotateY(-90deg);\n            -ms-transform: rotateY(-90deg);\n            -o-transform: rotateY(-90deg);\n            transform: rotateY(-90deg);\n        }\n        .sb-image-hover-6-8.sb-left-to-right:hover .sb-image-info,\n        .sb-image-hover-6-8.sb-left-to-right.oxi-touch .sb-image-info {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n        }\n\n        .sb-image-hover-6-8.sb-right-to-left .sb-image-img {\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n            -webkit-transform-origin: 0% 50%;\n            -moz-transform-origin: 0% 50%;\n            -ms-transform-origin: 0% 50%;\n            -o-transform-origin: 0% 50%;\n            transform-origin: 0% 50%;\n        }\n        .sb-image-hover-6-8.sb-right-to-left .sb-image-info {\n            -webkit-transform: rotateY(-90deg);\n            -moz-transform: rotateY(-90deg);\n            -ms-transform: rotateY(-90deg);\n            -o-transform: rotateY(-90deg);\n            transform: rotateY(-90deg);\n            -webkit-transform-origin: 100% 50%;\n            -moz-transform-origin: 100% 50%;\n            -ms-transform-origin: 100% 50%;\n            -o-transform-origin: 100% 50%;\n            transform-origin: 100% 50%;\n        }\n        .sb-image-hover-6-8.sb-right-to-left:hover .sb-image-img,\n        .sb-image-hover-6-8.sb-right-to-left.oxi-touch .sb-image-img{\n            -webkit-transform: rotateY(90deg);\n            -moz-transform: rotateY(90deg);\n            -ms-transform: rotateY(90deg);\n            -o-transform: rotateY(90deg);\n            transform: rotateY(90deg);\n        }\n        .sb-image-hover-6-8.sb-right-to-left:hover .sb-image-info,\n        .sb-image-hover-6-8.sb-right-to-left.oxi-touch .sb-image-info{\n            -webkit-transform: rotateY(0);\n            -moz-transform: rotateY(0);\n            -ms-transform: rotateY(0);\n            -o-transform: rotateY(0);\n            transform: rotateY(0);\n        }\n\n        .sb-image-hover-6-8.sb-top-to-bottom .sb-image-img {\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n            -webkit-transform-origin: 50% 100%;\n            -moz-transform-origin: 50% 100%;\n            -ms-transform-origin: 50% 100%;\n            -o-transform-origin: 50% 100%;\n            transform-origin: 50% 100%;\n        }\n        .sb-image-hover-6-8.sb-top-to-bottom .sb-image-info {\n            -webkit-transform: rotateX(-90deg);\n            -moz-transform: rotateX(-90deg);\n            -ms-transform: rotateX(-90deg);\n            -o-transform: rotateX(-90deg);\n            transform: rotateX(-90deg);\n            -webkit-transform-origin: 50% 0;\n            -moz-transform-origin: 50% 0;\n            -ms-transform-origin: 50% 0;\n            -o-transform-origin: 50% 0;\n            transform-origin: 50% 0;\n        }\n        .sb-image-hover-6-8.sb-top-to-bottom:hover .sb-image-img,\n        .sb-image-hover-6-8.sb-top-to-bottom.oxi-touch .sb-image-img{\n            -webkit-transform: rotateX(90deg);\n            -moz-transform: rotateX(90deg);\n            -ms-transform: rotateX(90deg);\n            -o-transform: rotateX(90deg);\n            transform: rotateX(90deg);\n        }\n        .sb-image-hover-6-8.sb-top-to-bottom:hover .sb-image-info,\n        .sb-image-hover-6-8.sb-top-to-bottom.oxi-touch .sb-image-info{\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n        }\n\n        .sb-image-hover-6-8.sb-bottom-to-top .sb-image-img {\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n            -webkit-transform-origin: 50% 0;\n            -moz-transform-origin: 50% 0;\n            -ms-transform-origin: 50% 0;\n            -o-transform-origin: 50% 0;\n            transform-origin: 50% 0;\n        }\n        .sb-image-hover-6-8.sb-bottom-to-top .sb-image-info {\n            -webkit-transform: rotateX(90deg);\n            -moz-transform: rotateX(90deg);\n            -ms-transform: rotateX(90deg);\n            -o-transform: rotateX(90deg);\n            transform: rotateX(90deg);\n            -webkit-transform-origin: 50% 100%;\n            -moz-transform-origin: 50% 100%;\n            -ms-transform-origin: 50% 100%;\n            -o-transform-origin: 50% 100%;\n            transform-origin: 50% 100%;\n        }\n        .sb-image-hover-6-8.sb-bottom-to-top:hover .sb-image-img,\n        .sb-image-hover-6-8.sb-bottom-to-top.oxi-touch .sb-image-img{\n            -webkit-transform: rotateX(-90deg);\n            -moz-transform: rotateX(-90deg);\n            -ms-transform: rotateX(-90deg);\n            -o-transform: rotateX(-90deg);\n            transform: rotateX(-90deg);\n        }\n        .sb-image-hover-6-8.sb-bottom-to-top:hover .sb-image-info,\n        .sb-image-hover-6-8.sb-bottom-to-top.oxi-touch .sb-image-info{\n            -webkit-transform: rotateX(0);\n            -moz-transform: rotateX(0);\n            -ms-transform: rotateX(0);\n            -o-transform: rotateX(0);\n            transform: rotateX(0);\n        }\n\n    <\/style>\n\n    <\/div><\/div> <\/div>    <style>\n        .sb-image-hover-6, \n        .sb-image-hover-6 .sb-image-img, .sb-image-hover-6 a .sb-image-img,\n        .sb-image-hover-6 .sb-image-img:before, .sb-image-hover-6 a .sb-image-img:before,\n        .sb-image-hover-6 .sb-image-img img, .sb-image-hover-6 a .sb-image-img img,\n        .sb-image-hover-6 .sb-image-info, .sb-image-hover-6 a .sb-image-info{\n            border-radius: 20%;\n            -moz-border-radius:  20%;\n            -webkit-border-radius:  20%;\n        }\n        .sb-image-padding-6{\n            padding: 20px;\n        }\n        .sb-image-map-6 {\n            max-width: 250px;\n            width: 100%;\n            margin: 0 auto;\n            position: relative;\n        }\n        .sb-image-map-6:after {\n            padding-bottom: 100%;\n            content: \"\";\n            display: block;\n        }\n        .sb-image-animation-6 {\n            animation-duration: 2s;\n        }\n        .sb-image-hover-6 .sb-image-info .sb-image-data{\n            padding: 20px; \n        }\n        .sb-image-hover-6 .sb-image-img,\n        .sb-image-hover-6 .sb-image-info{\n            box-shadow: 0 0 0px  0 rgba(0, 148, 126, 0.36);\n        }\n        .sb-image-hover-6 .sb-image-img:before {\n            position: absolute;\n            display: block;\n            content: '';\n            width: 100%;\n            height: 100%;\n            box-shadow: inset 0 0 0 0px rgba(49, 66, 222, 0.2);\n        }\n        .sb-image-hover-6 .sb-image-info .sb-image-title {\n            font-size: 20px;\n            font-weight: 600;\n            padding-bottom: 5px;\n            margin-bottom: 10px;\n            margin-top: 0;\n            line-height: 120%;\n            font-family: \"Open Sans\";\n            display: block;\n            font-style: normal;\n                    }\n        .sb-image-hover-6 .sb-image-info .sb-image-desc {\n            font-size: 14px;\n            font-weight: 300;\n            margin-bottom: 20px;\n            margin-top: 0;\n            line-height: 120%;\n            width: 100%;\n            float: left;\n            font-family: \"Open Sans\";\n            font-style: normal;\n        }\n\n        .sb-image-hover-6 a.sb-image-button{\n            padding: 10px 10px;\n            -webkit-border-radius: 5px;\n            -moz-border-radius: 5px;\n            border-radius: 5px;\n            font-weight: 300;\n            font-size: 14px;\n            font-family: \"Open Sans\";\n            font-style: normal;\n            text-decoration: none;\n            display:inline-block;\n        }\n            <\/style>\n    <\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-family: Verdana, Geneva, sans-serif;\"><br \/>\n<\/span>Han ido evolucionando en este tiempo, y en 2017 han sido migradas a Android Studio, herramienta de desarrollo muy vers\u00e1til que permite una gran comodidad y excelentes resultados.<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-family: Verdana, Geneva, sans-serif;\">!Espero que os gusten!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mi inter\u00e9s por el desarrollo de Apps se inici\u00f3 en 2012. Publiqu\u00e9 4 aplicaciones, de las cuales algunas entraron entre las 50 mejores en el Top de Aplicaciones Gratuitas, y con m\u00e1s de 50.000 descargas. &nbsp; Han ido evolucionando en este tiempo, y en 2017 han sido migradas a Android Studio, herramienta de desarrollo muy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":162,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"spay_email":""},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P9TapY-1x","_links":{"self":[{"href":"https:\/\/www.fernandezluque.com\/index.php?rest_route=\/wp\/v2\/pages\/95"}],"collection":[{"href":"https:\/\/www.fernandezluque.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fernandezluque.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fernandezluque.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fernandezluque.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=95"}],"version-history":[{"count":25,"href":"https:\/\/www.fernandezluque.com\/index.php?rest_route=\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/www.fernandezluque.com\/index.php?rest_route=\/wp\/v2\/pages\/95\/revisions\/107"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fernandezluque.com\/index.php?rest_route=\/wp\/v2\/media\/162"}],"wp:attachment":[{"href":"https:\/\/www.fernandezluque.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}