{"id":51,"date":"2026-05-09T10:26:31","date_gmt":"2026-05-09T15:26:31","guid":{"rendered":"http:\/\/localhost\/mkt\/?page_id=51"},"modified":"2026-05-22T13:39:32","modified_gmt":"2026-05-22T18:39:32","slug":"templates","status":"publish","type":"page","link":"https:\/\/jorgealvarez.me\/en\/recursos\/templates\/","title":{"rendered":"Templates"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"51\" class=\"elementor elementor-51\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67b8d8a e-con-full e-flex e-con e-parent\" data-id=\"67b8d8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b0e1b3 elementor-widget elementor-widget-html\" data-id=\"5b0e1b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* SECCI\u00d3N *\/\n.templates-section {\n    position: relative;\n    width: 100%;\n    padding: 120px 6%;\n    background: #0f1115;\n    overflow: hidden;\n    font-family: \"Inter\", sans-serif;\n}\n\n\/* EFECTO BACKGROUND *\/\n.templates-section::before {\n    content: \"\";\n    position: absolute;\n    top: -250px;\n    left: -250px;\n    width: 700px;\n    height: 700px;\n    background: radial-gradient(circle, rgba(168,85,247,0.16) 0%, rgba(168,85,247,0) 70%);\n    pointer-events: none;\n}\n\n\/* CONTENEDOR *\/\n.templates-container {\n    position: relative;\n    z-index: 2;\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n\/* HEADER *\/\n.templates-header {\n    text-align: center;\n    margin-bottom: 80px;\n}\n\n.templates-badge {\n    display: inline-block;\n    padding: 10px 18px;\n    background: rgba(168,85,247,0.10);\n    border: 1px solid rgba(168,85,247,0.18);\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    color: #c084fc;\n    text-transform: uppercase;\n    margin-bottom: 24px;\n}\n\n.templates-title {\n    font-size: 72px;\n    line-height: 0.95;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: -3px;\n    margin-bottom: 28px;\n}\n\n.templates-description {\n    max-width: 780px;\n    margin: 0 auto;\n    font-size: 21px;\n    line-height: 1.7;\n    color: rgba(255,255,255,0.70);\n}\n\n\/* GRID *\/\n.templates-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n}\n\n\/* CARD *\/\n.template-card {\n    position: relative;\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 30px;\n    overflow: hidden;\n    transition: all 0.35s ease;\n    backdrop-filter: blur(10px);\n}\n\n.template-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(168,85,247,0.30);\n    box-shadow: 0 24px 60px rgba(0,0,0,0.30);\n}\n\n\/* THUMB *\/\n.template-thumb {\n    width: 100%;\n    height: 240px;\n    background: linear-gradient(135deg, #1f2937, #111827);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 70px;\n    border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n\n\/* CONTENT *\/\n.template-content {\n    padding: 32px;\n}\n\n\/* BADGES *\/\n.template-meta {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-bottom: 20px;\n}\n\n.template-badge {\n    padding: 8px 14px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.08);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    color: rgba(255,255,255,0.75);\n    text-transform: uppercase;\n}\n\n\/* TITLE *\/\n.template-title {\n    font-size: 30px;\n    line-height: 1.15;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: -1px;\n    margin-bottom: 18px;\n}\n\n\/* TEXT *\/\n.template-text {\n    font-size: 17px;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.70);\n    margin-bottom: 28px;\n}\n\n\/* BUTTON *\/\n.template-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 14px 22px;\n    background: linear-gradient(135deg, #a855f7, #9333ea);\n    border-radius: 16px;\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: all 0.3s ease;\n}\n\n.template-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 14px 30px rgba(168,85,247,0.25);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 1024px) {\n\n    .templates-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .templates-title {\n        font-size: 56px;\n    }\n}\n\n@media (max-width: 767px) {\n\n    .templates-section {\n        padding: 90px 24px;\n    }\n\n    .templates-grid {\n        grid-template-columns: 1fr;\n        gap: 18px;\n    }\n\n    .templates-title {\n        font-size: 42px;\n        line-height: 1;\n    }\n\n    .templates-description {\n        font-size: 17px;\n    }\n\n    .template-thumb {\n        height: 200px;\n        font-size: 54px;\n    }\n\n    .template-content {\n        padding: 26px 22px;\n    }\n\n    .template-title {\n        font-size: 26px;\n    }\n\n    .template-text {\n        font-size: 16px;\n    }\n}\n\n<\/style>\n\n<section class=\"templates-section\">\n\n    <div class=\"templates-container\">\n\n        <!-- HEADER -->\n        <div class=\"templates-header\">\n\n            <div class=\"templates-badge\">\n                Templates\n            <\/div>\n\n            <h1 class=\"templates-title\">\n                Templates listos<br>para implementar\n            <\/h1>\n\n            <div class=\"templates-description\">\n                Descarga plantillas optimizadas para landing pages, \n                dashboards, campa\u00f1as digitales, automatizaciones y gesti\u00f3n online.\n            <\/div>\n\n        <\/div>\n\n        <!-- GRID -->\n        <div class=\"templates-grid\">\n\n            <!-- TEMPLATE -->\n            <div class=\"template-card\">\n\n                <div class=\"template-thumb\">\n                    \ud83d\ude80\n                <\/div>\n\n                <div class=\"template-content\">\n\n                    <div class=\"template-meta\">\n                        <div class=\"template-badge\">Landing Page<\/div>\n                        <div class=\"template-badge\">Elementor<\/div>\n                    <\/div>\n\n                    <div class=\"template-title\">\n                        Template Landing Page\n                    <\/div>\n\n                    <div class=\"template-text\">\n                        Dise\u00f1o optimizado para conversi\u00f3n, generaci\u00f3n de leads y campa\u00f1as digitales.\n                    <\/div>\n\n                    <a href=\"#\" class=\"template-button\">\n                        Descargar \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- TEMPLATE -->\n            <div class=\"template-card\">\n\n                <div class=\"template-thumb\">\n                    \ud83d\udcca\n                <\/div>\n\n                <div class=\"template-content\">\n\n                    <div class=\"template-meta\">\n                        <div class=\"template-badge\">Dashboard<\/div>\n                        <div class=\"template-badge\">Marketing<\/div>\n                    <\/div>\n\n                    <div class=\"template-title\">\n                        Dashboard de Campa\u00f1as\n                    <\/div>\n\n                    <div class=\"template-text\">\n                        Plantilla para seguimiento de campa\u00f1as, KPIs, leads y performance digital.\n                    <\/div>\n\n                    <a href=\"#\" class=\"template-button\">\n                        Descargar \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- TEMPLATE -->\n            <div class=\"template-card\">\n\n                <div class=\"template-thumb\">\n                    \u26a1\n                <\/div>\n\n                <div class=\"template-content\">\n\n                    <div class=\"template-meta\">\n                        <div class=\"template-badge\">Automation<\/div>\n                        <div class=\"template-badge\">CRM<\/div>\n                    <\/div>\n\n                    <div class=\"template-title\">\n                        Workflow Automatizado\n                    <\/div>\n\n                    <div class=\"template-text\">\n                        Estructura base para automatizaci\u00f3n de leads y procesos comerciales.\n                    <\/div>\n\n                    <a href=\"#\" class=\"template-button\">\n                        Descargar \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- TEMPLATE -->\n            <div class=\"template-card\">\n\n                <div class=\"template-thumb\">\n                    \ud83d\uded2\n                <\/div>\n\n                <div class=\"template-content\">\n\n                    <div class=\"template-meta\">\n                        <div class=\"template-badge\">eCommerce<\/div>\n                        <div class=\"template-badge\">UX<\/div>\n                    <\/div>\n\n                    <div class=\"template-title\">\n                        Template eCommerce\n                    <\/div>\n\n                    <div class=\"template-text\">\n                        Layout optimizado para experiencia de compra y conversi\u00f3n online.\n                    <\/div>\n\n                    <a href=\"#\" class=\"template-button\">\n                        Descargar \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- TEMPLATE -->\n            <div class=\"template-card\">\n\n                <div class=\"template-thumb\">\n                    \ud83d\udcf1\n                <\/div>\n\n                <div class=\"template-content\">\n\n                    <div class=\"template-meta\">\n                        <div class=\"template-badge\">Social Media<\/div>\n                        <div class=\"template-badge\">Ads<\/div>\n                    <\/div>\n\n                    <div class=\"template-title\">\n                        Template Creativos Ads\n                    <\/div>\n\n                    <div class=\"template-text\">\n                        Plantillas listas para campa\u00f1as Meta Ads, anuncios y social media.\n                    <\/div>\n\n                    <a href=\"#\" class=\"template-button\">\n                        Descargar \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- TEMPLATE -->\n            <div class=\"template-card\">\n\n                <div class=\"template-thumb\">\n                    \ud83c\udfaf\n                <\/div>\n\n                <div class=\"template-content\">\n\n                    <div class=\"template-meta\">\n                        <div class=\"template-badge\">Funnels<\/div>\n                        <div class=\"template-badge\">Conversion<\/div>\n                    <\/div>\n\n                    <div class=\"template-title\">\n                        Funnel de Conversi\u00f3n\n                    <\/div>\n\n                    <div class=\"template-text\">\n                        Framework estrat\u00e9gico para estructurar funnels y automatizaci\u00f3n comercial.\n                    <\/div>\n\n                    <a href=\"#\" class=\"template-button\">\n                        Descargar \u2192\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Templates Templates listospara implementar Descarga plantillas optimizadas para landing pages, dashboards, campa\u00f1as digitales, automatizaciones y gesti\u00f3n online. \ud83d\ude80 Landing Page Elementor Template Landing Page Dise\u00f1o optimizado para conversi\u00f3n, generaci\u00f3n de leads y campa\u00f1as digitales. Descargar \u2192 \ud83d\udcca Dashboard Marketing Dashboard de Campa\u00f1as Plantilla para seguimiento de campa\u00f1as, KPIs, leads y performance digital. Descargar \u2192 \u26a1 &#8230; <a title=\"Templates\" class=\"read-more\" href=\"https:\/\/jorgealvarez.me\/en\/recursos\/templates\/\" aria-label=\"Read more about Templates\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":25,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":4,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/51\/revisions\/361"}],"up":[{"embeddable":true,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/25"}],"wp:attachment":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}