{"id":12,"date":"2026-03-12T16:31:47","date_gmt":"2026-03-12T16:31:47","guid":{"rendered":"https:\/\/ericguerrero.es\/?page_id=12"},"modified":"2026-03-16T22:17:19","modified_gmt":"2026-03-16T22:17:19","slug":"inicio","status":"publish","type":"page","link":"https:\/\/ericguerrero.es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c85c27 e-flex e-con-boxed e-con e-parent\" data-id=\"6c85c27\" 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-67a84a5 elementor-widget elementor-widget-spacer\" data-id=\"67a84a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-866a319 e-flex e-con-boxed e-con e-parent\" data-id=\"866a319\" 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-4fc4b17 elementor-widget elementor-widget-text-editor\" data-id=\"4fc4b17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1>Hola, soy Eric Guerrero.<\/h1>\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-aaa4fa7 e-flex e-con-boxed e-con e-parent\" data-id=\"aaa4fa7\" 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-5f48e03 elementor-widget elementor-widget-text-editor\" data-id=\"5f48e03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Desarrollo de Software, Videojuegos y Web.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d3c9d8 elementor-widget elementor-widget-text-editor\" data-id=\"9d3c9d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Transformo ideas abstractas en c\u00f3digo funcional, experiencias interactivas y webs optimizadas para posicionar.<\/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-e3732d8 e-flex e-con-boxed e-con e-parent\" data-id=\"e3732d8\" 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-8d969da elementor-widget elementor-widget-button\" data-id=\"8d969da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Hablemos de tu proyecto -&gt;<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\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-8418ff0 e-flex e-con-boxed e-con e-parent\" data-id=\"8418ff0\" 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-5d8f438 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5d8f438\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\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-24886db e-flex e-con-boxed e-con e-parent\" data-id=\"24886db\" 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-9aac6de elementor-widget elementor-widget-heading\" data-id=\"9aac6de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Servicios &amp; Stack<\/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-f459800 e-flex e-con-boxed e-con e-parent\" data-id=\"f459800\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aeeb2ac e-con-full e-flex e-con e-child\" data-id=\"aeeb2ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-card1 e-con-full e-flex e-con e-child\" data-id=\"card1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae3bdce elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"ae3bdce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-gamepad\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M480.07 96H160a160 160 0 1 0 114.24 272h91.52A160 160 0 1 0 480.07 96zM248 268a12 12 0 0 1-12 12h-52v52a12 12 0 0 1-12 12h-24a12 12 0 0 1-12-12v-52H84a12 12 0 0 1-12-12v-24a12 12 0 0 1 12-12h52v-52a12 12 0 0 1 12-12h24a12 12 0 0 1 12 12v52h52a12 12 0 0 1 12 12zm216 76a40 40 0 1 1 40-40 40 40 0 0 1-40 40zm64-96a40 40 0 1 1 40-40 40 40 0 0 1-40 40z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-title1 elementor-widget elementor-widget-heading\" data-id=\"title1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Videojuegos<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-desc1 elementor-widget elementor-widget-text-editor\" data-id=\"desc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"color: #9ca3af; line-height: 1.6;\">Desarrollo de juegos con mec\u00e1nicas \u00fanicas y experiencias envolventes<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-stack1 elementor-widget elementor-widget-text-editor\" data-id=\"stack1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div style=\"display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;\"><span style=\"background: #222; color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500;\">Godot<\/span><span style=\"background: #222; color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500;\">GDScript<\/span><span style=\"background: #222; color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500;\">Roblox Studio<\/span><span style=\"background: #222; color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500;\">Luau<\/span><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-943e550 e-con-full e-flex e-con e-child\" data-id=\"943e550\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-card2 e-con-full e-flex e-con e-child\" data-id=\"card2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4aa5f5 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"e4aa5f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mobile-alt\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm112-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v312z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-title2 elementor-widget elementor-widget-heading\" data-id=\"title2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Apps M\u00f3viles<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-desc2 elementor-widget elementor-widget-text-editor\" data-id=\"desc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"color: #9ca3af; line-height: 1.6;\">Aplicaciones nativas de alto rendimiento con UX moderna<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-stack2 elementor-widget elementor-widget-text-editor\" data-id=\"stack2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div style=\"display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;\"><span style=\"background: #222; color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500;\">Android Studio<\/span><span style=\"background: #222; color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500;\">Kotlin<\/span><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c40c86 e-con-full e-flex e-con e-child\" data-id=\"9c40c86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-card3 e-con-full e-flex e-con e-child\" data-id=\"card3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ded0bd elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"7ded0bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-wordpress\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8.9 0 1.8.1 2.8.2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7.3 13.7.3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-title3 elementor-widget elementor-widget-heading\" data-id=\"title3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Web &amp; SEO<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-desc3 elementor-widget elementor-widget-text-editor\" data-id=\"desc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"color: #9ca3af; line-height: 1.6;\">Desarrollo web y estrategias de posicionamiento online<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-stack3 elementor-widget elementor-widget-text-editor\" data-id=\"stack3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div style=\"display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;\"><span style=\"background: #222; color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500;\">WordPress<\/span><span style=\"background: #222; color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500;\">SEO<\/span><span style=\"background: #222; color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500;\">Vectorizaci\u00f3n<\/span><\/div>\t\t\t\t\t\t\t\t<\/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<div class=\"elementor-element elementor-element-8330e0a e-flex e-con-boxed e-con e-parent\" data-id=\"8330e0a\" 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-11c35cd elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"11c35cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\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-6216c9e e-flex e-con-boxed e-con e-parent\" data-id=\"6216c9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-85e5592 e-con-full e-flex e-con e-child\" data-id=\"85e5592\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9648d72 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"9648d72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Proyectos Destacados<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a31839 e-con-full e-flex e-con e-child\" data-id=\"5a31839\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c9ba54 elementor-widget elementor-widget-text-editor\" data-id=\"2c9ba54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ver todos &#8211;&gt;<\/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-a2d2534 e-flex e-con-boxed e-con e-parent\" data-id=\"a2d2534\" 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-eba8084 elementor-widget elementor-widget-html\" data-id=\"eba8084\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Proyectos Destacados<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #121212;\n            color: #ffffff;\n            min-height: 100vh;\n        }\n\n        .proyectos-destacados {\n            padding: 60px 40px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .proyectos-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 24px;\n        }\n\n        @media (max-width: 1024px) {\n            .proyectos-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 640px) {\n            .proyectos-grid {\n                grid-template-columns: 1fr;\n            }\n            .proyectos-destacados {\n                padding: 40px 20px;\n            }\n        }\n\n        .proyecto-card {\n            background-color: #1E1E1E;\n            border-radius: 12px;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n        }\n\n        .proyecto-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\n        }\n\n        .proyecto-imagen {\n            width: 100%;\n            height: 200px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .proyecto-imagen img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\n\n        .proyecto-card:hover .proyecto-imagen img {\n            transform: scale(1.05);\n        }\n\n        .proyecto-contenido {\n            padding: 20px;\n        }\n\n        .proyecto-labels {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 12px;\n        }\n\n        .proyecto-categoria {\n            font-size: 13px;\n            color: #aaaaaa;\n            font-weight: 500;\n        }\n\n        .proyecto-estado {\n            font-size: 12px;\n            padding: 6px 12px;\n            border-radius: 6px;\n            font-weight: 500;\n        }\n\n        .estado-desarrollo {\n            background-color: #2D2D2D;\n            color: #ffffff;\n        }\n\n        .estado-completado {\n            background-color: #2D2D2D;\n            color: #ffffff;\n        }\n\n        .proyecto-titulo {\n            font-size: 20px;\n            font-weight: 600;\n            color: #ffffff;\n            margin-bottom: 8px;\n        }\n\n        .proyecto-descripcion {\n            font-size: 14px;\n            color: #aaaaaa;\n            line-height: 1.5;\n        }\n\n        \/* Imagenes placeholder con estilos *\/\n        .imagen-dnd {\n            background: #1e1e1e;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 20px;\n        }\n\n        .kotlin-logo {\n            width: 80px;\n            height: 30px;\n            margin-bottom: 10px;\n        }\n\n        .code-editor {\n            width: 100%;\n            height: 120px;\n            background: #282c34;\n            border-radius: 6px;\n            padding: 12px;\n            font-family: 'Fira Code', 'Consolas', monospace;\n            font-size: 10px;\n            color: #abb2bf;\n            overflow: hidden;\n        }\n\n        .code-line {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 4px;\n        }\n\n        .line-number {\n            color: #495162;\n            min-width: 20px;\n        }\n\n        .keyword { color: #c678dd; }\n        .function { color: #61afef; }\n        .string { color: #98c379; }\n        .class-name { color: #e5c07b; }\n        .comment { color: #5c6370; }\n\n        .imagen-seo {\n            background: linear-gradient(135deg, #E63946 0%, #c62d3a 100%);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .diagonal-lines {\n            position: absolute;\n            inset: 0;\n        }\n\n        .diagonal-line {\n            position: absolute;\n            width: 300%;\n            height: 4px;\n            background: rgba(0, 0, 0, 0.15);\n            transform: rotate(-45deg);\n        }\n\n        .diagonal-line:nth-child(1) { top: 10%; left: -50%; }\n        .diagonal-line:nth-child(2) { top: 25%; left: -50%; }\n        .diagonal-line:nth-child(3) { top: 40%; left: -50%; }\n        .diagonal-line:nth-child(4) { top: 55%; left: -50%; }\n        .diagonal-line:nth-child(5) { top: 70%; left: -50%; }\n        .diagonal-line:nth-child(6) { top: 85%; left: -50%; }\n        .diagonal-line:nth-child(7) { top: 100%; left: -50%; }\n    <\/style>\n<\/head>\n<body>\n    <section class=\"proyectos-destacados\">\n        <div class=\"proyectos-grid\">\n            <!-- Proyecto 1: Stereo Fighters -->\n            <article class=\"proyecto-card\">\n                <div class=\"proyecto-imagen\">\n                    <img decoding=\"async\" src=\"https:\/\/ericguerrero.es\/wp-content\/uploads\/2026\/03\/CaseOh-removebg-preview.png\" alt=\"Stereo Fighters\">\n                <\/div>\n                <div class=\"proyecto-contenido\">\n                    <div class=\"proyecto-labels\">\n                        <span class=\"proyecto-categoria\">Videojuego<\/span>\n                        <span class=\"proyecto-estado estado-desarrollo\">En Desarrollo<\/span>\n                    <\/div>\n                    <h3 class=\"proyecto-titulo\">Stereo Fighters<\/h3>\n                    <p class=\"proyecto-descripcion\">Juego de acci\u00f3n con sistema de f\u00edsicas en GDScript<\/p>\n                <\/div>\n            <\/article>\n\n            <!-- Proyecto 2: DnDAcademy -->\n            <article class=\"proyecto-card\">\n                <div class=\"proyecto-imagen imagen-dnd\">\n                    <svg class=\"kotlin-logo\" viewBox=\"0 0 100 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M0 30L15.5 14.5L0 0H11.5L27 14.5L11.5 30H0Z\" fill=\"#7F52FF\"\/>\n                        <path d=\"M27 30L42.5 14.5L27 0H38.5L54 14.5L38.5 30H27Z\" fill=\"#7F52FF\"\/>\n                        <path d=\"M54 30L69.5 14.5L54 0H65.5L81 14.5L65.5 30H54Z\" fill=\"#7F52FF\"\/>\n                        <path d=\"M81 0V30L100 15L81 0Z\" fill=\"#7F52FF\"\/>\n                    <\/svg>\n                    <div class=\"code-editor\">\n                        <div class=\"code-line\"><span class=\"line-number\">1<\/span><span class=\"keyword\">class<\/span> <span class=\"class-name\">Character<\/span> {<\/div>\n                        <div class=\"code-line\"><span class=\"line-number\">2<\/span>  <span class=\"keyword\">var<\/span> name: <span class=\"class-name\">String<\/span><\/div>\n                        <div class=\"code-line\"><span class=\"line-number\">3<\/span>  <span class=\"keyword\">var<\/span> level: <span class=\"class-name\">Int<\/span> = <span class=\"string\">1<\/span><\/div>\n                        <div class=\"code-line\"><span class=\"line-number\">4<\/span>  <span class=\"keyword\">fun<\/span> <span class=\"function\">levelUp<\/span>() {<\/div>\n                        <div class=\"code-line\"><span class=\"line-number\">5<\/span>    level++<\/div>\n                        <div class=\"code-line\"><span class=\"line-number\">6<\/span>  }<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"proyecto-contenido\">\n                    <div class=\"proyecto-labels\">\n                        <span class=\"proyecto-categoria\">App M\u00f3vil<\/span>\n                        <span class=\"proyecto-estado estado-desarrollo\">En Desarrollo<\/span>\n                    <\/div>\n                    <h3 class=\"proyecto-titulo\">DnDAcademy<\/h3>\n                    <p class=\"proyecto-descripcion\">Aplicaci\u00f3n Android para jugadores de D&D en Kotlin<\/p>\n                <\/div>\n            <\/article>\n\n            <!-- Proyecto 3: Casos SEO -->\n            <article class=\"proyecto-card\">\n                <div class=\"proyecto-imagen imagen-seo\">\n                    <div class=\"diagonal-lines\">\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"proyecto-contenido\">\n                    <div class=\"proyecto-labels\">\n                        <span class=\"proyecto-categoria\">Web & SEO<\/span>\n                        <span class=\"proyecto-estado estado-completado\">Completado<\/span>\n                    <\/div>\n                    <h3 class=\"proyecto-titulo\">Casos SEO<\/h3>\n                    <p class=\"proyecto-descripcion\">WordPress personalizado con SEO t\u00e9cnico avanzado<\/p>\n                <\/div>\n            <\/article>\n        <\/div>\n    <\/section>\n<\/body>\n<\/html>\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-25a5fd4 e-flex e-con-boxed e-con e-parent\" data-id=\"25a5fd4\" 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-6c29189 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6c29189\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\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-b6da73e e-flex e-con-boxed e-con e-parent\" data-id=\"b6da73e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f2cae85 e-con-full e-flex e-con e-child\" data-id=\"f2cae85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93ed127 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"93ed127\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Galer\u00eda Destaca<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6c3e6d e-con-full e-flex e-con e-child\" data-id=\"b6c3e6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4562e93 elementor-widget elementor-widget-text-editor\" data-id=\"4562e93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ver todos &#8211;&gt;<\/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-ff3f143 e-flex e-con-boxed e-con e-parent\" data-id=\"ff3f143\" 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-fa59de1 elementor-widget elementor-widget-html\" data-id=\"fa59de1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Proyectos Destacados<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #121212;\n            color: #ffffff;\n            min-height: 100vh;\n        }\n\n        .proyectos-destacados {\n            padding: 60px 40px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .proyectos-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 24px;\n        }\n\n        @media (max-width: 1024px) {\n            .proyectos-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 640px) {\n            .proyectos-grid {\n                grid-template-columns: 1fr;\n            }\n            .proyectos-destacados {\n                padding: 40px 20px;\n            }\n        }\n\n        .proyecto-card {\n            background-color: #1E1E1E;\n            border-radius: 12px;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n        }\n\n        .proyecto-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\n        }\n\n        .proyecto-imagen {\n            width: 100%;\n            height: 200px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .proyecto-imagen img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\n\n        .proyecto-card:hover .proyecto-imagen img {\n            transform: scale(1.05);\n        }\n\n        .proyecto-contenido {\n            padding: 20px;\n        }\n\n        .proyecto-labels {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 12px;\n        }\n\n        .proyecto-categoria {\n            font-size: 13px;\n            color: #aaaaaa;\n            font-weight: 500;\n        }\n\n        .proyecto-estado {\n            font-size: 12px;\n            padding: 6px 12px;\n            border-radius: 6px;\n            font-weight: 500;\n        }\n\n        .estado-desarrollo {\n            background-color: #2D2D2D;\n            color: #ffffff;\n        }\n\n        .estado-completado {\n            background-color: #2D2D2D;\n            color: #ffffff;\n        }\n\n        .proyecto-titulo {\n            font-size: 20px;\n            font-weight: 600;\n            color: #ffffff;\n            margin-bottom: 8px;\n        }\n\n        .proyecto-descripcion {\n            font-size: 14px;\n            color: #aaaaaa;\n            line-height: 1.5;\n        }\n\n        \/* Imagenes placeholder con estilos *\/\n        .imagen-dnd {\n            background: #1e1e1e;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 20px;\n        }\n\n        .kotlin-logo {\n            width: 80px;\n            height: 30px;\n            margin-bottom: 10px;\n        }\n\n        .code-editor {\n            width: 100%;\n            height: 120px;\n            background: #282c34;\n            border-radius: 6px;\n            padding: 12px;\n            font-family: 'Fira Code', 'Consolas', monospace;\n            font-size: 10px;\n            color: #abb2bf;\n            overflow: hidden;\n        }\n\n        .code-line {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 4px;\n        }\n\n        .line-number {\n            color: #495162;\n            min-width: 20px;\n        }\n\n        .keyword { color: #c678dd; }\n        .function { color: #61afef; }\n        .string { color: #98c379; }\n        .class-name { color: #e5c07b; }\n        .comment { color: #5c6370; }\n\n        .imagen-seo {\n            background: linear-gradient(135deg, #E63946 0%, #c62d3a 100%);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .diagonal-lines {\n            position: absolute;\n            inset: 0;\n        }\n\n        .diagonal-line {\n            position: absolute;\n            width: 300%;\n            height: 4px;\n            background: rgba(0, 0, 0, 0.15);\n            transform: rotate(-45deg);\n        }\n\n        .diagonal-line:nth-child(1) { top: 10%; left: -50%; }\n        .diagonal-line:nth-child(2) { top: 25%; left: -50%; }\n        .diagonal-line:nth-child(3) { top: 40%; left: -50%; }\n        .diagonal-line:nth-child(4) { top: 55%; left: -50%; }\n        .diagonal-line:nth-child(5) { top: 70%; left: -50%; }\n        .diagonal-line:nth-child(6) { top: 85%; left: -50%; }\n        .diagonal-line:nth-child(7) { top: 100%; left: -50%; }\n    <\/style>\n<\/head>\n<body>\n    <section class=\"proyectos-destacados\">\n        <div class=\"proyectos-grid\">\n            <!-- Proyecto 1: Stereo Fighters -->\n            <article class=\"proyecto-card\">\n                <div class=\"proyecto-imagen\">\n                    <img decoding=\"async\" src=\"https:\/\/ericguerrero.es\/wp-content\/uploads\/2026\/03\/CaseOh-removebg-preview.png\" alt=\"Stereo Fighters\">\n                <\/div>\n                <div class=\"proyecto-contenido\">\n                    <div class=\"proyecto-labels\">\n                        <span class=\"proyecto-categoria\">Videojuego<\/span>\n                        <span class=\"proyecto-estado estado-desarrollo\">En Desarrollo<\/span>\n                    <\/div>\n                    <h3 class=\"proyecto-titulo\">Stereo Fighters<\/h3>\n                    <p class=\"proyecto-descripcion\">Juego de acci\u00f3n con sistema de f\u00edsicas en GDScript<\/p>\n                <\/div>\n            <\/article>\n\n            <!-- Proyecto 2: DnDAcademy -->\n            <article class=\"proyecto-card\">\n                <div class=\"proyecto-imagen imagen-dnd\">\n                    <svg class=\"kotlin-logo\" viewBox=\"0 0 100 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M0 30L15.5 14.5L0 0H11.5L27 14.5L11.5 30H0Z\" fill=\"#7F52FF\"\/>\n                        <path d=\"M27 30L42.5 14.5L27 0H38.5L54 14.5L38.5 30H27Z\" fill=\"#7F52FF\"\/>\n                        <path d=\"M54 30L69.5 14.5L54 0H65.5L81 14.5L65.5 30H54Z\" fill=\"#7F52FF\"\/>\n                        <path d=\"M81 0V30L100 15L81 0Z\" fill=\"#7F52FF\"\/>\n                    <\/svg>\n                    <div class=\"code-editor\">\n                        <div class=\"code-line\"><span class=\"line-number\">1<\/span><span class=\"keyword\">class<\/span> <span class=\"class-name\">Character<\/span> {<\/div>\n                        <div class=\"code-line\"><span class=\"line-number\">2<\/span>  <span class=\"keyword\">var<\/span> name: <span class=\"class-name\">String<\/span><\/div>\n                        <div class=\"code-line\"><span class=\"line-number\">3<\/span>  <span class=\"keyword\">var<\/span> level: <span class=\"class-name\">Int<\/span> = <span class=\"string\">1<\/span><\/div>\n                        <div class=\"code-line\"><span class=\"line-number\">4<\/span>  <span class=\"keyword\">fun<\/span> <span class=\"function\">levelUp<\/span>() {<\/div>\n                        <div class=\"code-line\"><span class=\"line-number\">5<\/span>    level++<\/div>\n                        <div class=\"code-line\"><span class=\"line-number\">6<\/span>  }<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"proyecto-contenido\">\n                    <div class=\"proyecto-labels\">\n                        <span class=\"proyecto-categoria\">App M\u00f3vil<\/span>\n                        <span class=\"proyecto-estado estado-desarrollo\">En Desarrollo<\/span>\n                    <\/div>\n                    <h3 class=\"proyecto-titulo\">DnDAcademy<\/h3>\n                    <p class=\"proyecto-descripcion\">Aplicaci\u00f3n Android para jugadores de D&D en Kotlin<\/p>\n                <\/div>\n            <\/article>\n\n            <!-- Proyecto 3: Casos SEO -->\n            <article class=\"proyecto-card\">\n                <div class=\"proyecto-imagen imagen-seo\">\n                    <div class=\"diagonal-lines\">\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                        <div class=\"diagonal-line\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"proyecto-contenido\">\n                    <div class=\"proyecto-labels\">\n                        <span class=\"proyecto-categoria\">Web & SEO<\/span>\n                        <span class=\"proyecto-estado estado-completado\">Completado<\/span>\n                    <\/div>\n                    <h3 class=\"proyecto-titulo\">Casos SEO<\/h3>\n                    <p class=\"proyecto-descripcion\">WordPress personalizado con SEO t\u00e9cnico avanzado<\/p>\n                <\/div>\n            <\/article>\n        <\/div>\n    <\/section>\n<\/body>\n<\/html>\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-57ea319 e-flex e-con-boxed e-con e-parent\" data-id=\"57ea319\" 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-199723a elementor-widget elementor-widget-image\" data-id=\"199723a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"605\" height=\"412\" src=\"https:\/\/ericguerrero.es\/wp-content\/uploads\/2026\/03\/CaseOh-removebg-preview.png\" class=\"attachment-large size-large wp-image-199\" alt=\"\" srcset=\"https:\/\/ericguerrero.es\/wp-content\/uploads\/2026\/03\/CaseOh-removebg-preview.png 605w, https:\/\/ericguerrero.es\/wp-content\/uploads\/2026\/03\/CaseOh-removebg-preview-300x204.png 300w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/>\t\t\t\t\t\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hola, soy Eric Guerrero. Desarrollo de Software, Videojuegos y Web. Transformo ideas abstractas en c\u00f3digo funcional, experiencias interactivas y webs optimizadas para posicionar. Hablemos de tu proyecto -&gt; Servicios &amp; Stack Videojuegos Desarrollo de juegos con mec\u00e1nicas \u00fanicas y experiencias envolventes GodotGDScriptRoblox StudioLuau Apps M\u00f3viles Aplicaciones nativas de alto rendimiento con UX moderna Android StudioKotlin [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ericguerrero.es\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ericguerrero.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ericguerrero.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ericguerrero.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ericguerrero.es\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":56,"href":"https:\/\/ericguerrero.es\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":223,"href":"https:\/\/ericguerrero.es\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/223"}],"wp:attachment":[{"href":"https:\/\/ericguerrero.es\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}