{"id":920,"date":"2025-07-01T21:14:36","date_gmt":"2025-07-01T21:14:36","guid":{"rendered":"https:\/\/joseflautando.com\/?page_id=920"},"modified":"2025-07-11T21:31:39","modified_gmt":"2025-07-11T21:31:39","slug":"multimedia_2movil","status":"publish","type":"page","link":"https:\/\/joseflautando.com\/es\/multimedia_2movil\/","title":{"rendered":"Multimedia_2Movil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"920\" class=\"elementor elementor-920\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2f3e31 e-flex e-con-boxed e-con e-parent\" data-id=\"c2f3e31\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e544ce elementor-widget elementor-widget-spacer\" data-id=\"9e544ce\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8acd0d3 e-con-full e-flex e-con e-parent\" data-id=\"8acd0d3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c87d00 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"3c87d00\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Multimedia<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-161bfd3 elementor-absolute elementor-widget elementor-widget-text-editor\" data-id=\"161bfd3\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Collection of Events and Recitals Around the World<\/p>\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-13dcb22 e-flex e-con-boxed e-con e-parent\" data-id=\"13dcb22\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c91c86 elementor-widget elementor-widget-spacer\" data-id=\"6c91c86\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70cbdaf elementor-widget elementor-widget-heading\" data-id=\"70cbdaf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Videos<\/h2>\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-da5df20 e-flex e-con-boxed e-con e-parent\" data-id=\"da5df20\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed6ada6 elementor-widget elementor-widget-spacer\" data-id=\"ed6ada6\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64f3df4 elementor-widget elementor-widget-html\" data-id=\"64f3df4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>M\u00faltiples Secciones con Carruseles de Videos<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n\r\n    <style>\r\n        \/* Estilos generales que ya ten\u00edamos *\/\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            margin: 20px;\r\n            background-color: #f4f4f4;\r\n        }\r\n\r\n        \/* Estilos para los t\u00edtulos de secci\u00f3n *\/\r\n        .section-title {\r\n            text-align: center;\r\n            font-family: 'Brush Script MT', cursive; \/* O la fuente que uses en tu dise\u00f1o *\/\r\n            font-size: 3em; \/* Ajusta el tama\u00f1o de la fuente si es necesario *\/\r\n            color: #333;\r\n            margin-top: 50px;\r\n            margin-bottom: 30px;\r\n        }\r\n        .section-divider {\r\n            border: 0;\r\n            height: 1px;\r\n            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        \/* Contenedor principal del carrusel (que envuelve el Swiper) *\/\r\n        .youtube-swiper-container {\r\n            width: 90%;\r\n            max-width: 1200px;\r\n            margin: 50px auto; \/* Espacio entre los carruseles *\/\r\n            background-color: #fff;\r\n            padding: 20px;\r\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n            border-radius: 8px;\r\n            position: relative; \/* Para posicionar los botones de navegaci\u00f3n *\/\r\n        }\r\n\r\n        \/* Estilos de Swiper *\/\r\n        .swiper-slide {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            height: 250px; \/* Altura fija para los slides, ajusta si es necesario *\/\r\n            overflow: hidden; \/* Asegura que el iframe no se desborde *\/\r\n            background-color: #000; \/* Fondo negro para el video *\/\r\n            border-radius: 8px;\r\n        }\r\n\r\n        \/* Contenedor del reproductor de YouTube dentro del slide *\/\r\n        .swiper-slide .yt-player-placeholder {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Estilos para el iframe de YouTube *\/\r\n        .swiper-slide iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n            display: block; \/* Elimina espacio extra bajo el iframe *\/\r\n            border-radius: 8px;\r\n        }\r\n\r\n        \/* Estilos para los botones de navegaci\u00f3n de Swiper *\/\r\n        .swiper-button-next,\r\n        .swiper-button-prev {\r\n            color: #ff0000 !important; \/* Rojo YouTube *\/\r\n            background-color: rgba(255, 255, 255, 0.7);\r\n            border-radius: 50%;\r\n            width: 40px;\r\n            height: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n            transition: background-color 0.3s ease;\r\n        }\r\n\r\n        .swiper-button-next:hover,\r\n        .swiper-button-prev:hover {\r\n            background-color: rgba(255, 255, 255, 1);\r\n        }\r\n\r\n        .swiper-button-next.swiper-button-disabled,\r\n        .swiper-button-prev.swiper-button-disabled {\r\n            opacity: 0.3;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        \/* Flechas SVG dentro de los botones (puedes personalizarlas si quieres) *\/\r\n        .swiper-button-next::after,\r\n        .swiper-button-prev::after {\r\n            font-size: 18px !important; \/* Ajusta el tama\u00f1o de la flecha *\/\r\n            font-weight: bold;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <h1 style=\"text-align: center; margin-bottom: 50px;\"><\/h1>\r\n\r\n    <h2 class=\"section-title\">Flute Solo<\/h2>\r\n    <hr class=\"section-divider\">\r\n    <div class=\"youtube-swiper-container\" id=\"fluteSoloCarousel\">\r\n        <div class=\"swiper mySwiper\">\r\n            <div class=\"swiper-wrapper\">\r\n                <\/div>\r\n            <div class=\"swiper-button-next\"><\/div>\r\n            <div class=\"swiper-button-prev\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <h2 class=\"section-title\">Flute & Piano<\/h2>\r\n    <hr class=\"section-divider\">\r\n    <div class=\"youtube-swiper-container\" id=\"flutePianoCarousel\">\r\n        <div class=\"swiper mySwiper\">\r\n            <div class=\"swiper-wrapper\">\r\n                <\/div>\r\n            <div class=\"swiper-button-next\"><\/div>\r\n            <div class=\"swiper-button-prev\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <h2 class=\"section-title\">Flute and Ensemble<\/h2>\r\n    <hr class=\"section-divider\">\r\n    <div class=\"youtube-swiper-container\" id=\"fluteensemblecarousel\">\r\n        <div class=\"swiper mySwiper\">\r\n            <div class=\"swiper-wrapper\">\r\n                <\/div>\r\n            <div class=\"swiper-button-next\"><\/div>\r\n            <div class=\"swiper-button-prev\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <h2 class=\"section-title\">La Nueva Estudiantina<\/h2>\r\n    <hr class=\"section-divider\">\r\n    <div class=\"youtube-swiper-container\" id=\"LaNuevaEstudiantina\">\r\n        <div class=\"swiper mySwiper\">\r\n            <div class=\"swiper-wrapper\">\r\n                <\/div>\r\n            <div class=\"swiper-button-next\"><\/div>\r\n            <div class=\"swiper-button-prev\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <h2 class=\"section-title\">Piano La Nueva Estudiantina<\/h2>\r\n    <hr class=\"section-divider\">\r\n    <div class=\"youtube-swiper-container\" id=\"PianoLaNuevaEstudiantina\">\r\n        <div class=\"swiper mySwiper\">\r\n            <div class=\"swiper-wrapper\">\r\n                <\/div>\r\n            <div class=\"swiper-button-next\"><\/div>\r\n            <div class=\"swiper-button-prev\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <h2 class=\"section-title\">SabroSon Latin Music<\/h2>\r\n    <hr class=\"section-divider\">\r\n    <div class=\"youtube-swiper-container\" id=\"SabrosonLatinMusic\">\r\n        <div class=\"swiper mySwiper\">\r\n            <div class=\"swiper-wrapper\">\r\n                <\/div>\r\n            <div class=\"swiper-button-next\"><\/div>\r\n            <div class=\"swiper-button-prev\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n    <script>\r\n        \/\/ --- Carga as\u00edncrona y global de la API de YouTube (solo una vez) ---\r\n        var tag = document.createElement('script');\r\n        tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\r\n        var firstScriptTag = document.getElementsByTagName('script')[0];\r\n        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n\r\n        \/\/ Array para almacenar todas las instancias de los carruseles de YouTube\r\n        window.allYoutubeSwiperInstances = [];\r\n\r\n        \/\/ Funci\u00f3n que la API de YouTube llamar\u00e1 cuando est\u00e9 lista. Debe ser global y \u00fanica.\r\n        function onYouTubeIframeAPIReady() {\r\n            console.log(\"YouTube Iframe API is ready!\");\r\n\r\n            \/\/ Define los datos para cada carrusel que quieres crear\r\n            \/\/ IMPORTANTE: Aseg\u00farate de que el 'containerId' coincida con el ID del div en tu HTML\r\n            const swiperConfigs = [\r\n                {\r\n                    containerId: \"fluteSoloCarousel\", \/\/ Coincide con id=\"fluteSoloCarousel\" en HTML\r\n                    videoIDs: [\"O2NRGHuH6QI\",\"0JcVmh0fM_Y\",\"pnszIUoN8ts\",\"TCd5fwsiYn0\",\"Mqe92-BfPe8\"\r\n                    ]\r\n                },\r\n                {\r\n                    containerId: \"flutePianoCarousel\", \/\/ Coincide con id=\"flutePianoCarousel\" en HTML\r\n                    videoIDs: [\"xoCMvKjOYXE\",\"aQEuKEjohbY\",\"UcfYK3LCIWE\",\"yHWmbYqTLnM\",\"59NxnWeH4zg\",\"-1KhMZt1l0M\",\"3kK8yJHezFE\"\r\n                    ]\r\n                },\r\n                {\r\n                    containerId: \"fluteensemblecarousel\", \/\/ Nuevo carrusel\r\n                    videoIDs: [\"rKLqJpL1M3A\", \"ByV6ltcDOYE\",\"Z7RIWhOhtjc\",\"BFej9-QmMzU\",\"6M-cPyjaKPg\",\"3kK8yJHezFE\",\"LLF8DzFCYyU\",\"-tlqod4OFFg\",\"vrwOWn8Rvxo\",\"u852p2SeC6g\",\"m3xo57F3FSQ\",\"ejgCjhjEk98\",\"bJu9ZOGco3Y\"\r\n                    ]\r\n                },\r\n                {\r\n                    containerId: \"LaNuevaEstudiantina\", \/\/ Nuevo carrusel\r\n                    videoIDs: [\"38sBJbsEseY\", \"nTik1-kirxU\", \"0hCb07c5CUM\", \"CLtfW1mmhg4\", \"hpwDwZyt91E\"\r\n                    ]\r\n                },\r\n                {\r\n                    containerId: \"PianoLaNuevaEstudiantina\", \/\/ Nuevo carrusel\r\n                    videoIDs: [\"kUgkZ-B5p4Y\", \"bpj6dnM1sAU\", \"9UTKumzdPE0\", \"x-vKZ7b49_w\",\"NSMYWz0QMmo\", \"IxtM4aPI7Ao\"\r\n                    ]\r\n                },                \r\n                {\r\n                    containerId: \"SabrosonLatinMusic\", \/\/ Nuevo carrusel\r\n                    videoIDs: [\"pFDbqYxLhzs\", \"c2Jm2AO35_Y\",\"Has_sAyKIm0\",\"1voGm5XAYQY\"\r\n                    ]\r\n                },\r\n            ];\r\n\r\n            \/\/ Inicializa cada carrusel\r\n            swiperConfigs.forEach(config => {\r\n                const instance = new YoutubeSwiperManager(config.containerId, config.videoIDs);\r\n                window.allYoutubeSwiperInstances.push(instance); \/\/ Guarda la instancia para posible referencia global\r\n            });\r\n        }\r\n\r\n        \/\/ --- Clase para gestionar cada carrusel de videos de YouTube (sin cambios en la l\u00f3gica interna) ---\r\n        class YoutubeSwiperManager {\r\n            constructor(containerId, videoIDs) {\r\n                this.containerId = containerId;\r\n                this.videoIDs = videoIDs;\r\n                this.players = [];\r\n                this.swiperInstance = null;\r\n                this.init();\r\n            }\r\n\r\n            init() {\r\n                this.createSlides();\r\n                this.initSwiper();\r\n                this.setupPlayerLoading();\r\n            }\r\n\r\n            createSlides() {\r\n                const swiperWrapper = document.querySelector(`#${this.containerId} .swiper-wrapper`);\r\n                if (!swiperWrapper) {\r\n                    console.error(`Swiper wrapper not found for container ID: ${this.containerId}`);\r\n                    return;\r\n                }\r\n\r\n                this.videoIDs.forEach((id, index) => {\r\n                    const slide = document.createElement(\"div\");\r\n                    slide.className = \"swiper-slide\";\r\n                    slide.innerHTML = `<div id=\"player-${this.containerId}-${index}\" class=\"yt-player-placeholder\" data-video-id=\"${id}\"><\/div>`;\r\n                    swiperWrapper.appendChild(slide);\r\n                });\r\n            }\r\n\r\n            initSwiper() {\r\n                this.swiperInstance = new Swiper(`#${this.containerId} .mySwiper`, {\r\n                    loop: true,\r\n                    spaceBetween: 30,\r\n                    slidesPerView: 3,\r\n                    navigation: {\r\n                        nextEl: `#${this.containerId} .swiper-button-next`,\r\n                        prevEl: `#${this.containerId} .swiper-button-prev`\r\n                    },\r\n                    breakpoints: {\r\n                        0: { slidesPerView: 1, spaceBetween: 10 },\r\n                        768: { slidesPerView: 2, spaceBetween: 20 },\r\n                        1024: { slidesPerView: 3, spaceBetween: 30 }\r\n                    },\r\n                    on: {\r\n                        slideChange: () => {\r\n                            this.players.forEach(player => {\r\n                                if (player && typeof player.pauseVideo === 'function' &&\r\n                                    (player.getPlayerState() === YT.PlayerState.PLAYING || player.getPlayerState() === YT.PlayerState.BUFFERING)) {\r\n                                    player.pauseVideo();\r\n                                }\r\n                            });\r\n                        }\r\n                    }\r\n                });\r\n            }\r\n\r\n            setupPlayerLoading() {\r\n                const placeholders = document.querySelectorAll(`#${this.containerId} .yt-player-placeholder`);\r\n                placeholders.forEach(placeholder => {\r\n                    const videoId = placeholder.dataset.videoId;\r\n                    const playerId = placeholder.id;\r\n                    const index = parseInt(playerId.split('-').pop());\r\n\r\n                    this.players[index] = new YT.Player(playerId, {\r\n                        height: '100%',\r\n                        width: '100%',\r\n                        videoId: videoId,\r\n                        playerVars: {\r\n                            controls: 1,\r\n                            rel: 0,\r\n                            showinfo: 0,\r\n                            modestbranding: 1,\r\n                            autoplay: 0,\r\n                            mute: 1\r\n                        },\r\n                        events: {\r\n                            'onReady': (event) => {\r\n                                \/\/ Aqu\u00ed puedes hacer algo cuando el reproductor est\u00e9 listo\r\n                            },\r\n                            'onStateChange': (event) => {\r\n                                const currentPlayer = event.target;\r\n                                const currentState = event.data;\r\n\r\n                                if (currentState === YT.PlayerState.PLAYING) {\r\n                                    try {\r\n                                        currentPlayer.unMute();\r\n                                        currentPlayer.setVolume(100);\r\n                                    } catch (e) {\r\n                                        console.warn(\"No se pudo desmutear\/establecer volumen program\u00e1ticamente. Requiere interacci\u00f3n del usuario.\", e);\r\n                                    }\r\n\r\n                                    \/\/ Pausar todos los dem\u00e1s videos en ESTA instancia del carrusel\r\n                                    this.players.forEach(otherPlayer => {\r\n                                        if (otherPlayer && otherPlayer !== currentPlayer) {\r\n                                            const otherPlayerState = otherPlayer.getPlayerState();\r\n                                            if (otherPlayerState === YT.PlayerState.PLAYING || otherPlayerState === YT.PlayerState.BUFFERING) {\r\n                                                otherPlayer.pauseVideo();\r\n                                            }\r\n                                        }\r\n                                    });\r\n\r\n                                    \/\/ Pausar videos de OTRAS instancias del carrusel\r\n                                    window.allYoutubeSwiperInstances.forEach(otherSwiper => {\r\n                                        if (otherSwiper !== this) { \/\/ Si no es la instancia actual\r\n                                            otherSwiper.players.forEach(otherPlayerInOtherSwiper => {\r\n                                                if (otherPlayerInOtherSwiper) {\r\n                                                    const otherPlayerState = otherPlayerInOtherSwiper.getPlayerState();\r\n                                                    if (otherPlayerState === YT.PlayerState.PLAYING || otherPlayerState === YT.PlayerState.BUFFERING) {\r\n                                                        otherPlayerInOtherSwiper.pauseVideo();\r\n                                                    }\r\n                                                }\r\n                                            });\r\n                                        }\r\n                                    });\r\n                                }\r\n\r\n                                if (currentState === YT.PlayerState.ENDED) {\r\n                                    if (this.swiperInstance) {\r\n                                        this.swiperInstance.slideNext();\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    });\r\n                });\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Multimedia Collection of Events and Recitals Around the World Videos M\u00faltiples Secciones con Carruseles de Videos Flute Solo Flute &#038; [&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":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-920","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/joseflautando.com\/es\/wp-json\/wp\/v2\/pages\/920","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joseflautando.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/joseflautando.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/joseflautando.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joseflautando.com\/es\/wp-json\/wp\/v2\/comments?post=920"}],"version-history":[{"count":16,"href":"https:\/\/joseflautando.com\/es\/wp-json\/wp\/v2\/pages\/920\/revisions"}],"predecessor-version":[{"id":1076,"href":"https:\/\/joseflautando.com\/es\/wp-json\/wp\/v2\/pages\/920\/revisions\/1076"}],"wp:attachment":[{"href":"https:\/\/joseflautando.com\/es\/wp-json\/wp\/v2\/media?parent=920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}