{"id":18,"date":"2026-01-31T00:07:28","date_gmt":"2026-01-31T03:07:28","guid":{"rendered":"https:\/\/dalejaguar.com\/app\/?page_id=18"},"modified":"2026-01-31T01:09:47","modified_gmt":"2026-01-31T04:09:47","slug":"home","status":"publish","type":"page","link":"https:\/\/dalejaguar.com\/app\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f756f95 e-flex e-con-boxed e-con e-parent\" data-id=\"f756f95\" 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-1134b0e elementor-widget elementor-widget-html\" data-id=\"1134b0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    body, html { margin: 0; padding: 0; overflow: hidden; background: #000; }\n    .selva-container {\n        position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n        display: flex; flex-direction: row; z-index: 9999;\n    }\n\n    .split-side {\n        flex: 1; position: relative;\n        display: flex; justify-content: center; align-items: center;\n        overflow: hidden; cursor: pointer;\n        transition: all 0.7s cubic-bezier(0.25, 1, 0.3, 1);\n        border: 1px solid #111;\n    }\n\n    \/* CAPAS VISUALES *\/\n    .static-cover {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        object-fit: cover; z-index: 10;\n        transition: opacity 0.6s ease;\n        filter: brightness(0.7) grayscale(30%);\n    }\n\n    .hover-video {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        object-fit: cover; z-index: 5;\n        opacity: 0; transition: opacity 0.5s ease, transform 5s linear;\n    }\n\n    \/* CONTENEDOR DE TEXTOS Y LOGOS *\/\n    .ui-wrapper {\n        position: relative; z-index: 20;\n        display: flex; flex-direction: column; align-items: center;\n        pointer-events: none; width: 80%;\n    }\n\n    .logo-png {\n        width: 100%; max-width: 450px; \/* Ajusta seg\u00fan el tama\u00f1o de tus PNGs *\/\n        height: auto;\n        filter: drop-shadow(0 0 15px rgba(0,0,0,0.8));\n        transition: all 0.5s ease;\n        transform: scale(0.9);\n    }\n\n    .subtitle {\n        font-family: 'Montserrat', sans-serif;\n        color: #fff; font-size: 1rem; letter-spacing: 0.4em;\n        text-transform: uppercase; margin-top: 20px;\n        opacity: 0.6; transition: all 0.5s ease;\n        text-shadow: 0 2px 10px rgba(0,0,0,1);\n    }\n\n    \/* EFECTOS HOVER *\/\n    .side-jaguar:hover { flex: 2; }\n    .side-jaguar:hover .static-cover { opacity: 0; }\n    .side-jaguar:hover .hover-video { opacity: 1; transform: scale(1.1); }\n    .side-jaguar:hover .logo-png { \n        transform: scale(1.05); \n        filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.7)); \n    }\n    .side-jaguar:hover .subtitle { opacity: 1; color: #FFD700; letter-spacing: 0.6em; }\n\n    .side-proyecto:hover { flex: 2; }\n    .side-proyecto:hover .static-cover { opacity: 0; }\n    .side-proyecto:hover .hover-video { opacity: 1; transform: scale(1.1); }\n    .side-proyecto:hover .logo-png { \n        transform: scale(1.05); \n        filter: drop-shadow(0 0 20px rgba(0, 255, 255, 0.7)); \n    }\n    .side-proyecto:hover .subtitle { opacity: 1; color: #00FFFF; letter-spacing: 0.6em; }\n\n    @media (max-width: 768px) {\n        .selva-container { flex-direction: column; }\n        .logo-png { max-width: 280px; }\n    }\n<\/style>\n\n<div class=\"selva-container\">\n\n    <a href=\"app\/discografia\" class=\"split-side side-jaguar\" id=\"zone-jaguar\">\n        <video class=\"hover-video\" muted loop playsinline>\n            <source src=\"URL_DE_TU_VIDEO_JAGUAR.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <img decoding=\"async\" src=\"URL_DE_TU_IMAGEN_ESTATICA_JAGUAR.jpg\" class=\"static-cover\">\n        \n        <div class=\"ui-wrapper\">\n            <img decoding=\"async\" src=\"URL_DE_TU_PNG_EL_RUGIDO.png\" class=\"logo-png\" alt=\"El Rugido\">\n            <span class=\"subtitle\">Descubre el Mito<\/span>\n        <\/div>\n    <\/a>\n\n    <a href=\"app\/creador\" class=\"split-side side-proyecto\" id=\"zone-proyecto\">\n        <video class=\"hover-video\" muted loop playsinline>\n            <source src=\"URL_DE_TU_VIDEO_PROYECTO.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <img decoding=\"async\" src=\"URL_DE_TU_IMAGEN_ESTATICA_PROYECTO.jpg\" class=\"static-cover\">\n        \n        <div class=\"ui-wrapper\">\n            <img decoding=\"async\" src=\"URL_DE_TU_PNG_EL_PROYECTO.png\" class=\"logo-png\" alt=\"El Proyecto\">\n            <span class=\"subtitle\">Conoce al Creador<\/span>\n        <\/div>\n    <\/a>\n\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const sfxJaguar = new Audio('URL_DE_TU_AUDIO_JAGUAR.mp3');\n        const sfxTech = new Audio('URL_DE_TU_AUDIO_PROYECTO.mp3');\n\n        function setup(id, audio) {\n            const el = document.getElementById(id);\n            const vid = el.querySelector('video');\n            el.addEventListener('mouseenter', () => {\n                audio.currentTime = 0; audio.play().catch(() => {});\n                vid.play();\n            });\n            el.addEventListener('mouseleave', () => {\n                vid.pause(); vid.currentTime = 0;\n            });\n        }\n        setup('zone-jaguar', sfxJaguar);\n        setup('zone-proyecto', sfxTech);\n    });\n<\/script>\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>Descubre el Mito Conoce al Creador<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dalejaguar.com\/app\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dalejaguar.com\/app\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dalejaguar.com\/app\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dalejaguar.com\/app\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dalejaguar.com\/app\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":19,"href":"https:\/\/dalejaguar.com\/app\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/dalejaguar.com\/app\/wp-json\/wp\/v2\/pages\/18\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/dalejaguar.com\/app\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}