{"id":25975,"date":"2025-01-30T09:50:41","date_gmt":"2025-01-30T08:50:41","guid":{"rendered":"https:\/\/lo2estudio.com\/?page_id=25975"},"modified":"2026-06-03T13:27:52","modified_gmt":"2026-06-03T11:27:52","slug":"home","status":"publish","type":"page","link":"https:\/\/lo2estudio.com\/es\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"25975\" class=\"elementor elementor-25975\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87be5c2 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"87be5c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-44bdb3d e-con-full e-flex e-con e-child\" data-id=\"44bdb3d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div data-premium-element-link=\"{&quot;type&quot;:&quot;url&quot;,&quot;link&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/lo2estudio.com\\\/es&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;href&quot;:&quot;https:\\\/\\\/lo2estudio.com\\\/es&quot;}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-c6bed4a e-con-full premium-wrapper-link-yes e-flex e-con e-child\" data-id=\"c6bed4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98cb463 e-con-full e-flex e-con e-child\" data-id=\"98cb463\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aada6de e-con-full e-flex e-con e-child\" data-id=\"aada6de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-462df0e elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"462df0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon elementor-animation-shrink\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjI1NjY5IiwidG9nZ2xlIjpmYWxzZX0%3D\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Capa_1\" data-name=\"Capa 1\" viewbox=\"0 0 300 300\"><defs><style>      .cls-1 {        fill: none;        stroke: #ebebeb;        stroke-miterlimit: 10;        stroke-width: 5px;      }    <\/style><\/defs><line class=\"cls-1\" x1=\"-1\" y1=\"54.5\" x2=\"301\" y2=\"54.5\"><\/line><line class=\"cls-1\" x1=\"-1\" y1=\"150\" x2=\"301\" y2=\"150\"><\/line><line class=\"cls-1\" y1=\"245.5\" x2=\"300\" y2=\"245.5\"><\/line><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfac9d2 elementor-widget elementor-widget-html\" data-id=\"cfac9d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"video-container\">\r\n    <!-- Imagen de fallback mientras carga el video -->\r\n    <img decoding=\"async\" id=\"fallback-image\" src=\"https:\/\/lo2estudio.com\/wp-content\/uploads\/2024\/11\/Captura-de-Pantalla-2024-11-12-a-las-12.21.01.png\" alt=\"Video Preview\">\r\n\r\n    <iframe id=\"vimeo-video\"\r\n    src=\"https:\/\/player.vimeo.com\/video\/1027649905?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;autoplay=1&amp;muted=1&amp;loop=1\"\r\n    frameborder=\"0\"\r\n    allow=\"autoplay; fullscreen; picture-in-picture\"\r\n    allowfullscreen>\r\n<\/iframe>\r\n\r\n    <!-- Capa negra con opacidad (se oculta hasta que el video est\u00e9 listo) -->\r\n    <div id=\"video-overlay\"><\/div>\r\n<\/div>\r\n\r\n<button id=\"activar-sonido\">ACTIVAR SONIDO<\/button>\r\n\r\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    var iframe = document.getElementById(\"vimeo-video\");\r\n    var player = new Vimeo.Player(iframe);\r\n    var soundButton = document.getElementById(\"activar-sonido\");\r\n    var fallbackImage = document.getElementById(\"fallback-image\");\r\n    var overlay = document.getElementById(\"video-overlay\");\r\n\r\n    \/\/ Mantener la imagen y ocultar el overlay hasta que el video est\u00e9 listo\r\n    overlay.style.display = \"none\"; \/\/ Ocultamos la capa de opacidad al inicio\r\n\r\n    player.ready().then(function() {\r\n        setTimeout(function() { \/\/ Retraso para asegurar que el video realmente se ha cargado\r\n            fallbackImage.style.opacity = \"0\"; \/\/ Desvanecer imagen de fallback\r\n            setTimeout(() => { fallbackImage.style.display = \"none\"; }, 500); \/\/ Luego ocultarla completamente\r\n            overlay.style.display = \"block\"; \/\/ Volver a mostrar la capa de opacidad\r\n            iframe.style.opacity = \"1\"; \/\/ Hacer visible el video\r\n        }, 500); \/\/ 500ms de margen para evitar pantalla gris\r\n    });\r\n\r\n    \/\/ Inicializar el video en silencio\r\n    player.setVolume(0);\r\n\r\n    soundButton.addEventListener(\"click\", function() {\r\n        player.getVolume().then(function(volume) {\r\n            if (volume === 0) {\r\n                player.setVolume(1).then(function() {\r\n                    soundButton.innerHTML = \"SILENCIAR\";\r\n                }).catch(function(error) {\r\n                    console.error(\"Error al activar sonido:\", error);\r\n                });\r\n            } else {\r\n                player.setVolume(0).then(function() {\r\n                    soundButton.innerHTML = \"ACTIVAR SONIDO\";\r\n                }).catch(function(error) {\r\n                    console.error(\"Error al silenciar sonido:\", error);\r\n                });\r\n            }\r\n        }).catch(function(error) {\r\n            console.error(\"Error obteniendo el volumen:\", error);\r\n        });\r\n    });\r\n\r\n    function resizeVideo() {\r\n        var windowWidth = window.innerWidth;\r\n        var windowHeight = window.innerHeight;\r\n        var aspectRatio = 16 \/ 9;\r\n\r\n        if (windowWidth \/ windowHeight > aspectRatio) {\r\n            iframe.style.width = windowWidth + \"px\";\r\n            iframe.style.height = (windowWidth \/ aspectRatio) + \"px\";\r\n        } else {\r\n            iframe.style.width = (windowHeight * aspectRatio) + \"px\";\r\n            iframe.style.height = windowHeight + \"px\";\r\n        }\r\n\r\n        iframe.style.top = \"50%\";\r\n        iframe.style.left = \"50%\";\r\n        iframe.style.transform = \"translate(-50%, -50%)\";\r\n    }\r\n\r\n    window.addEventListener(\"load\", resizeVideo);\r\n    window.addEventListener(\"resize\", resizeVideo);\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* Contenedor del video *\/\r\n#video-container {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    z-index: -1;\r\n    background-color: #2C3123; \/* Color de fondo mientras carga *\/\r\n}\r\n\r\n\/* Imagen de fallback mientras carga el video *\/\r\n#fallback-image {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    object-fit: cover;\r\n    z-index: 2; \/* Se muestra antes de que el video cargue *\/\r\n    transition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n\/* Ajuste del iframe para carga r\u00e1pida y sin pantalla gris *\/\r\n#vimeo-video {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0; \/* Ocultar el video hasta que est\u00e9 listo *\/\r\n    transition: opacity 0.5s ease-in-out;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Capa negra con opacidad del 50% (oculta hasta que el video cargue) *\/\r\n#video-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    pointer-events: none;\r\n    z-index: 3;\r\n}\r\n\r\n\/* Estilos del bot\u00f3n *\/\r\n#activar-sonido {\r\n    position: fixed;\r\n    bottom: 20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    padding: 5px 10px;\r\n    font-family: \"Canela\", sans-serif;\r\n    font-size: 10px;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    color: #E3E5E1;\r\n    background: transparent;\r\n    border: 1px solid #E3E5E1;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    z-index: 10000;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n\/* Hover: cambia a gris claro *\/\r\n#activar-sonido:hover {\r\n    background: rgba(227, 229, 225, 0.2);\r\n    color: #E3E5E1;\r\n    border-color: #E3E5E1;\r\n}\r\n<\/style>\r\n\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-ff75161 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"ff75161\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f2f96a5 e-con-full e-flex e-con e-child\" data-id=\"f2f96a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div data-premium-element-link=\"{&quot;type&quot;:&quot;url&quot;,&quot;link&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/lo2estudio.com\\\/es&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;href&quot;:&quot;https:\\\/\\\/lo2estudio.com\\\/es&quot;}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-27430c1 e-con-full premium-wrapper-link-yes e-flex e-con e-child\" data-id=\"27430c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff4fb25 e-con-full e-flex e-con e-child\" data-id=\"ff4fb25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f6337a e-con-full e-flex e-con e-child\" data-id=\"0f6337a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25b73ba elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"25b73ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon elementor-animation-shrink\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjI1NjY5IiwidG9nZ2xlIjpmYWxzZX0%3D\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Capa_1\" data-name=\"Capa 1\" viewbox=\"0 0 300 300\"><defs><style>      .cls-1 {        fill: none;        stroke: #ebebeb;        stroke-miterlimit: 10;        stroke-width: 5px;      }    <\/style><\/defs><line class=\"cls-1\" x1=\"-1\" y1=\"54.5\" x2=\"301\" y2=\"54.5\"><\/line><line class=\"cls-1\" x1=\"-1\" y1=\"150\" x2=\"301\" y2=\"150\"><\/line><line class=\"cls-1\" y1=\"245.5\" x2=\"300\" y2=\"245.5\"><\/line><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2431f36 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"2431f36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"video-container-mobile\">\r\n    <!-- Imagen de fallback mientras carga el video -->\r\n    <img decoding=\"async\" id=\"fallback-image-mobile\" src=\"https:\/\/lo2estudio.com\/wp-content\/uploads\/2024\/11\/Captura-de-Pantalla-2024-11-12-a-las-12.19.35.png\" alt=\"Video Preview\">\r\n\r\n    <iframe id=\"vimeo-video-mobile\"\r\n        src=\"https:\/\/player.vimeo.com\/video\/1028769269?background=1&autoplay=1&loop=1&muted=1&dnt=0&quality=auto\"\r\n        frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen>\r\n    <\/iframe>\r\n\r\n    <!-- Capa negra con opacidad -->\r\n    <div id=\"video-overlay-mobile\"><\/div>\r\n<\/div>\r\n\r\n<button id=\"activar-sonido-mobile\">ACTIVAR SONIDO<\/button>\r\n\r\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    var iframe_mobile = document.getElementById(\"vimeo-video-mobile\");\r\n    var player_mobile = new Vimeo.Player(iframe_mobile);\r\n    var soundButton_mobile = document.getElementById(\"activar-sonido-mobile\");\r\n    var fallbackImage_mobile = document.getElementById(\"fallback-image-mobile\");\r\n    var overlay_mobile = document.getElementById(\"video-overlay-mobile\");\r\n\r\n    \/\/ Ocultar la capa de opacidad y mantener la imagen fallback hasta que el video est\u00e9 listo\r\n    overlay_mobile.style.display = \"none\";\r\n\r\n    player_mobile.ready().then(function() {\r\n        setTimeout(function() {\r\n            fallbackImage_mobile.style.opacity = \"0\"; \/\/ Desvanecer imagen de fallback\r\n            setTimeout(() => { fallbackImage_mobile.style.display = \"none\"; }, 500); \/\/ Luego ocultarla completamente\r\n            overlay_mobile.style.display = \"block\"; \/\/ Volver a mostrar la capa de opacidad\r\n            iframe_mobile.style.opacity = \"1\"; \/\/ Hacer visible el video\r\n        }, 500);\r\n    });\r\n\r\n    \/\/ Inicializar el video en silencio\r\n    player_mobile.setVolume(0);\r\n\r\n    soundButton_mobile.addEventListener(\"click\", function() {\r\n        player_mobile.getVolume().then(function(volume) {\r\n            if (volume === 0) {\r\n                player_mobile.setVolume(1).then(function() {\r\n                    soundButton_mobile.innerHTML = \"SILENCIAR\";\r\n                }).catch(function(error) {\r\n                    console.error(\"Error al activar sonido:\", error);\r\n                });\r\n            } else {\r\n                player_mobile.setVolume(0).then(function() {\r\n                    soundButton_mobile.innerHTML = \"ACTIVAR SONIDO\";\r\n                }).catch(function(error) {\r\n                    console.error(\"Error al silenciar sonido:\", error);\r\n                });\r\n            }\r\n        }).catch(function(error) {\r\n            console.error(\"Error obteniendo el volumen:\", error);\r\n        });\r\n    });\r\n\r\n    function resizeVideo_mobile() {\r\n        var container = document.getElementById(\"video-container-mobile\");\r\n        var windowWidth = window.innerWidth;\r\n        var windowHeight = window.innerHeight;\r\n        var aspectRatio = 9 \/ 16; \/\/ Relaci\u00f3n del video vertical\r\n\r\n        if (windowWidth \/ windowHeight > aspectRatio) {\r\n            \/\/ Si la pantalla es m\u00e1s alta que ancha (m\u00f3viles verticales)\r\n            iframe_mobile.style.width = \"100vw\";\r\n            iframe_mobile.style.height = \"inherit\";\r\n        } else {\r\n            \/\/ Si la pantalla es m\u00e1s ancha que alta\r\n            iframe_mobile.style.width = \"inherit\";\r\n            iframe_mobile.style.height = \"100vh\";\r\n        }\r\n\r\n        iframe_mobile.style.position = \"absolute\";\r\n        iframe_mobile.style.top = \"50%\";\r\n        iframe_mobile.style.left = \"50%\";\r\n        iframe_mobile.style.transform = \"translate(-50%, -50%)\";\r\n\r\n        console.log(windowWidth, windowHeight, windowWidth \/ windowHeight, aspectRatio);\r\n    }\r\n\r\n    window.addEventListener(\"load\", resizeVideo_mobile);\r\n    window.addEventListener(\"resize\", resizeVideo_mobile);\r\n});\r\n\r\n<\/script>\r\n\r\n<style>\r\n\/* Contenedor del video en m\u00f3vil *\/\r\n#video-container-mobile {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    z-index: -1;\r\n    background-color: #2C3123; \/* Color de fondo corporativo mientras carga *\/\r\n}\r\n\r\n\/* Imagen de fallback mientras carga el video *\/\r\n#fallback-image-mobile {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    object-fit: cover;\r\n    z-index: 2;\r\n    transition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n\/* Ajuste del iframe para que cubra toda la pantalla sin bordes *\/\r\n#vimeo-video-mobile {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0; \/* Ocultar el video hasta que est\u00e9 listo *\/\r\n    transition: opacity 0.5s ease-in-out;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Capa negra con opacidad del 50% (oculta hasta que el video cargue) *\/\r\n#video-overlay-mobile {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    pointer-events: none;\r\n    z-index: 3;\r\n}\r\n\r\n\/* Estilos del bot\u00f3n *\/\r\n#activar-sonido-mobile {\r\n    position: fixed;\r\n    bottom: 20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    padding: 5px 10px;\r\n    font-family: \"Canela\", sans-serif;\r\n    font-size: 10px;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    color: #E3E5E1;\r\n    background: transparent;\r\n    border: 1px solid #E3E5E1;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    z-index: 1000;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n\/* Hover: cambia a gris claro *\/\r\n#activar-sonido-mobile:hover {\r\n    background: rgba(227, 229, 225, 0.2);\r\n    color: #E3E5E1;\r\n    border-color: #E3E5E1;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ACTIVAR SONIDO ACTIVAR SONIDO<\/p>","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-25975","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lo2estudio.com\/es\/wp-json\/wp\/v2\/pages\/25975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lo2estudio.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lo2estudio.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lo2estudio.com\/es\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/lo2estudio.com\/es\/wp-json\/wp\/v2\/comments?post=25975"}],"version-history":[{"count":323,"href":"https:\/\/lo2estudio.com\/es\/wp-json\/wp\/v2\/pages\/25975\/revisions"}],"predecessor-version":[{"id":26445,"href":"https:\/\/lo2estudio.com\/es\/wp-json\/wp\/v2\/pages\/25975\/revisions\/26445"}],"wp:attachment":[{"href":"https:\/\/lo2estudio.com\/es\/wp-json\/wp\/v2\/media?parent=25975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}