{"id":372,"date":"2026-05-22T09:15:15","date_gmt":"2026-05-22T07:15:15","guid":{"rendered":"https:\/\/mareaformacion.es\/?page_id=372"},"modified":"2026-05-26T17:26:57","modified_gmt":"2026-05-26T15:26:57","slug":"quienes-somos-daniel","status":"publish","type":"page","link":"http:\/\/mareaformacion.es\/index.php\/quienes-somos-daniel\/","title":{"rendered":"Quienes somos &#8211; Daniel"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Equipo &#8211; Marea Formaci\u00f3n<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap');\n        body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }\n\n        .team-member:hover .member-overlay {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        .member-overlay {\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            background: linear-gradient(to top, rgba(15, 23, 42, 0.95) 0%, rgba(30, 58, 138, 0.8) 60%, rgba(30, 58, 138, 0.2) 100%);\n            backdrop-filter: blur(3px);\n        }\n        .team-photo {\n            transition: transform 0.6s ease;\n        }\n        .team-member:hover .team-photo {\n            transform: scale(1.1);\n        }\n    <\/style>\n<\/head>\n<body>\n    <section class=\"py-20 px-4 max-w-7xl mx-auto\">\n        <!-- Encabezado -->\n        <div class=\"text-center mb-20\">\n            <h2 class=\"text-4xl md:text-5xl font-extrabold text-slate-900 mb-4 tracking-tight\">Sobre Nosotros<\/h2>\n            <div class=\"w-20 h-1.5 bg-blue-600 mx-auto mb-8 rounded-full\"><\/div>\n            <p class=\"text-xl text-slate-600 max-w-3xl mx-auto leading-relaxed font-light\">\n                Somos un equipo apasionado de profesionales dedicados a ofrecer soluciones innovadoras y de calidad. \n                Conoce a las personas que hacen posible nuestro \u00e9xito d\u00eda a d\u00eda.\n            <\/p>\n        <\/div>\n\n        <!-- Equipo -->\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8\">\n            <!-- Miembro 1 -->\n            <div class=\"team-member bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-500 relative group border border-slate-100\">\n                <div class=\"overflow-hidden h-80\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" class=\"team-photo w-full h-full object-cover\">\n                <\/div>\n                <div class=\"member-overlay absolute inset-0 opacity-0 flex items-end p-8 transform translate-y-6\">\n                    <div>\n                        <h3 class=\"text-white text-2xl font-bold\">XXXXX<\/h3>\n                        <p class=\"text-blue-300 font-medium mb-3\">CEO &amp; Fundador<\/p>\n                        <p class=\"text-slate-200 text-sm leading-relaxed mb-4\">Con m\u00e1s de 15 a\u00f1os de experiencia liderando equipos y proyectos innovadores.<\/p>\n                        <div class=\"flex space-x-4\">\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fab fa-linkedin-in text-lg\"><\/i><\/a>\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fas fa-envelope text-lg\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Miembro 2 -->\n            <div class=\"team-member bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-500 relative group border border-slate-100\">\n                <div class=\"overflow-hidden h-80\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5cd?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" class=\"team-photo w-full h-full object-cover\">\n                <\/div>\n                <div class=\"member-overlay absolute inset-0 opacity-0 flex items-end p-8 transform translate-y-6\">\n                    <div>\n                        <h3 class=\"text-white text-2xl font-bold\">XXXXX<\/h3>\n                        <p class=\"text-blue-300 font-medium mb-3\">Directora de Marketing<\/p>\n                        <p class=\"text-slate-200 text-sm leading-relaxed mb-4\">Especialista en estrategias digitales y crecimiento de marca.<\/p>\n                        <div class=\"flex space-x-4\">\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fab fa-linkedin-in text-lg\"><\/i><\/a>\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fas fa-envelope text-lg\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Miembro 3 -->\n            <div class=\"team-member bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-500 relative group border border-slate-100\">\n                <div class=\"overflow-hidden h-80\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" class=\"team-photo w-full h-full object-cover\">\n                <\/div>\n                <div class=\"member-overlay absolute inset-0 opacity-0 flex items-end p-8 transform translate-y-6\">\n                    <div>\n                        <h3 class=\"text-white text-2xl font-bold\">XXXXXX<\/h3>\n                        <p class=\"text-blue-300 font-medium mb-3\">Dise\u00f1adora UX\/UI<\/p>\n                        <p class=\"text-slate-200 text-sm leading-relaxed mb-4\">Crea experiencias digitales intuitivas y centradas en el usuario.<\/p>\n                        <div class=\"flex space-x-4\">\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fab fa-linkedin-in text-lg\"><\/i><\/a>\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fas fa-envelope text-lg\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Miembro 4 -->\n            <div class=\"team-member bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-500 relative group border border-slate-100\">\n                <div class=\"overflow-hidden h-80\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" class=\"team-photo w-full h-full object-cover\">\n                <\/div>\n                <div class=\"member-overlay absolute inset-0 opacity-0 flex items-end p-8 transform translate-y-6\">\n                    <div>\n                        <h3 class=\"text-white text-2xl font-bold\">XXXXXX<\/h3>\n                        <p class=\"text-blue-300 font-medium mb-3\">Desarrollador Senior<\/p>\n                        <p class=\"text-slate-200 text-sm leading-relaxed mb-4\">Experto en arquitectura de software y soluciones escalables.<\/p>\n                        <div class=\"flex space-x-4\">\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fab fa-linkedin-in text-lg\"><\/i><\/a>\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fas fa-envelope text-lg\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Miembro 5 -->\n            <div class=\"team-member bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-500 relative group border border-slate-100\">\n                <div class=\"overflow-hidden h-80\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" class=\"team-photo w-full h-full object-cover\">\n                <\/div>\n                <div class=\"member-overlay absolute inset-0 opacity-0 flex items-end p-8 transform translate-y-6\">\n                    <div>\n                        <h3 class=\"text-white text-2xl font-bold\">XXXXXX<\/h3>\n                        <p class=\"text-blue-300 font-medium mb-3\">Gerente de Proyectos<\/p>\n                        <p class=\"text-slate-200 text-sm leading-relaxed mb-4\">Organizaci\u00f3n y ejecuci\u00f3n impecable de proyectos complejos.<\/p>\n                        <div class=\"flex space-x-4\">\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fab fa-linkedin-in text-lg\"><\/i><\/a>\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fas fa-envelope text-lg\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Miembro 6 -->\n            <div class=\"team-member bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-500 relative group border border-slate-100\">\n                <div class=\"overflow-hidden h-80\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" class=\"team-photo w-full h-full object-cover\">\n                <\/div>\n                <div class=\"member-overlay absolute inset-0 opacity-0 flex items-end p-8 transform translate-y-6\">\n                    <div>\n                        <h3 class=\"text-white text-2xl font-bold\">XXXXXX<\/h3>\n                        <p class=\"text-blue-300 font-medium mb-3\">Especialista en SEO<\/p>\n                        <p class=\"text-slate-200 text-sm leading-relaxed mb-4\">Optimizaci\u00f3n y estrategias para posicionamiento org\u00e1nico.<\/p>\n                        <div class=\"flex space-x-4\">\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fab fa-linkedin-in text-lg\"><\/i><\/a>\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fas fa-envelope text-lg\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Miembro 7 -->\n            <div class=\"team-member bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-500 relative group border border-slate-100 col-span-1 sm:col-span-2 lg:col-span-1 xl:col-span-1\">\n                <div class=\"overflow-hidden h-80\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552058544-f2b08422138a?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" class=\"team-photo w-full h-full object-cover\">\n                <\/div>\n                <div class=\"member-overlay absolute inset-0 opacity-0 flex items-end p-8 transform translate-y-6\">\n                    <div>\n                        <h3 class=\"text-white text-2xl font-bold\">XXXXXXX<\/h3>\n                        <p class=\"text-blue-300 font-medium mb-3\">Director Financiero<\/p>\n                        <p class=\"text-slate-200 text-sm leading-relaxed mb-4\">Gesti\u00f3n estrat\u00e9gica de recursos y planificaci\u00f3n financiera.<\/p>\n                        <div class=\"flex space-x-4\">\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fab fa-linkedin-in text-lg\"><\/i><\/a>\n                            <a href=\"#\" class=\"text-white hover:text-blue-300\"><i class=\"fas fa-envelope text-lg\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Nuestra Filosof\u00eda &#8211; Marea Formaci\u00f3n<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap');\n        body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }\n\n        .filosofia-card {\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n        .filosofia-card:hover {\n            transform: translateX(5px);\n            background-color: rgba(255, 255, 255, 0.1);\n            border-color: #3b82f6;\n        }\n    <\/style>\n<\/head>\n<body>\n    <section class=\"py-20 px-4 max-w-7xl mx-auto\">\n        <!-- Nuestra Filosof\u00eda -->\n        <div class=\"relative bg-slate-900 rounded-[3rem] p-8 md:p-16 overflow-hidden shadow-2xl\">\n            <!-- Adornos de fondo -->\n            <div class=\"absolute top-0 right-0 w-64 h-64 bg-blue-600\/10 rounded-full blur-3xl -mr-32 -mt-32\"><\/div>\n            <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-blue-500\/10 rounded-full blur-3xl -ml-32 -mb-32\"><\/div>\n\n            <div class=\"relative z-10 grid lg:grid-cols-2 gap-16 items-center\">\n                <div>\n                    <h3 class=\"text-4xl font-bold text-white mb-6\">Nuestra Filosof\u00eda<\/h3>\n                    <p class=\"text-slate-300 text-lg leading-relaxed mb-8\">\n                        Creemos en el poder de la colaboraci\u00f3n, la innovaci\u00f3n y el compromiso con la excelencia. \n                        Cada miembro de nuestro equipo aporta habilidades \u00fanicas que combinadas crean soluciones extraordinarias.\n                    <\/p>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Equipo Marea\" class=\"rounded-3xl shadow-2xl border border-slate-700\/50 grayscale hover:grayscale-0 transition-all duration-700\">\n                <\/div>\n\n                <div class=\"grid gap-6\">\n                    <!-- Valor 1 -->\n                    <div class=\"filosofia-card bg-slate-800\/30 backdrop-blur-sm p-6 rounded-2xl group\">\n                        <div class=\"flex items-center space-x-5\">\n                            <div class=\"flex-shrink-0 w-14 h-14 bg-blue-600 rounded-xl flex items-center justify-center text-white shadow-lg shadow-blue-900\/20 group-hover:scale-110 transition-transform\">\n                                <i class=\"fas fa-users text-2xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-xl font-bold text-white mb-1\">Trabajo en Equipo<\/h4>\n                                <p class=\"text-slate-300\">Fomentamos la comunicaci\u00f3n abierta y el apoyo mutuo.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Valor 2 -->\n                    <div class=\"filosofia-card bg-slate-800\/30 backdrop-blur-sm p-6 rounded-2xl group\">\n                        <div class=\"flex items-center space-x-5\">\n                            <div class=\"flex-shrink-0 w-14 h-14 bg-blue-500 rounded-xl flex items-center justify-center text-white shadow-lg shadow-blue-900\/20 group-hover:scale-110 transition-transform\">\n                                <i class=\"fas fa-lightbulb text-2xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-xl font-bold text-white mb-1\">Innovaci\u00f3n Constante<\/h4>\n                                <p class=\"text-slate-300\">Buscamos siempre nuevas formas de resolver problemas.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Valor 3 -->\n                    <div class=\"filosofia-card bg-slate-800\/30 backdrop-blur-sm p-6 rounded-2xl group\">\n                        <div class=\"flex items-center space-x-5\">\n                            <div class=\"flex-shrink-0 w-14 h-14 bg-indigo-500 rounded-xl flex items-center justify-center text-white shadow-lg shadow-indigo-900\/20 group-hover:scale-110 transition-transform\">\n                                <i class=\"fas fa-heart text-2xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-xl font-bold text-white mb-1\">Pasi\u00f3n por lo que hacemos<\/h4>\n                                <p class=\"text-slate-300\">Nos encanta nuestro trabajo y eso se refleja en los resultados.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Equipo &#8211; Marea Formaci\u00f3n Sobre Nosotros Somos un equipo apasionado de profesionales dedicados a ofrecer soluciones innovadoras y de calidad. Conoce a las personas que hacen posible nuestro \u00e9xito d\u00eda a d\u00eda. XXXXX CEO &amp; Fundador Con m\u00e1s de 15 a\u00f1os de experiencia liderando equipos y proyectos innovadores. XXXXX Directora de Marketing Especialista en estrategias&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-372","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/pages\/372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/comments?post=372"}],"version-history":[{"count":2,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/pages\/372\/revisions"}],"predecessor-version":[{"id":413,"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/pages\/372\/revisions\/413"}],"wp:attachment":[{"href":"http:\/\/mareaformacion.es\/index.php\/wp-json\/wp\/v2\/media?parent=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}