{"id":603,"date":"2026-05-04T14:52:53","date_gmt":"2026-05-04T14:52:53","guid":{"rendered":"https:\/\/accons.ec\/?page_id=603"},"modified":"2026-05-04T15:55:36","modified_gmt":"2026-05-04T15:55:36","slug":"blaze","status":"publish","type":"page","link":"https:\/\/accons.ec\/index.php\/blaze\/","title":{"rendered":"Blaze"},"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>Blaze | WordPress Bundle<\/title>\n    <!-- Modern + Fun Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@700&#038;family=Outfit:wght@300;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n    \/* \n       ESTILOS PARA WORDPRESS \/ ASTRA\n       Copia este bloque <style> completo y p\u00e9galo en el bloque HTML de WordPress\n    *\/\n    :root {\n        --magenta: #FF00FF;\n        --magenta-dark: #CC00CC;\n        --blue: #1843FF;\n        --text: #1C0A26;\n        --text-muted: #5C3B6B;\n        --white: #ffffff;\n    }\n\n    #blaze-site-body-wrapper {\n        background: var(--white) !important;\n        color: var(--text);\n        overflow-x: hidden;\n        font-family: 'Outfit', sans-serif;\n        line-height: 1.6;\n        position: relative;\n    }\n\n    \/* AGGRESSIVE ASTRA RESET - FORZAR TODO AL 100% *\/\n    html, body, #page, .site, .site-content, .ast-container, .entry-content, .entry-content .ast-container, .post-content, .ast-row, .ast-article-post {\n        width: 100% !important;\n        max-width: 100% !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        overflow-x: hidden !important;\n        background: #ffffff !important;\n    }\n\n    \/* HIDE THEME ELEMENTS *\/\n    header, #masthead, #colophon, .ast-main-header-bar, .ast-footer-copyright, .entry-header, .ast-header-bar-inner {\n        display: none !important;\n        height: 0 !important;\n        visibility: hidden !important;\n    }\n\n    \/* Ocultar footer de Astra pero dejar el de Blaze *\/\n    footer:not(.footer) {\n        display: none !important;\n    }\n\n    #blaze-site-body-wrapper {\n        background-color: #ffffff !important;\n        width: 100% !important;\n        max-width: 100% !important;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n\n    #blaze-site-body-wrapper * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    #blaze-site-body-wrapper h1,\n    #blaze-site-body-wrapper h2,\n    #blaze-site-body-wrapper h3,\n    #blaze-site-body-wrapper h4,\n    #blaze-site-body-wrapper .logo {\n        font-family: 'Outfit', sans-serif;\n        font-weight: 900;\n    }\n\n    #blaze-site-body-wrapper h1 {\n        font-size: clamp(2.5rem, 8vw, 3.8rem);\n        line-height: 1.1;\n        margin-bottom: 1.5rem;\n        letter-spacing: 0.9px;\n    }\n\n    #blaze-site-body-wrapper h2 {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n    }\n\n    #blaze-site-body-wrapper h3 {\n        font-size: 2rem;\n    }\n\n    #blaze-site-body-wrapper h4 {\n        font-size: 1.2rem;\n        font-weight: 500;\n        color: var(--text-muted);\n        margin-bottom: 1rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    #blaze-site-body-wrapper .fun-font {\n        font-family: 'Caveat', cursive;\n        letter-spacing: 1px;\n    }\n\n    #blaze-site-body-wrapper .magenta { color: var(--magenta); }\n\n    #blaze-site-body-wrapper .highlight,\n    #blaze-site-body-wrapper .highlight .char {\n        background: linear-gradient(-45deg, #FF00FF, #1843FF, #E517FC, #1D26D4, #FF00FF) !important;\n        background-size: 600% 600% !important;\n        -webkit-background-clip: text !important;\n        background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        color: transparent !important;\n        animation: premiumGradient 16s linear infinite !important;\n        display: inline-block !important;\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\n\n    @keyframes premiumGradient {\n        0% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n        100% { background-position: 0% 50%; }\n    }\n\n    #blaze-site-body-wrapper .container {\n        width: 90%;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    #blaze-site-body-wrapper .glass-card {\n        background: var(--white);\n        border: 2px solid rgba(0, 0, 0, 0.08);\n        border-radius: 24px;\n        padding: 2.5rem;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;\n        position: relative;\n        overflow: hidden;\n    }\n\n    #blaze-site-body-wrapper .btn-primary {\n        background: linear-gradient(-45deg, #FF00FF, #1843FF, #E517FC, #1D26D4, #FF00FF);\n        background-size: 600% 600%;\n        color: #ffffff !important;\n        padding: 1rem 2.5rem;\n        border-radius: 50px;\n        text-decoration: none;\n        font-weight: 700;\n        display: inline-block;\n        border: 2px solid rgba(255, 255, 255, 0.3);\n        animation: premiumGradient 16s linear infinite;\n        transition: 0.3s;\n    }\n\n    #blaze-site-body-wrapper .glow-effect { position: relative; z-index: 1; }\n    #blaze-site-body-wrapper .glow-effect::before {\n        content: ''; position: absolute; inset: 0; background: inherit; z-index: -1;\n        border-radius: 50px; filter: blur(30px); opacity: 0.8;\n    }\n\n    #blaze-site-body-wrapper .navbar {\n        display: flex;\n        align-items: center;\n        position: sticky;\n        top: 2rem;\n        z-index: 100;\n        border-radius: 100px;\n        background: #040621;\n        padding: 0.8rem 2.5rem;\n        margin: 2rem auto;\n        width: fit-content;\n        gap: 1rem;\n    }\n\n    #blaze-site-body-wrapper .nav-logo {\n        display: flex;\n        align-items: center;\n        border-right: 1px solid rgba(255, 255, 255, 0.2);\n        padding-right: 1.5rem;\n        margin-right: 0.5rem;\n    }\n\n    #blaze-site-body-wrapper .nav-links {\n        display: flex;\n        list-style: none;\n        gap: 2rem;\n    }\n\n    #blaze-site-body-wrapper .nav-links a {\n        color: var(--white) !important;\n        text-decoration: none;\n        font-weight: 700;\n        font-size: 0.9rem;\n        text-transform: uppercase;\n        transition: 0.3s;\n    }\n\n    #blaze-site-body-wrapper .nav-links a:hover {\n        color: var(--magenta) !important;\n    }\n\n    \/* FORCE COLORS & OPACITY (EXCLUDING HIGHLIGHTS) *\/\n    #blaze-site-body-wrapper h1:not(.highlight), \n    #blaze-site-body-wrapper h2:not(.highlight), \n    #blaze-site-body-wrapper h3:not(.highlight),\n    #blaze-site-body-wrapper p {\n        color: var(--text) !important;\n        opacity: 1 !important;\n    }\n\n    #blaze-site-body-wrapper .hero-section { padding: 4rem 0; }\n    #blaze-site-body-wrapper .hero-container { display: flex; align-items: center; gap: 4rem; }\n    #blaze-site-body-wrapper .hero-img-real { width: 100%; border-radius: 32px; box-shadow: 0 20px 50px rgba(0,0,0,0.2); }\n\n    #blaze-site-body-wrapper .sticker {\n        background: var(--blue); color: var(--white); padding: 0.5rem 1.5rem; border-radius: 30px;\n        font-size: 1.6rem; transform: rotate(6deg); display: inline-block; margin-bottom: 1.5rem;\n    }\n\n    #blaze-site-body-wrapper .marquee-container {\n        background: var(--magenta-dark) !important; \n        padding: 1.5rem 0; \n        overflow: hidden; \n        transform: rotate(-2deg) scale(1.05); \/* Escala para evitar bordes blancos *\/\n        margin: 6rem 0; \n        white-space: nowrap; \n        border-top: 2px solid var(--white); \n        border-bottom: 2px solid var(--white);\n        \/* BREAKOUT FULL WIDTH *\/\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        margin-left: -50vw;\n        z-index: 10;\n    }\n\n    #blaze-site-body-wrapper .marquee-content { display: inline-block; animation: marquee 20s linear infinite; }\n    \n    #blaze-site-body-wrapper .marquee-content span {\n        font-size: 1.8rem;\n        font-weight: 900 !important;\n        letter-spacing: 3px;\n        padding-right: 4rem;\n        color: var(--white) !important;\n        text-transform: uppercase;\n    }\n\n    \/* PREVENT PARENT CLIPPING *\/\n    .site, .site-content, #content, .ast-container, .entry-content, .post-content {\n        overflow: visible !important;\n    }\n\n    @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-33.33%); } }\n\n    \/* HOVER EFFECTS RESTORED *\/\n    #blaze-site-body-wrapper .glass-card {\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n    }\n\n    #blaze-site-body-wrapper .glass-card:hover {\n        transform: translateY(-15px) !important;\n        border-color: var(--magenta) !important;\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12) !important;\n    }\n\n    #blaze-site-body-wrapper .step-1 .glass-card:hover,\n    #blaze-site-body-wrapper .step-3 .glass-card:hover {\n        transform: translateY(-15px) rotate(-1deg) !important;\n    }\n\n    #blaze-site-body-wrapper .step-2 .glass-card:hover {\n        transform: translateY(-15px) rotate(1deg) !important;\n    }\n\n    #blaze-site-body-wrapper .chain-container { display: flex; flex-direction: column; align-items: center; gap: 2rem; }\n    #blaze-site-body-wrapper .chain-step { width: 100%; max-width: 650px; position: relative; margin-bottom: 3rem; }\n    #blaze-site-body-wrapper .step-watermark {\n        position: absolute; top: -20px; right: 20px; font-size: 8rem; font-weight: 900; color: rgba(0,0,0,0.05); pointer-events: none;\n    }\n\n    #blaze-site-body-wrapper .step-title { font-size: 2.5rem; color: var(--blue); }\n    #blaze-site-body-wrapper .step-title.magenta { color: var(--magenta); }\n    #blaze-site-body-wrapper .step-img-real { \n        width: 100%; \n        height: 280px; \n        object-fit: cover; \n        border-radius: 16px; \n        margin-top: 1.5rem; \n    }\n\n    #blaze-site-body-wrapper .floating-character {\n        position: absolute; width: 380px; z-index: 5; animation: floatChar 5s ease-in-out infinite;\n    }\n    #blaze-site-body-wrapper .char-right { right: -420px; top: 50%; }\n    #blaze-site-body-wrapper .char-left { left: -420px; top: 50%; }\n\n    @keyframes floatChar {\n        0%, 100% { transform: translateY(-50%) rotate(0deg); opacity: 1; }\n        50% { transform: translateY(calc(-50% - 25px)) rotate(3deg); opacity: 1; }\n    }\n\n    #blaze-site-body-wrapper .chain-arrow { position: absolute; width: 250px; height: 250px; z-index: 1; pointer-events: none; }\n    #blaze-site-body-wrapper .arrow-1 { top: 85%; left: 80%; }\n    #blaze-site-body-wrapper .arrow-2 { top: 85%; right: 65%; transform: scaleX(-1); }\n\n    @keyframes pulseMove { 0% { stroke-dashoffset: 50; } 100% { stroke-dashoffset: 0; } }\n\n    @media (max-width: 1200px) { #blaze-site-body-wrapper .floating-character { display: none; } }\n    @media (max-width: 900px) {\n        #blaze-site-body-wrapper .hero-container { flex-direction: column; text-align: center; }\n        #blaze-site-body-wrapper .chain-arrow, #blaze-site-body-wrapper .nav-links { display: none; }\n        #blaze-site-body-wrapper .chain-step { align-self: center !important; margin: 1rem 0 !important; }\n    }\n    <\/style>\n<\/head>\n\n<body>\n    <div id=\"blaze-site-body-wrapper\">\n        <!-- NAVBAR -->\n        <nav class=\"navbar\">\n            <div class=\"nav-logo\">\n                <!-- CAMBIAR URL IMAGEN LOGO -->\n                <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/05\/lOGO-BLAZE.png\" alt=\"Blaze Logo\" style=\"height: 28px;\">\n            <\/div>\n            <ul class=\"nav-links\">\n                <li><a href=\"#home\">Inicio<\/a><\/li>\n                <li><a href=\"#services\">Servicios<\/a><\/li>\n                <li><a href=\"https:\/\/api.whatsapp.com\/send\/?phone=593992984457&#038;text=Hola%20Blaze,%20me%20gustar\u00eda%20m\u00e1s%20informaci\u00f3n\" target=\"_blank\">Contacto<\/a><\/li>\n            <\/ul>\n        <\/nav>\n\n        <main>\n            <!-- HERO -->\n            <section id=\"home\" class=\"hero-section\">\n                <div class=\"container hero-container\">\n                    <div class=\"hero-left\">\n                        <div class=\"sticker fun-font\">\u00a1100% Creativo!<\/div>\n                        <h1 class=\"hero-title gs-reveal\">HACEMOS QUE EL MUNDO TE NOTE<\/h1>\n                        <p class=\"hero-desc\">No somos una agencia aburrida. Hacemos cosas diferentes que funcionan.<\/p>\n                        <div class=\"hero-btns\">\n                            <a href=\"#services\" class=\"btn-primary glow-effect\">Ver M\u00e1s<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hero-right\">\n                        <!-- CAMBIAR URL IMAGEN HERO -->\n                        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/05\/Primero.png\" alt=\"Blaze Agency\" class=\"hero-img-real\">\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- MARQUEE -->\n            <div class=\"marquee-container\">\n                <div class=\"marquee-content\">\n                    <span>INNOVACI\u00d3N \u2022 IMPACTO \u2022 IDENTIDAD \u2022 CREATIVIDAD \u2022 ESTRATEGIA \u2022 <\/span>\n                    <span>INNOVACI\u00d3N \u2022 IMPACTO \u2022 IDENTIDAD \u2022 CREATIVIDAD \u2022 ESTRATEGIA \u2022 <\/span>\n                    <span>INNOVACI\u00d3N \u2022 IMPACTO \u2022 IDENTIDAD \u2022 CREATIVIDAD \u2022 ESTRATEGIA \u2022 <\/span>\n                <\/div>\n            <\/div>\n\n            <!-- SERVICES -->\n            <section id=\"services\" class=\"chain-section\">\n                <div class=\"container chain-container\">\n                    <!-- STEP 1 -->\n                    <div class=\"chain-step step-1\">\n                        <div class=\"step-content glass-card\">\n                            <div class=\"step-watermark\">01<\/div>\n                            <h3 class=\"fun-font step-title\">INNOVACI\u00d3N<\/h3>\n                            <h4>Dise\u00f1o de p\u00e1ginas web<\/h4>\n                            <p>Creamos sitios web modernos, r\u00e1pidos y optimizados.<\/p>\n                            <!-- CAMBIAR URL IMAGEN WEB -->\n                            <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/05\/Imagen_WEB.png\" alt=\"Web Design\" class=\"step-img-real\">\n                        <\/div>\n                        <div class=\"floating-character char-right\">\n                            <!-- CAMBIAR URL PERSONAJE HELADO -->\n                            <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/05\/Per_helado.png\" alt=\"Helado\" class=\"char-img\" style=\"width: 100%; filter: drop-shadow(0 25px 50px rgba(0,0,0,0.15));\">\n                        <\/div>\n                        <svg class=\"chain-arrow arrow-1\" viewBox=\"-10 0 120 140\" preserveAspectRatio=\"none\">\n                            <path d=\"M 20,0 C 20,30 40,20 50,52 C 60,85 80,75 80,105\" style=\"fill:none; stroke:#1843FF; stroke-width:3; filter:blur(8px); opacity:0.2;\" \/>\n                            <path d=\"M 20,0 C 20,30 40,20 50,52 C 60,85 80,75 80,105\" style=\"fill:none; stroke:#1843FF; stroke-width:2.5; stroke-dasharray:15,35; animation:pulseMove 1.5s linear infinite; stroke-linecap:round;\" \/>\n                            <path d=\"M 72,100 L 80,115 L 88,100\" style=\"fill:none; stroke:#1843FF; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round;\" \/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- STEP 2 -->\n                    <div class=\"chain-step step-2\">\n                        <div class=\"step-content glass-card\">\n                            <div class=\"step-watermark\">02<\/div>\n                            <h3 class=\"fun-font step-title magenta\">IMPACTO<\/h3>\n                            <h4>Redes sociales<\/h4>\n                            <p>Contenido viral y gesti\u00f3n de comunidad.<\/p>\n                            <!-- CAMBIAR URL IMAGEN REDES -->\n                            <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/05\/Redes.png\" alt=\"Social Media\" class=\"step-img-real\">\n                        <\/div>\n                        <div class=\"floating-character char-left\">\n                            <!-- CAMBIAR URL PERSONAJE FLOR -->\n                            <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/05\/Per_Flor.png\" alt=\"Flor\" class=\"char-img\" style=\"width: 100%; filter: drop-shadow(0 25px 50px rgba(0,0,0,0.15));\">\n                        <\/div>\n                        <svg class=\"chain-arrow arrow-2\" viewBox=\"-10 0 120 140\" preserveAspectRatio=\"none\">\n                            <path d=\"M 80,0 C 80,30 60,20 50,52 C 40,85 20,75 20,105\" style=\"fill:none; stroke:#FF00FF; stroke-width:3; filter:blur(8px); opacity:0.2;\" \/>\n                            <path d=\"M 80,0 C 80,30 60,20 50,52 C 40,85 20,75 20,105\" style=\"fill:none; stroke:#FF00FF; stroke-width:2.5; stroke-dasharray:15,35; animation:pulseMove 1.5s linear infinite; stroke-linecap:round;\" \/>\n                            <path d=\"M 12,100 L 20,115 L 28,100\" style=\"fill:none; stroke:#FF00FF; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round;\" \/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- STEP 3 -->\n                    <div class=\"chain-step step-3\">\n                        <div class=\"step-content glass-card\">\n                            <div class=\"step-watermark\">03<\/div>\n                            <h3 class=\"fun-font step-title\">IDENTIDAD<\/h3>\n                            <h4>Branding<\/h4>\n                            <p>Construimos marcas inolvidables. Dise\u00f1amos la esencia y manuales de marca.<\/p>\n                            <!-- CAMBIAR URL IMAGEN BRANDING -->\n                            <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/05\/Brand.png\" alt=\"Branding\" class=\"step-img-real\">\n                        <\/div>\n                        <div class=\"floating-character char-right\">\n                            <!-- CAMBIAR URL PERSONAJE HELADO -->\n                            <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/05\/Per_estereo.png\" alt=\"Helado\" class=\"char-img\" style=\"width: 100%; filter: drop-shadow(0 25px 50px rgba(0,0,0,0.15));\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- CTA SECTION -->\n            <section class=\"cta-section\" id=\"contact\">\n                <div class=\"container\">\n                    <div class=\"glass-card cta-box\" style=\"text-align: center; padding: 5rem 2rem; border-color: rgba(255, 0, 255, 0.3); position: relative;\">\n                        <div class=\"cta-blob\" style=\"position: absolute; width: 250px; height: 250px; background: radial-gradient(circle, rgba(255, 0, 255, 0.1) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;\"><\/div>\n                        <div class=\"cta-content\">\n                            <h2 class=\"section-title gs-reveal\">\u00bfListo para hacer ruido?<\/h2>\n                            <p class=\"gs-fade-up\" style=\"margin-bottom: 2.5rem; font-size: 1.2rem;\">Deja de pensarlo y empecemos a crear algo incre\u00edble juntos.<\/p>\n                            <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=593992984457&#038;text=Hola%20Blaze,%20me%20gustar\u00eda%20m\u00e1s%20informaci\u00f3n\" target=\"_blank\" class=\"btn-primary glow-effect\">\u00a1Hablemos Ahora!<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/main>\n\n        <!-- FOOTER -->\n        <footer class=\"footer\" style=\"border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 4rem 0 2rem; margin-top: 4rem;\">\n            <div class=\"container footer-grid\" style=\"display: grid; grid-template-columns: 2fr 1fr; gap: 3rem;\">\n                <div class=\"footer-col brand-col\">\n                    <!-- CAMBIAR URL IMAGEN LOGO FOOTER -->\n                    <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/05\/lOGO-BLAZE.png\" alt=\"Blaze Logo\" style=\"height: 35px; margin-bottom: 1rem;\">\n                    <p>La agencia creativa para marcas que quieren destacar.<\/p>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4 class=\"fun-font\">S\u00edguenos<\/h4>\n                    <p>En todas las redes raras.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"container footer-bottom\" style=\"text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 2rem; color: #5C3B6B; margin-top: 2rem;\">\n                <p>&copy; 2026 Blaze. Haciendo magia digital.<\/p>\n            <\/div>\n        <\/footer>\n    <\/div>\n\n    <!-- SCRIPTS -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n    <script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\n\n    <script>\n    \/* \n       JS DE LA LANDING PAGE \n       Copia este bloque <script> completo y p\u00e9galo al final del bloque HTML de WordPress\n    *\/\n    gsap.registerPlugin(ScrollTrigger);\n\n    window.addEventListener('load', () => {\n        \/\/ Kinetic Typography\n        document.querySelectorAll('.gs-reveal').forEach((text) => {\n            const splitText = new SplitType(text, { types: 'words, chars' });\n            const isHeroTitle = text.classList.contains('hero-title');\n            \n            \/\/ A\u00f1adir el resaltado a las \u00faltimas palabras del Hero Title\n            if (isHeroTitle) {\n                const words = text.querySelectorAll('.word');\n                const numToHighlight = Math.min(words.length, 2); \n                for (let i = 1; i <= numToHighlight; i++) {\n                    const targetWord = words[words.length - i];\n                    targetWord.classList.add('highlight');\n                    \/\/ Tambi\u00e9n aplicar a los caracteres internos para asegurar el degradado\n                    targetWord.querySelectorAll('.char').forEach(c => {\n                        c.classList.add('highlight');\n                        gsap.set(c, { opacity: 1, visibility: 'visible' });\n                    });\n                    gsap.set(targetWord, { opacity: 1, visibility: 'visible' });\n                }\n            }\n\n            gsap.from(splitText.chars, {\n                opacity: 0, y: 30, duration: 0.8, stagger: 0.02, ease: \"power2.out\",\n                scrollTrigger: { trigger: text, start: \"top 90%\" }\n            });\n        });\n\n        \/\/ Fade Up\n        gsap.utils.toArray('.gs-fade-up').forEach(el => {\n            gsap.from(el, {\n                y: 40, opacity: 0, duration: 1, ease: \"power2.out\",\n                scrollTrigger: { trigger: el, start: \"top 90%\" }\n            });\n        });\n    });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Blaze | WordPress Bundle Inicio Servicios Contacto \u00a1100% Creativo! HACEMOS QUE EL MUNDO TE NOTE No somos una agencia aburrida. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-603","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/comments?post=603"}],"version-history":[{"count":21,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/603\/revisions"}],"predecessor-version":[{"id":634,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/603\/revisions\/634"}],"wp:attachment":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/media?parent=603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}