{"id":6,"date":"2025-08-21T13:58:16","date_gmt":"2025-08-21T13:58:16","guid":{"rendered":"https:\/\/padrelascasas.cl\/nuevositio\/?page_id=6"},"modified":"2026-10-20T15:13:48","modified_gmt":"2026-10-20T15:13:48","slug":"inicio","status":"publish","type":"page","link":"https:\/\/padrelascasas.cl\/nuevositio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1c009d e-con-full e-flex e-con e-parent\" data-id=\"e1c009d\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e88e75 elementor-widget elementor-widget-shortcode\" data-id=\"4e88e75\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/unpkg.com\/vue@3\/dist\/vue.global.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/axios\/dist\/axios.min.js\"><\/script>\r\n<script src=\"https:\/\/www.youtube.com\/iframe_api\"><\/script>\r\n\r\n<style>\r\n    body {\r\n        margin: 0;\r\n        padding: 0;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .slider {\r\n        width: 100%;\r\n        height: 700px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    .slides {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .slide {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        opacity: 0;\r\n        transition: opacity .8s ease;\r\n    }\r\n\r\n    .slide.active {\r\n        opacity: 1;\r\n        z-index: 2;\r\n    }\r\n\r\n   \/* .slide:before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        z-index: 1;\r\n        background: linear-gradient(to right, hsla(0, 0%, 0%, 1) 0%, hsla(0, 0%, 0%, .3) 100%)\r\n    }*\/ \r\n\t\r\n    .slide:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    \/* --- C\u00d3DIGO MODIFICADO --- *\/\r\n    background: linear-gradient(\r\n        45deg, \/* Direcci\u00f3n diagonal*\/\r\n        hsla(0, 0%, 0%, 0.8) 0%, \r\n        hsla(0, 0%, 0%, 0.002) 80%\r\n    );\r\n    background-size: 100%!important;\r\n} \r\n\r\n    .slide img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transform: scale(1.1);\r\n        transition: transform 8s ease;\r\n    }\r\n\r\n    .slide.active img {\r\n        transform: scale(1);\r\n    }\r\n\r\n    \/* wrapper y iframe para cubrir SIEMPRE sin barras negras *\/\r\n    .youtube-video-container {\r\n        position: absolute;\r\n        inset: 0;\r\n        overflow: hidden;\r\n        z-index: 0;\r\n    }\r\n\r\n    .youtube-iframe-wrapper {\r\n        position: absolute;\r\n        inset: 0;\r\n        \/* ocupa todo el slide *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* El iframe se centra; su tama\u00f1o esta seteado por JS para \u201ccover\u201d *\/\r\n    .youtube-iframe {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        \/* Con esto se evita parpadeo al cargar antes del resize *\/\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .youtube-iframe iframe {\r\n        display: block;\r\n    }\r\n\r\n    .youtube-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 2;\r\n        pointer-events: none;\r\n        background: rgba(0, 0, 0, .2);\r\n    }\r\n\r\n    .slide-info {\r\n        width: 1100px;\r\n        position: absolute;\r\n        left: 50%;\r\n        bottom: 100px;\r\n        transform: translate(-50%, 0);\r\n        z-index: 3;\r\n    }\r\n\r\n    .slide-info h2 {\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        color: #fff;\r\n        margin: 0;\r\n        margin-bottom: 16px;\r\n        width: 70%;\r\n        font-size: 48px;\r\n        text-wrap: balance;\r\n        line-height: 1.3em;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: opacity .8s, transform .8s;\r\n        transition-delay: .3s;\r\n    }\r\n\r\n    .slide-info p {\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        color: #fff;\r\n        margin: 0 0 24px 0;\r\n        width: 70%;\r\n        font-size: 24px;\r\n        text-wrap: balance;\r\n        line-height: 1.5em;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: opacity .8s, transform .8s;\r\n        transition-delay: .6s;\r\n    }\r\n\r\n    .slide-info a {\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        color: #fff;\r\n        text-decoration: none;\r\n        background: #ffa200;\r\n        padding: 4px 20px;\r\n        display: flex;\r\n        width: max-content;\r\n        justify-content: center;\r\n        border-radius: 50px;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        font-size: 24px;\r\n        margin: 0 0 32px 0;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition:\r\n            background-color .2s 0s,\r\n            \/* propiedad, duracion, delay *\/\r\n            transform .8s .9s,\r\n            opacity .8s .9s;\r\n        \/* transition: background-color .2s, transform .8s, opacity .8s ; *\/\r\n        \/* transition-delay: .9s; *\/\r\n    }\r\n\r\n    .slide-info a:hover {\r\n        background-color: #359A30;\r\n    }\r\n\r\n    .slide-info a svg {\r\n        width: 32px;\r\n    }\r\n\r\n    .slide.active .slide-info h2,\r\n    .slide.active .slide-info p,\r\n    .slide.active .slide-info a {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .navigation-manual {\r\n        position: absolute;\r\n        width: 1100px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        bottom: 64px;\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        z-index: 4;\r\n    }\r\n\r\n    .manual-btn {\r\n        border: 2px solid #fff;\r\n        padding: 5px;\r\n        border-radius: 10px;\r\n        cursor: pointer;\r\n        transition: 1s;\r\n    }\r\n\r\n    .manual-btn:not(:last-child) {\r\n        margin-right: 40px;\r\n    }\r\n\r\n    .manual-btn.active {\r\n        background: #fff;\r\n    }\r\n\r\n    .slider-controls {\r\n        position: absolute;\r\n        top: 50%;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding: 0 20px;\r\n        z-index: 4;\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .control-btn {\r\n        background: rgba(44, 62, 80, .7);\r\n        color: #fff;\r\n        border: none;\r\n        border-radius: 50%;\r\n        width: 50px;\r\n        height: 50px;\r\n        font-size: 18px;\r\n        cursor: pointer;\r\n        display: none;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: background-color .3s;\r\n    }\r\n\r\n    .control-btn:hover {\r\n        background: rgba(52, 152, 219, .9);\r\n    }\r\n\r\n    .loading,\r\n    .error {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .loading {\r\n        text-align: center;\r\n        font-size: 1.2rem;\r\n        color: #7f8c8d;\r\n        padding: 40px;\r\n        width: 100%;\r\n    }\r\n\r\n    .error {\r\n        text-align: center;\r\n        color: #e74c3c;\r\n        padding: 40px;\r\n        background: #fadbd8;\r\n        border-radius: 10px;\r\n        margin: 20px;\r\n        width: 80%;\r\n    }\r\n\r\n    @media (max-width:1150px) {\r\n\r\n        .slider,\r\n        .slide {\r\n            height: 50vh;\r\n        }\r\n\r\n        .slide .slide-info,\r\n        .navigation-manual {\r\n            width: 90%;\r\n        }\r\n\r\n        .slide-info h2,\r\n        .slide-info p {\r\n            width: 60%;\r\n        }\r\n\r\n        .slide-info h2 {\r\n            font-size: 28px;\r\n            margin-bottom: 4px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .slide-info p {\r\n            font-size: 16px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .slide-info a {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .slide-info a svg {\r\n            width: 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n\r\n        .slider,\r\n        .slide {\r\n            height: 50vh;\r\n        }\r\n\t\t\r\n\t\t.youtube-iframe {\r\n        \ttransform: scale(2)!important;\r\n\t\t\ttransform-origin:center;\r\n\t\t\tleft:0;\r\n\t\t\ttop:0;\r\n    \t}\r\n\r\n        .slide .slide-info,\r\n        .navigation-manual {\r\n            width: 90%;\r\n        }\r\n\t\t.manual-btn:not(:last-child) {\r\n        margin-right: 20px;\r\n        }\r\n\r\n        .slide-info h2,\r\n        .slide-info p {\r\n            width: 70%;\r\n        }\r\n\r\n        .slide-info h2 {\r\n            font-size: 16px;\r\n            margin-bottom: 4px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .slide-info p {\r\n            font-size: 12px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .slide-info a {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .slide-info a svg {\r\n            width: 16px;\r\n        }\r\n\r\n        .control-btn {\r\n            width: 40px;\r\n            height: 40px;\r\n            font-size: 16px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"app\">\r\n    <div class=\"slider\">\r\n        <div v-if=\"error\" class=\"error\">\r\n            <h2>Error al cargar los banners<\/h2>\r\n            <p>{{ error }}<\/p>\r\n            <p>Verifica que el endpoint de la API sea correcto y accessible.<\/p>\r\n        <\/div>\r\n\r\n        <div v-else-if=\"loading\" class=\"loading\">Cargando banners...<\/div>\r\n\r\n        <div v-else class=\"slides\">\r\n            <div v-for=\"(banner, index) in banners\" :key=\"banner.id\"\r\n                :class=\"['slide', { active: currentIndex === index }]\">\r\n\r\n                <img v-if=\"banner.acf && banner.acf.tipo_de_fondo === 'fondo-imagen'\" :src=\"banner.acf.Imagen\"\r\n                    :alt=\"banner.title.rendered\">\r\n\r\n                <div v-else-if=\"banner.acf && banner.acf.tipo_de_fondo === 'fondo-video'\"\r\n                    class=\"youtube-video-container\">\r\n                    <div class=\"youtube-iframe-wrapper\" :data-banner-id=\"banner.id\">\r\n                        <!-- YouTube inyecta el iframe aqu\u00ed -->\r\n                        <div :id=\"'player-'+banner.id\" class=\"youtube-iframe\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"youtube-overlay\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"slide-info\">\r\n                    <h2>{{ banner.title.rendered }}<\/h2>\r\n                    <p>{{ banner.acf.Bajada_de_titulo }}<\/p>\r\n                    <a :href=\"banner.acf.Boton\" target=\"_blank\">\r\n                        {{ banner.acf.texto_del_boton || 'Conoce m\u00e1s' }}\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path\r\n                                d=\"M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z\">\r\n                            <\/path>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"navigation-manual\">\r\n                <span v-for=\"(banner, index) in banners\" :key=\"'dot-'+banner.id\"\r\n                    :class=\"['manual-btn', { active: currentIndex === index }]\" @click=\"goToSlide(index)\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"slider-controls\">\r\n                <button class=\"control-btn\" @click=\"prevSlide\">&#10094;<\/button>\r\n                <button class=\"control-btn\" @click=\"nextSlide\">&#10095;<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const { createApp, ref, onMounted, onUnmounted } = Vue;\r\n\r\n    let youtubePlayers = {};            \/\/ id -> YT.Player\r\n    let resizeObservers = {};           \/\/ por wrapper\r\n\r\n    const app = createApp({\r\n        setup() {\r\n            const banners = ref([]);\r\n            const loading = ref(true);\r\n            const error = ref(null);\r\n            const apiEndpoint = ref('https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/banner');\r\n            const currentIndex = ref(0);\r\n            const intervalId = ref(null);\r\n\r\n            let sliderVisible = true;\r\n            let pageVisible = true;\r\n\r\n            const getYouTubeId = (url) => {\r\n                if (!url) return null;\r\n                const r = \/^.*(?:youtu\\.be\\\/|v\\\/|u\\\/\\w\\\/|embed\\\/|watch\\?v=|&v=)([^#&?]{11}).*\/;\r\n                const m = url.match(r); return m ? m[1] : null;\r\n            };\r\n\r\n            \/* getVideoRatio: lee ACF.aspect_ratio o infiere *\/\r\n            const parseRatio = (str) => {\r\n                \/\/ \"16:9\" => 16\/9\r\n                const m = \/^(\\d+)\\s*:\\s*(\\d+)$\/.exec(String(str || '').trim());\r\n                if (!m) return null;\r\n                const a = parseFloat(m[1]), b = parseFloat(m[2]);\r\n                return (a > 0 && b > 0) ? (a \/ b) : null;\r\n            };\r\n            const getVideoRatio = (banner) => {\r\n                if (!banner?.acf) return 16 \/ 9;\r\n                const ar = parseRatio(banner.acf.aspect_ratio);\r\n                if (ar) return ar;\r\n                const url = banner.acf.video_youtube_de_fondo || '';\r\n                if (banner.acf.es_vertical === true || url.includes('\/shorts\/')) return 9 \/ 16;\r\n                return 16 \/ 9; \/\/ por defecto\r\n            };\r\n\r\n            \/* cover por proporciones en tiempo real (wrapper vs video) *\/\r\n            const resizeIframeCover = (wrapperEl) => {\r\n                if (!wrapperEl) return;\r\n                \/\/ el iframe lo inyecta YT dentro del div.youtube-iframe\r\n                const iframe = wrapperEl.querySelector('iframe');\r\n                if (!iframe) return;\r\n\r\n                const W = wrapperEl.clientWidth;\r\n                const H = wrapperEl.clientHeight;\r\n                const bannerId = wrapperEl.getAttribute('data-banner-id');\r\n                const b = (Array.isArray(banners.value) ? banners.value.find(x => String(x.id) === String(bannerId)) : null);\r\n                const Rvideo = getVideoRatio(b);         \/\/ ej: 16\/9 \u00f3 9\/16\r\n\r\n                const Rcontainer = W \/ H;\r\n                let w, h;\r\n                if (Rcontainer > Rvideo) {\r\n                    \/\/ contenedor m\u00e1s \u201cancho\u201d que el video \u2192 expandir por alto (overflow top\/bottom)\r\n                    w = W;\r\n                    h = W \/ Rvideo;\r\n                } else {\r\n                    \/\/ contenedor m\u00e1s \u201calto\u201d que el video \u2192 expandir por ancho (overflow left\/right)\r\n                    h = H;\r\n                    w = H * Rvideo;\r\n                }\r\n                iframe.style.width = w + 'px';\r\n                iframe.style.height = h + 'px';\r\n            };\r\n\r\n            \/* si cambia su tama\u00f1o\/aspecto, recalcula *\/\r\n            const observeWrapperResize = (wrapperEl) => {\r\n                if (!wrapperEl || resizeObservers[wrapperEl.dataset.bannerId]) return;\r\n                const ro = new ResizeObserver(() => resizeIframeCover(wrapperEl));\r\n                ro.observe(wrapperEl);\r\n                resizeObservers[wrapperEl.dataset.bannerId] = ro;\r\n            };\r\n\r\n            \/* espera a que YT inserte el iframe para poder dimensionarlo *\/\r\n            const waitForIframeThenResize = (wrapperEl) => {\r\n                if (!wrapperEl) return;\r\n                const existing = wrapperEl.querySelector('iframe');\r\n                if (existing) { resizeIframeCover(wrapperEl); observeWrapperResize(wrapperEl); return; }\r\n                const mo = new MutationObserver(() => {\r\n                    const ifr = wrapperEl.querySelector('iframe');\r\n                    if (ifr) {\r\n                        resizeIframeCover(wrapperEl);\r\n                        observeWrapperResize(wrapperEl);\r\n                        mo.disconnect();\r\n                    }\r\n                });\r\n                mo.observe(wrapperEl, { childList: true, subtree: true });\r\n            };\r\n\r\n            const pauseAllVideos = () => {\r\n                for (const id in youtubePlayers) {\r\n                    try { youtubePlayers[id]?.pauseVideo && youtubePlayers[id].pauseVideo(); } catch (_) { }\r\n                }\r\n            };\r\n            const playIfVideo = (index) => {\r\n                const b = banners.value[index];\r\n                if (!(b?.acf && b.acf.tipo_de_fondo === 'fondo-video')) return;\r\n                const playerId = 'player-' + b.id;\r\n                const p = youtubePlayers[playerId];\r\n                if (p) { try { p.playVideo && p.playVideo(); } catch (_) { } }\r\n            };\r\n\r\n            const initYouTubePlayer = (banner) => {\r\n                if (!banner.acf || banner.acf.tipo_de_fondo !== 'fondo-video') return;\r\n                const videoId = getYouTubeId(banner.acf.video_youtube_de_fondo);\r\n                if (!videoId) return;\r\n\r\n                const playerId = 'player-' + banner.id;\r\n                if (typeof YT !== 'undefined' && YT.Player) {\r\n                    youtubePlayers[playerId] = new YT.Player(playerId, {\r\n                        videoId,\r\n                        playerVars: {\r\n                            autoplay: 1, controls: 0, rel: 0, modestbranding: 1, loop: 1, playlist: videoId,\r\n                            mute: 1, iv_load_policy: 3, disablekb: 1, fs: 0, enablejsapi: 1, playsinline: 1\r\n                        },\r\n                        events: {\r\n                            onReady: (e) => {\r\n                                e.target.mute(); e.target.playVideo();\r\n                                \/\/ ajustar cover para este wrapper apenas aparezca el iframe\r\n                                const wrapperEl = document.querySelector(`.youtube-iframe-wrapper[data-banner-id=\"${banner.id}\"]`);\r\n                                setTimeout(() => waitForIframeThenResize(wrapperEl), 30);\r\n                            },\r\n                            onStateChange: (e) => { if (e.data === YT.PlayerState.ENDED) e.target.playVideo(); }\r\n                        }\r\n                    });\r\n                }\r\n            };\r\n\r\n            const initAllYouTubePlayers = () => {\r\n                banners.value.forEach(b => initYouTubePlayer(b));\r\n                \/\/ resize inicial por si ya hay iframes inyectados\r\n                setTimeout(() => {\r\n                    document.querySelectorAll('.youtube-iframe-wrapper').forEach(waitForIframeThenResize);\r\n                    pauseAllVideos();\r\n                    playIfVideo(currentIndex.value);\r\n                }, 150);\r\n            };\r\n\r\n            const fetchBanners = async () => {\r\n                try {\r\n                    const { data } = await axios.get(apiEndpoint.value);\r\n                    banners.value = data;\r\n                    loading.value = false;\r\n                    setTimeout(initAllYouTubePlayers, 200);\r\n                    startAutoSlide();\r\n                } catch (err) {\r\n                    error.value = err.message;\r\n                    loading.value = false;\r\n                    console.error(err);\r\n                }\r\n            };\r\n\r\n            const stopAutoSlide = () => { if (intervalId.value) { clearInterval(intervalId.value); intervalId.value = null; } };\r\n            const goTo = (i) => {\r\n                stopAutoSlide();\r\n                pauseAllVideos();\r\n                currentIndex.value = i;\r\n                if (pageVisible && sliderVisible) playIfVideo(i);\r\n                setTimeout(startAutoSlide, 5000);\r\n            };\r\n            const nextSlide = () => goTo((currentIndex.value + 1) % banners.value.length);\r\n            const prevSlide = () => goTo(currentIndex.value === 0 ? banners.value.length - 1 : currentIndex.value - 1);\r\n            const goToSlide = (i) => goTo(i);\r\n            const startAutoSlide = () => { stopAutoSlide(); intervalId.value = setInterval(nextSlide, 5000); };\r\n\r\n            const setupVisibilityGuards = () => {\r\n                const onVis = () => {\r\n                    pageVisible = (document.visibilityState === 'visible');\r\n                    if (pageVisible && sliderVisible) { pauseAllVideos(); playIfVideo(currentIndex.value); }\r\n                    else { pauseAllVideos(); }\r\n                };\r\n                document.addEventListener('visibilitychange', onVis);\r\n\r\n                const sliderEl = document.querySelector('.slider');\r\n                let io;\r\n                if (sliderEl && 'IntersectionObserver' in window) {\r\n                    io = new IntersectionObserver((entries) => {\r\n                        entries.forEach(entry => {\r\n                            sliderVisible = entry.isIntersecting && entry.intersectionRatio > 0.2;\r\n                            if (pageVisible && sliderVisible) { pauseAllVideos(); playIfVideo(currentIndex.value); }\r\n                            else { pauseAllVideos(); }\r\n                        });\r\n                    }, { threshold: [0, 0.2, 0.5, 1] });\r\n                    io.observe(sliderEl);\r\n                }\r\n                return () => { document.removeEventListener('visibilitychange', onVis); io && io.disconnect(); };\r\n            };\r\n\r\n            onMounted(() => {\r\n                window.onYouTubeIframeAPIReady = () => { if (banners.value.length) initAllYouTubePlayers(); };\r\n                fetchBanners();\r\n\r\n                \/\/ si cambia el tama\u00f1o de la ventana, recalcula todos\r\n                window.addEventListener('resize', () => {\r\n                    document.querySelectorAll('.youtube-iframe-wrapper').forEach(resizeIframeCover);\r\n                }, { passive: true });\r\n\r\n                app._cleanupVis = setupVisibilityGuards();\r\n            });\r\n\r\n            onUnmounted(() => {\r\n                stopAutoSlide();\r\n                window.removeEventListener('resize', () => { });\r\n                app._cleanupVis && app._cleanupVis();\r\n\r\n                \/\/ cierra observadores\r\n                Object.values(resizeObservers).forEach(ro => { try { ro.disconnect(); } catch (_) { } });\r\n                resizeObservers = {};\r\n\r\n                for (const id in youtubePlayers) {\r\n                    try { youtubePlayers[id]?.destroy && youtubePlayers[id].destroy(); } catch (_) { }\r\n                }\r\n                youtubePlayers = {};\r\n            });\r\n\r\n            return { banners, loading, error, currentIndex, prevSlide, nextSlide, goToSlide };\r\n        }\r\n    });\r\n\r\n    app.mount('#app');\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5d6654 e-con-full e-flex e-con e-parent\" data-id=\"d5d6654\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<a class=\"elementor-element elementor-element-cb638f1 e-flex e-con-boxed e-con e-child\" data-id=\"cb638f1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\" href=\"http:\/\/solicitudes.padrelascasas.cl\/tramites\" target=\"_blank\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5558d64 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"5558d64\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-1706\" alt=\"\" srcset=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes-150x150.png 150w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes-300x300.png 300w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes.png 512w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13ede2b e-con-full e-flex e-con e-child\" data-id=\"13ede2b\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3efebb elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b3efebb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Realiza aqu\u00ed<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c3a97c elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"0c3a97c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">SOLICITUDES CIUDADANAS<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-1d83249 e-flex e-con-boxed e-con e-child\" data-id=\"1d83249\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\" href=\"https:\/\/www.facebook.com\/concejopadrelascasas\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15541a9 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"15541a9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/concejo-150x150.jpeg\" class=\"attachment-thumbnail size-thumbnail wp-image-1675\" alt=\"\" srcset=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/concejo-150x150.jpeg 150w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/concejo-300x300.jpeg 300w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/concejo.jpeg 512w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca1c218 e-con-full e-flex e-con e-child\" data-id=\"ca1c218\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5c070 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"5a5c070\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Revisa aqu\u00ed<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab89c87 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"ab89c87\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">SESIONES DE CONCEJO<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-b959149 e-flex e-con-boxed e-con e-child\" data-id=\"b959149\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\" href=\"http:\/\/appl.smc.cl\/pagopcv\/muni\/padre_las_casas.aspx\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c429af elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"6c429af\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/Permiso-de-circulacion-150x150.jpeg\" class=\"attachment-thumbnail size-thumbnail wp-image-1679\" alt=\"\" srcset=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/Permiso-de-circulacion-150x150.jpeg 150w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/Permiso-de-circulacion-300x300.jpeg 300w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/Permiso-de-circulacion.jpeg 512w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64c2e56 e-con-full e-flex e-con e-child\" data-id=\"64c2e56\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c71d84 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"2c71d84\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Paga aqu\u00ed<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63f6de5 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"63f6de5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">PERMISO DE CIRCULACI\u00d3N<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-9847afa e-flex e-con-boxed e-con e-child\" data-id=\"9847afa\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\" href=\"http:\/\/appl.smc.cl\/pagopc\/muni\/padre_las_casas.aspx\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53cfb15 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"53cfb15\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/patentes-150x150.jpeg\" class=\"attachment-thumbnail size-thumbnail wp-image-1678\" alt=\"\" srcset=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/patentes-150x150.jpeg 150w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/patentes-300x300.jpeg 300w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/patentes.jpeg 512w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-216f75d e-con-full e-flex e-con e-child\" data-id=\"216f75d\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b533978 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b533978\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Paga aqu\u00ed<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa70a87 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"aa70a87\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">PATENTES COMERCIALES<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-902fd11 e-flex e-con-boxed e-con e-child\" data-id=\"902fd11\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\" href=\"https:\/\/pago.smc.cl\/pagoaseov2\/muni\/padre_las_casas.aspx\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99ab254 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"99ab254\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2026\/10\/camion-de-basura-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-6853\" alt=\"\" srcset=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2026\/10\/camion-de-basura-150x150.png 150w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2026\/10\/camion-de-basura-300x300.png 300w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2026\/10\/camion-de-basura.png 512w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83289b1 e-con-full e-flex e-con e-child\" data-id=\"83289b1\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-052f463 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"052f463\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Paga aqu\u00ed<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b34f626 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b34f626\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">DERECHO DE ASEO<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-b7a1880 e-flex e-con-boxed e-con e-child\" data-id=\"b7a1880\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\" href=\"https:\/\/padrelascasas.smartdom.cl\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68859ed elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"68859ed\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/10\/DOM-150x150.jpeg\" class=\"attachment-thumbnail size-thumbnail wp-image-2999\" alt=\"\" srcset=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/10\/DOM-150x150.jpeg 150w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/10\/DOM-300x300.jpeg 300w, https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/10\/DOM.jpeg 512w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22eb5ff e-con-full e-flex e-con e-child\" data-id=\"22eb5ff\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a5f188 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"0a5f188\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Acceso a<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-437562d elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"437562d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">DOM EN L\u00cdNEA<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b23e924 e-con-full e-flex e-con e-parent\" data-id=\"b23e924\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff001dc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ff001dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    .muni {\n        font-family: system-ui, sans-serif;\n        display: flex;\n        flex-direction: column;\n        gap: 5px;\n        align-items: center;\n        overflow-wrap: break-word;\n    }\n    .muni h3{\n        color: #5C7788;\n        display: inline;\n        font-weight: 1000;\n        font-size: 28px;\n        letter-spacing: 2px;\n    }\n    .muni h3 i{\n        font-weight: 400;\n        display: inline;\n    }\n    .muni h6{\n        letter-spacing: 6px;\n        color: #5C7788;\n        font-weight: 400;\n        display: inline;\n    }\n    .br-celu{\n            display: none;\n        }\n    @media (max-width: 768px) {\n        .muni h3{\n            font-size: 18px;\n        }\n        .muni h6{\n            font-size: 12px;\n        }\n        .br-celu{\n            display: block;\n        }\n        .h6-subtitulo{\n            text-align: center;\n            text-wrap: balance;\n        }\n    }\n<\/style>\n<div class=\"muni\">\n        <h3><i>Municipalidad de<\/i> <span><br class=\"br-celu\">Padre Las Casas<\/span><\/h3>\n        <h6 class=\"h6-subtitulo\">CAPITAL INTERCULTURAL DE CHILE<\/h6>\n    <\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65d47c6 e-con-full e-flex e-con e-parent\" data-id=\"65d47c6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5754ff7 elementor-widget elementor-widget-html\" data-id=\"5754ff7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* CONTENEDOR PRINCIPAL - CAMBIADO A BLANCO *\/\n.news {\n    background-color: #f9f9f9;\n    padding: 60px 0 80px 0;\n    font-family: sans-serif;\n}\n\n\/* NAVEGACI\u00d3N Y T\u00cdTULO *\/\n.news-nav {\n    display: flex;\n    justify-content: space-evenly;\n    align-items: center;\n    padding: 10px 20px;\n    flex-wrap: wrap;\n    margin-bottom: 20px;\n}\n\n\/* T\u00cdTULO PADRE LAS CASAS EN GRIS OSCURO *\/\n.news-nav .news-title {\n    font-size: 26px;\n    color: #333333; \n    font-weight: bold;\n    margin: 0;\n    position: relative;\n    padding-bottom: 15px;\n    display: inline-block;\n}\n\n\/* L\u00cdNEA TRICOLOR *\/\n.news-nav .news-title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 70px;  \n    height: 6px;  \n    border-radius: 3px;\n    background: linear-gradient(to right, \n        #28a745 0%, #28a745 33.33%, \n        #1f5fbf 33.33%, #1f5fbf 66.66%, \n        #d9534f 66.66%, #d9534f 100%\n    );\n}\n\n.btn-wrap button {\n    padding: 8px 12px;\n    cursor: pointer;\n    border: none;\n    background: rgba(0,0,0,0.1);\n    color: #333;\n    border-radius: 5px;\n    transition: background 0.3s;\n}\n\n.btn-wrap button:hover {\n    background: rgba(0,0,0,0.2);\n}\n\n\/* CONFIGURACI\u00d3N DEL CARRUSEL *\/\n.news-carousel {\n    max-width: 1600px;\n    margin: 0 auto;\n}\n\n.news-viewport {\n    overflow: hidden;\n    padding: 10px 0 25px 0;\n}\n\n.news-track {\n    display: flex;\n    align-items: stretch;\n    transition: transform .55s cubic-bezier(.22,.61,.36,1);\n    will-change: transform;\n}\n\n\/* El ancho vive en una variable: el responsivo solo reescribe esa. *\/\n.news-track > article {\n    --w: 25%;\n    flex: 0 0 var(--w);\n    max-width: var(--w);\n    box-sizing: border-box;\n    padding: 0 10px;\n    transition: flex-basis .55s cubic-bezier(.22,.61,.36,1), max-width .55s cubic-bezier(.22,.61,.36,1);\n}\n\n\/* La mas reciente ocupa el doble: 50 + 25 + 25 llena el ancho exacto. *\/\n.news-track > article.destacada { --w: 50%; }\n\n\/* TARJETA (CARD) *\/\n.news-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    border-radius: 40px;\n    overflow: hidden;\n    background: #ffffff;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n    cursor: pointer;\n    transition: transform .25s ease;\n    height: 480px; \n    padding: 0;\n    border: none;\n}\n\n.news-card:hover {\n    transform: translateY(-8px);\n}\n\n\/* SECCI\u00d3N DE IMAGEN *\/\n.post-image {\n    width: 100%;\n    height: 50% !important; \n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    position: relative;\n    flex-shrink: 0;\n    border: none;\n    display: flex; \n    align-items: center;\n    justify-content: center;\n}\n\n.post-image img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover; \n    display: block;\n    transition: transform 0.4s ease;\n}\n\n\/* SECCI\u00d3N DE CONTENIDO *\/\n.content-post {\n    height: 50%;\n    width: 100%;\n    padding: 20px;\n    background: #ffffff;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    box-sizing: border-box;\n}\n\n.content-post h3 {\n    font-size: 17px;\n    margin: 0 0 8px 0;\n    color: #333333;\n    font-weight: 700;\n    text-align: justify;\n    line-height: 1.2;\n}\n\n.content-post p {\n    font-size: 13.5px;\n    margin: 0 0 10px 0;\n    color: #666666;\n    line-height: 1.5;\n    text-align: justify;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.btn-read {\n    align-self: flex-end;\n    padding: 8px 25px;\n    font-size: 13px;\n    background: #1f5fbf;\n    color: #ffffff;\n    border-radius: 20px;\n    text-decoration: none;\n    transition: background 0.2s ease;\n    margin-top: auto;\n    font-weight: 600;\n}\n\n.destacada .content-post h3 { font-size: 22px; }\n.destacada .content-post p { font-size: 15px; -webkit-line-clamp: 4; }\n\n@media (max-width: 1400px) {\n    .news-track > article { --w: 33.3333%; }\n    .news-track > article.destacada { --w: 66.6667%; }\n}\n\n\/* Por debajo de 1024 no hay destacada: ahogaria a las demas. *\/\n@media (max-width: 1024px) {\n    .news-track > article,\n    .news-track > article.destacada { --w: 50%; }\n    .destacada .content-post h3 { font-size: 17px; }\n    .destacada .content-post p { font-size: 13.5px; -webkit-line-clamp: 2; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .news-track, .news-track > article, .news-card { transition: none; }\n}\n\n\/* -----------------------------------------------------------\n   ESTA ES LA PARTE QUE MODIFICA EL RESPONSIVO\n   ----------------------------------------------------------- *\/\n@media (max-width: 768px) {\n    .news-nav {\n        display: grid;\n        grid-template-columns: 1fr 1fr; \/* Dos columnas *\/\n        gap: 20px;\n        padding: 10px 15px;\n    }\n\n    \/* El t\u00edtulo ocupa toda la fila de arriba y se centra *\/\n    .news-nav div:nth-child(2) {\n        grid-column: 1 \/ span 2;\n        grid-row: 1;\n        text-align: center;\n    }\n\n    \/* El \"Ver m\u00e1s\" se va a la izquierda en la fila de abajo *\/\n    .news-nav a {\n        grid-column: 1;\n        grid-row: 2;\n        justify-self: start;\n        align-self: center;\n    }\n\n    \/* Las flechas se van a la derecha en la fila de abajo *\/\n    .news-nav .btn-wrap {\n        grid-column: 2;\n        grid-row: 2;\n        justify-self: end;\n        align-self: center;\n    }\n\n    .news-track > article,\n    .news-track > article.destacada { --w: 100%; }\n}\n<\/style>\n\n<div class=\"news\">\n    <div class=\"news-nav\">\n        <a href=\"https:\/\/padrelascasas.cl\/nuevositio\/noticias\/\" target=\"_blank\" style=\"color:#1f5fbf; text-decoration: none; font-weight: \">\n            Ver m\u00e1s noticias\n        <\/a>\n\n        <div>\n            <p class=\"news-title\">Padre Las Casas al d\u00eda<\/p>\n        <\/div>\n\n        <div class=\"btn-wrap\">\n            <button id=\"prevBtn\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\n            <button id=\"nextBtn\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"news-carousel\">\n        <div class=\"news-viewport\">\n            <div class=\"news-track\" id=\"news-track\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', async function () {\n    const API = 'https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/posts?per_page=12&_embed&categories=24';\n    const INTERVALO = 4000;\n    const DURACION = 550;\n    const track = document.getElementById('news-track');\n    const viewport = track.parentElement;\n\n    \/\/ Cuantas tarjetas entran por vista. Debe coincidir con los anchos del CSS.\n    const porVista = () => window.innerWidth <= 768 ? 1 : (window.innerWidth <= 1400 ? 2 : 3);\n\n    try {\n        const posts = await (await fetch(API)).json();\n        if (!posts.length) return;\n\n        \/\/ La API devuelve de mas nueva a mas antigua: la primera es la destacada.\n        \/\/ La lista se repite para que al girar nunca falten tarjetas con que llenar la vista.\n        \/\/ Con menos de cuatro no hay con que formar un segundo bloque: se pintan las que hay.\n        const ciclo = posts.length >= 4 ? posts.concat(posts) : posts.slice();\n\n        track.innerHTML = ciclo.map(post => {\n            const img = post._embedded?.['wp:featuredmedia']?.[0]?.source_url || '';\n            return `\n            <article>\n                <div class=\"news-card\">\n                    <div class=\"post-image\"><img decoding=\"async\" loading=\"lazy\" src=\"${img}\" alt=\"\"><\/div>\n                    <div class=\"content-post\">\n                        <div>\n                            <h3>${post.title.rendered}<\/h3>\n                            <p>${post.excerpt.rendered.replace(\/<[^>]*>\/g, '')}<\/p>\n                        <\/div>\n                        <a href=\"${post.link}\" target=\"_blank\" class=\"btn-read\">Ver m\u00e1s<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>`;\n        }).join('');\n\n        const total = posts.length;\n        let animando = false;\n\n        \/\/ Destacada la primera de cada bloque: si solo lo fuera la visible, los bloques\n        \/\/ de atras se encogerian y el desplazamiento dejaria de cuadrar.\n        function marcar() {\n            const paso = porVista();\n            Array.from(track.children).forEach((el, i) => el.classList.toggle('destacada', i % paso === 0));\n        }\n\n        function reposar() {\n            track.style.transition = 'none';\n            track.style.transform = 'translateX(0px)';\n            marcar();\n            void track.offsetWidth;\n            track.style.transition = '';\n            animando = false;\n        }\n\n        function mover(sentido) {\n            const paso = porVista();\n            if (animando || total <= paso) return;\n            animando = true;\n\n            \/\/ Cada bloque ocupa el ancho exacto del carrusel: no hace falta medir tarjetas.\n            const ancho = viewport.getBoundingClientRect().width;\n\n            if (sentido > 0) {\n                track.style.transform = 'translateX(-' + ancho + 'px)';\n                setTimeout(() => {\n                    \/\/ Reciclar moviendo al final sirve con cualquier cantidad de noticias,\n                    \/\/ no solo con multiplos del bloque.\n                    for (let i = 0; i < paso; i++) track.appendChild(track.firstElementChild);\n                    reposar();\n                }, DURACION + 40);\n            } else {\n                for (let i = 0; i < paso; i++) track.insertBefore(track.lastElementChild, track.firstElementChild);\n                track.style.transition = 'none';\n                marcar();\n                track.style.transform = 'translateX(-' + ancho + 'px)';\n                void track.offsetWidth;\n                track.style.transition = '';\n                requestAnimationFrame(() => {\n                    track.style.transform = 'translateX(0px)';\n                    setTimeout(reposar, DURACION + 40);\n                });\n            }\n        }\n\n        window.addEventListener('resize', marcar);\n        marcar();\n\n        let reloj = setInterval(() => mover(1), INTERVALO);\n        const reiniciar = () => { clearInterval(reloj); reloj = setInterval(() => mover(1), INTERVALO); };\n\n        document.getElementById('prevBtn').addEventListener('click', () => { mover(-1); reiniciar(); });\n        document.getElementById('nextBtn').addEventListener('click', () => { mover(1); reiniciar(); });\n    } catch (error) {\n        console.error('Noticias:', error);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eed7c80 e-con-full e-flex e-con e-parent\" data-id=\"eed7c80\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-550402f elementor-widget elementor-widget-html\" data-id=\"550402f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* CONTENEDOR PRINCIPAL - AZUL OSCURO *\/\r\n.benefits {\r\n    background-color: #224B77; \r\n    padding: 60px 0 80px 0;\r\n    font-family: sans-serif;\r\n}\r\n\r\n\/* NAVEGACI\u00d3N Y T\u00cdTULO *\/\r\n.benefits-nav {\r\n    display: flex;\r\n    justify-content: space-evenly;\r\n    align-items: center;\r\n    padding: 10px 20px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* T\u00cdTULO BLANCO *\/\r\n.benefits-nav .benefits-title {\r\n    font-size: 26px;\r\n    color: #ffffff; \r\n    font-weight: bold;\r\n    margin: 0;\r\n    position: relative;\r\n    padding-bottom: 15px;\r\n    display: inline-block;\r\n}\r\n\r\n\/* L\u00cdNEA TRICOLOR *\/\r\n.benefits-nav .benefits-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 70px;  \r\n    height: 6px;  \r\n    border-radius: 3px;\r\n    background: linear-gradient(to right, \r\n        #28a745 0%, #28a745 33.33%, \r\n        #1f5fbf 33.33%, #1f5fbf 66.66%, \r\n        #d9534f 66.66%, #d9534f 100%\r\n    );\r\n}\r\n\r\n\/* BOTONES CON FLECHA - MODIFICADOS PARA FONDO AZUL *\/\r\n.benefits-nav .btn-wrap button {\r\n    padding: 10px 14px;\r\n    cursor: pointer;\r\n    border: none;\r\n    background: rgba(255, 255, 255, 0.2); \/* Fondo claro transl\u00facido *\/\r\n    color: #ffffff; \/* Flecha blanca *\/\r\n    border-radius: 5px;\r\n    transition: background 0.3s;\r\n}\r\n\r\n.benefits-nav .btn-wrap button:hover {\r\n    background: rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n\/* CONFIGURACI\u00d3N DEL SLIDER *\/\r\n.splide-benefits {\r\n    max-width: 1600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* TARJETA (CARD) *\/\r\n.splide-benefits .splide__slide {\r\n    position: relative;\r\n    display: flex;\r\n    height: 450px; \r\n    border-radius: 40px; \r\n    overflow: hidden;\r\n    background-color: white;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\r\n    cursor: pointer;\r\n    transition: transform .25s ease;\r\n    background-size: cover;\r\n    background-position: center;\r\n}\r\n\r\n.splide-benefits .splide__slide:hover {\r\n    transform: translateY(-8px);\r\n}\r\n\r\n\/* RESPONSIVO *\/\r\n@media (max-width: 768px) {\r\n    .benefits-nav {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 20px;\r\n        padding: 10px 15px;\r\n    }\r\n\r\n    .benefits-nav div:nth-child(2) {\r\n        grid-column: 1 \/ span 2;\r\n        grid-row: 1;\r\n        text-align: center;\r\n    }\r\n\r\n    .benefits-nav .benefits-link {\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n        justify-self: start;\r\n        align-self: center;\r\n    }\r\n\r\n    .benefits-nav .btn-wrap {\r\n        grid-column: 2;\r\n        grid-row: 2;\r\n        justify-self: end;\r\n        align-self: center;\r\n    }\r\n\r\n    .splide-benefits .splide__slide {\r\n        height: 350px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"benefits\">\r\n    <div class=\"benefits-nav\">\r\n        <a class=\"benefits-link\" href=\"https:\/\/padrelascasas.cl\/nuevositio\/beneficios\/\" target=\"_blank\" style=\"color:#ffffff; text-decoration: none;\">\r\n            Ver m\u00e1s beneficios\r\n        <\/a>\r\n\r\n        <div style=\"text-align:center;\">\r\n            <p class=\"benefits-title\">Beneficios y convenios<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"btn-wrap\">\r\n            <button id=\"prevBtn-benefit\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\r\n            <button id=\"nextBtn-benefit\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"splide-benefits\" class=\"splide splide-benefits\">\r\n        <div class=\"splide__track\">\r\n            <ul class=\"splide__list\" id=\"splide__benefits-list\">\r\n                <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', async function () {\r\n    try {\r\n        const response = await fetch('https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/posts?per_page=12&_embed&categories=30');\r\n        const posts = await response.json();\r\n        const list = document.getElementById('splide__benefits-list');\r\n\r\n        if(!list) return;\r\n\r\n        posts.forEach(post => {\r\n            const imgUrl = post._embedded?.['wp:featuredmedia']?.[0]?.source_url || 'https:\/\/via.placeholder.com\/600x400';\r\n            const li = document.createElement('li');\r\n            li.className = 'splide__slide';\r\n            li.style.backgroundImage = `url(${imgUrl})`;\r\n\r\n            li.addEventListener('click', () => {\r\n                window.open(post.link, \"_blank\");\r\n            });\r\n\r\n            list.appendChild(li);\r\n        });\r\n\r\n        const splideBenefits = new Splide('#splide-benefits', {\r\n            type: 'loop',\r\n            perPage: 4,\r\n            perMove: 1,\r\n            gap: '2rem',\r\n            pagination: true,\r\n            arrows: false,\r\n            autoplay: true,\r\n            interval: 4000,\r\n            speed: 1200,\r\n            breakpoints: {\r\n                1400: { perPage: 3 },\r\n                1024: { perPage: 2 },\r\n                768: { perPage: 1 }\r\n            }\r\n        }).mount();\r\n\r\n        document.getElementById(\"prevBtn-benefit\").addEventListener('click', () => splideBenefits.go('<'));\r\n        document.getElementById(\"nextBtn-benefit\").addEventListener('click', () => splideBenefits.go('>'));\r\n\r\n    } catch (error) {\r\n        console.error('Error cargando beneficios:', error);\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bb1c36 e-con-full e-flex e-con e-parent\" data-id=\"0bb1c36\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-388a335 elementor-widget elementor-widget-html\" data-id=\"388a335\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* CONTENEDOR PRINCIPAL - GRIS CLARO *\/\r\n.events {\r\n    background-color: #f5f5f5; \r\n    padding: 60px 0 80px 0;\r\n    font-family: sans-serif;\r\n}\r\n\r\n\/* NAVEGACI\u00d3N Y T\u00cdTULO *\/\r\n.events-nav {\r\n    display: flex;\r\n    justify-content: space-evenly;\r\n    align-items: center;\r\n    padding: 10px 20px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* T\u00cdTULO GRIS OSCURO *\/\r\n.events-nav .events-title {\r\n    font-size: 26px;\r\n    color: #333333; \r\n    font-weight: bold;\r\n    margin: 0;\r\n    position: relative;\r\n    padding-bottom: 15px;\r\n    display: inline-block;\r\n}\r\n\r\n\/* L\u00cdNEA TRICOLOR *\/\r\n.events-nav .events-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 70px;  \r\n    height: 6px;  \r\n    border-radius: 3px;\r\n    background: linear-gradient(to right, \r\n        #28a745 0%, #28a745 33.33%, \r\n        #1f5fbf 33.33%, #1f5fbf 66.66%, \r\n        #d9534f 66.66%, #d9534f 100%\r\n    );\r\n}\r\n\r\n\/* BOTONES CON FLECHA *\/\r\n.events-nav .btn-wrap button {\r\n    padding: 10px 14px;\r\n    cursor: pointer;\r\n    border: none;\r\n    background: rgba(0,0,0,0.1);\r\n    color: #333333; \r\n    border-radius: 5px;\r\n    transition: background 0.3s;\r\n}\r\n\r\n.events-nav .btn-wrap button:hover {\r\n    background: rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* CONFIGURACI\u00d3N DEL SLIDER - ANCHO 1600px *\/\r\n.splide-events {\r\n    max-width: 1600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* TARJETA (CARD) - AJUSTADA PARA CUBRIR CON IMAGEN *\/\r\n.splide-events .splide__slide {\r\n    position: relative;\r\n    display: flex;\r\n    height: 450px; \r\n    border-radius: 40px; \r\n    overflow: hidden; \/* Crucial para recortar la imagen en los bordes *\/\r\n    background-color: white; \/* Fondo por defecto si no carga imagen *\/\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\r\n    cursor: pointer;\r\n    transition: transform .25s ease;\r\n    \r\n    \/* Configuraci\u00f3n para que la imagen de fondo cubra TODO *\/\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    \r\n    \/* Asegurar que no haya padding interno que empuje la imagen *\/\r\n    padding: 0 !important; \r\n    border: none !important;\r\n}\r\n\r\n.splide-events .splide__slide:hover {\r\n    transform: translateY(-8px);\r\n}\r\n\r\n\/* Eliminamos el estilo de img dentro del li, ya que usaremos background-image *\/\r\n.splide-events .splide__slide img {\r\n    display: none; \r\n}\r\n\r\n\/* RESPONSIVO *\/\r\n@media (max-width: 768px) {\r\n    .events-nav {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 20px;\r\n        padding: 10px 15px;\r\n    }\r\n\r\n    .events-nav div:nth-child(2) {\r\n        grid-column: 1 \/ span 2;\r\n        grid-row: 1;\r\n        text-align: center;\r\n    }\r\n\r\n    .events-nav .events-link {\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n        justify-self: start;\r\n        align-self: center;\r\n        color: #1f5fbf;\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .events-nav .btn-wrap {\r\n        grid-column: 2;\r\n        grid-row: 2;\r\n        justify-self: end;\r\n        align-self: center;\r\n    }\r\n\r\n    .splide-events .splide__slide {\r\n        height: 350px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"events\">\r\n    <div class=\"events-nav\">\r\n        <a class=\"events-link\" href=\"https:\/\/padrelascasas.cl\/nuevositio\/eventos-municipales\/\" target=\"_blank\" style=\"color:#1f5fbf; text-decoration: none; font-weight: bold;\">\r\n            Ver m\u00e1s eventos\r\n        <\/a>\r\n\r\n        <div style=\"text-align:center;\">\r\n            <p class=\"events-title\">Informaciones y Eventos<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"btn-wrap\">\r\n            <button id=\"prevBtn-events\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\r\n            <button id=\"nextBtn-events\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"splide-events\" class=\"splide splide-events\">\r\n        <div class=\"splide__track\">\r\n            <ul class=\"splide__list\" id=\"splide__events-list\">\r\n                <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', async function () {\r\n    try {\r\n        const response = await fetch('https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/posts?per_page=12&_embed&categories=29');\r\n        const posts = await response.json();\r\n        const list = document.getElementById('splide__events-list');\r\n\r\n        if(!list) return;\r\n\r\n        posts.forEach(post => {\r\n            \/\/ Imagen por defecto si no hay destacada\r\n            const imgUrl = post._embedded?.['wp:featuredmedia']?.[0]?.source_url || 'https:\/\/via.placeholder.com\/600x400';\r\n            \r\n            const li = document.createElement('li');\r\n            li.className = 'splide__slide';\r\n            \r\n            \/\/ Usamos background-image directamente en el li para un control total del cubrimiento\r\n            li.style.backgroundImage = `url(${imgUrl})`;\r\n\r\n            li.addEventListener('click', () => {\r\n                window.open(post.link, \"_blank\");\r\n            });\r\n\r\n            list.appendChild(li);\r\n        });\r\n\r\n        const splideEvents = new Splide('#splide-events', {\r\n            type: 'loop',\r\n            perPage: 4,\r\n            perMove: 1,\r\n            gap: '2rem',\r\n            pagination: true,\r\n            arrows: false,\r\n            autoplay: true,\r\n            interval: 4000,\r\n            speed: 1200,\r\n            breakpoints: {\r\n                1400: { perPage: 3 },\r\n                1024: { perPage: 2 },\r\n                768: { perPage: 1 }\r\n            }\r\n        }).mount();\r\n\r\n        document.getElementById(\"prevBtn-events\").addEventListener('click', () => splideEvents.go('<'));\r\n        document.getElementById(\"nextBtn-events\").addEventListener('click', () => splideEvents.go('>'));\r\n\r\n    } catch (error) {\r\n        console.error('Error cargando eventos:', error);\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d908218 e-con-full e-flex e-con e-parent\" data-id=\"d908218\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a25467 elementor-widget elementor-widget-html\" data-id=\"8a25467\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* CONTENEDOR *\/\r\n.sites {\r\n    background-color: #ffffff;\r\n    padding: 20px 0;\r\n}\r\n\r\n\/* NAV *\/\r\n.sites-nav {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n    max-width: 1200px;\r\n    margin: 0 auto 20px;\r\n}\r\n\r\n.sites-title {\r\n    font-size: 26px;\r\n    color: #333;\r\n    font-weight: bold;\r\n}\r\n\r\n\/* SLIDER *\/\r\n.splide-sites {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* TARJETAS *\/\r\n.splide__slide {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: transparent; \/* opcional *\/\r\n    border-radius: 0; \/* elimina bordes redondeados *\/\r\n    padding: 10px;\r\n    box-shadow: none; \/* \ud83d\udd34 esto elimina el borde\/sombra *\/\r\n    cursor: pointer;\r\n    transition: 0.25s;\r\n}\r\n\r\n.splide__slide:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n\/* IMAGEN *\/\r\n.slide-img {\r\n    width: 100%;\r\n    height: 140px;\r\n    object-fit: cover;\r\n    border-radius: 8px;\r\n}\r\n\r\n\/* TEXTO DEBAJO *\/\r\n.slide-title {\r\n    margin-top: 10px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n\/* BOTONES *\/\r\n.btn-wrap_sites {\r\n    position: absolute;\r\n    right: 10px;\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n\r\n.btn-wrap_sites button {\r\n    border: none;\r\n    background: #fff;\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .slide-img {\r\n        height: 120px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .slide-img {\r\n        height: 100px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sites\">\r\n\r\n    <div class=\"sites-nav\">\r\n        <p class=\"sites-title\">Sitios de inter\u00e9s<\/p>\r\n\r\n        <div class=\"btn-wrap_sites\">\r\n            <button id=\"prevBtn-sites\">\r\n                <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n            <\/button>\r\n            <button id=\"nextBtn-sites\">\r\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"splide-sites\" class=\"splide splide-sites\">\r\n        <div class=\"splide__track\">\r\n            <ul class=\"splide__list\">\r\n\r\n                <li class=\"splide__slide\" data-url=\"https:\/\/www.registrocivil.cl\/\">\r\n                    <img decoding=\"async\" class=\"slide-img\" src=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2026\/03\/logo-registro-civil-300-jpg.jpg\">\r\n                    <p class=\"slide-title\">Registro Civil e Identificaci\u00f3n<\/p>\r\n                <\/li>\r\n\r\n                <li class=\"splide__slide\" data-url=\"https:\/\/www.registrosocial.gob.cl\/\">\r\n                    <img decoding=\"async\" class=\"slide-img\" src=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2026\/03\/registro.png\">\r\n                    <p class=\"slide-title\">Registro Social de Hogares<\/p>\r\n                <\/li>\r\n\r\n                <li class=\"splide__slide\" data-url=\"https:\/\/www.bpdigital.cl\/\">\r\n                    <img decoding=\"async\" class=\"slide-img\" src=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2026\/03\/Captura-de-pantalla-2026-03-20-161807.png\">\r\n                    <p class=\"slide-title\">Biblioteca P\u00fablica Digital<\/p>\r\n                <\/li>\r\n\r\n                <li class=\"splide__slide\" data-url=\"https:\/\/www.biblioredes.gob.cl\/\">\r\n                    <img decoding=\"async\" class=\"slide-img\" src=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2026\/03\/Grupo-872.png\">\r\n                    <p class=\"slide-title\">Biblioredes<\/p>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@splidejs\/splide@4.1.3\/dist\/js\/splide.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const splide = new Splide('#splide-sites', {\r\n        type: 'loop',\r\n        perPage: 4,\r\n        gap: '1rem',\r\n        autoplay: true,\r\n        interval: 4000,\r\n        arrows: false,\r\n        pagination: true,\r\n        breakpoints: {\r\n            1024: { perPage: 2 },\r\n            640: { perPage: 1 }\r\n        }\r\n    }).mount();\r\n\r\n    document.getElementById(\"prevBtn-sites\").onclick = () => splide.go('<');\r\n    document.getElementById(\"nextBtn-sites\").onclick = () => splide.go('>');\r\n\r\n    document.querySelectorAll('.splide__slide').forEach(slide => {\r\n        slide.addEventListener('click', () => {\r\n            const url = slide.dataset.url;\r\n            if (url) window.open(url, '_blank');\r\n        });\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-665b7b3 e-con-full e-flex e-con e-parent\" data-id=\"665b7b3\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-89f316e e-con-full e-flex e-con e-child\" data-id=\"89f316e\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d51dfd6 elementor-widget elementor-widget-heading\" data-id=\"d51dfd6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dependencias Municipales<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5dcc09 elementor-widget elementor-widget-html\" data-id=\"e5dcc09\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<!--<iframe src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1JWQNT-h_QCeCkqUfkD2iw8jC52e09c91&ehbc=2E312F\" width=\"640\" height=\"480\"><\/iframe>\r\n<iframe src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1JWQNT-h_QCeCkqUfkD2iw8jC52e09c91&ehbc=2E312F\" width=\"640\" height=\"480\"><\/iframe>T-h_QCeCkqUfkD2iw8jC52e09c91&ll=-38.7668,-72.5972&z=14><\/iframe>-->\r\n<iframe src=\"https:\/\/www.google.com\/maps\/d\/u\/0\/embed?mid=1JWQNT-h_QCeCkqUfkD2iw8jC52e09c91&ll=-38.7668,-72.5972&z=14\" width=\"100%\" height=\"600\" frameborder=\"0\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\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","protected":false},"excerpt":{"rendered":"<p>Realiza aqu\u00ed SOLICITUDES CIUDADANAS Revisa aqu\u00ed SESIONES DE CONCEJO Paga aqu\u00ed PERMISO DE CIRCULACI\u00d3N Paga aqu\u00ed PATENTES COMERCIALES Paga aqu\u00ed DERECHO DE ASEO Acceso a DOM EN L\u00cdNEA Municipalidad de Padre Las Casas CAPITAL INTERCULTURAL DE CHILE Ver m\u00e1s noticias Padre Las Casas al d\u00eda Ver m\u00e1s beneficios Beneficios y convenios Ver m\u00e1s eventos Informaciones&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Inicio - Sitio Padre Las Casas<\/title>\n<meta name=\"description\" content=\"P\u00e1gina de la Municipalidad De Padre Las Casas, aqu\u00ed podr\u00e1s obtener informaci\u00f3n relevante como noticias, eventos y avisos, tambi\u00e9n encontrar\u00e1s sitios de inter\u00e9s como tr\u00e1mites en l\u00ednea, solicitudes ciudadanas y m\u00e1s.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/padrelascasas.cl\/nuevositio\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inicio - Sitio Padre Las Casas\" \/>\n<meta property=\"og:description\" content=\"P\u00e1gina de la Municipalidad De Padre Las Casas, aqu\u00ed podr\u00e1s obtener informaci\u00f3n relevante como noticias, eventos y avisos, tambi\u00e9n encontrar\u00e1s sitios de inter\u00e9s como tr\u00e1mites en l\u00ednea, solicitudes ciudadanas y m\u00e1s.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/padrelascasas.cl\/nuevositio\/\" \/>\n<meta property=\"og:site_name\" content=\"Sitio Padre Las Casas\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-20T15:13:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/\",\"url\":\"https:\/\/padrelascasas.cl\/nuevositio\/\",\"name\":\"Inicio - Sitio Padre Las Casas\",\"isPartOf\":{\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes-150x150.png\",\"datePublished\":\"2025-08-21T13:58:16+00:00\",\"dateModified\":\"2026-10-20T15:13:48+00:00\",\"description\":\"P\u00e1gina de la Municipalidad De Padre Las Casas, aqu\u00ed podr\u00e1s obtener informaci\u00f3n relevante como noticias, eventos y avisos, tambi\u00e9n encontrar\u00e1s sitios de inter\u00e9s como tr\u00e1mites en l\u00ednea, solicitudes ciudadanas y m\u00e1s.\",\"breadcrumb\":{\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/padrelascasas.cl\/nuevositio\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#primaryimage\",\"url\":\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes.png\",\"contentUrl\":\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes.png\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/padrelascasas.cl\/nuevositio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#website\",\"url\":\"https:\/\/padrelascasas.cl\/nuevositio\/\",\"name\":\"Sitio Padre Las Casas\",\"description\":\"Padre Las Casas\",\"publisher\":{\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/padrelascasas.cl\/nuevositio\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#organization\",\"name\":\"Sitio Padre Las Casas\",\"url\":\"https:\/\/padrelascasas.cl\/nuevositio\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/cropped-Logo-color-horizontal.png\",\"contentUrl\":\"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/cropped-Logo-color-horizontal.png\",\"width\":1063,\"height\":775,\"caption\":\"Sitio Padre Las Casas\"},\"image\":{\"@id\":\"https:\/\/padrelascasas.cl\/nuevositio\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Inicio - Sitio Padre Las Casas","description":"P\u00e1gina de la Municipalidad De Padre Las Casas, aqu\u00ed podr\u00e1s obtener informaci\u00f3n relevante como noticias, eventos y avisos, tambi\u00e9n encontrar\u00e1s sitios de inter\u00e9s como tr\u00e1mites en l\u00ednea, solicitudes ciudadanas y m\u00e1s.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/padrelascasas.cl\/nuevositio\/","og_locale":"es_ES","og_type":"article","og_title":"Inicio - Sitio Padre Las Casas","og_description":"P\u00e1gina de la Municipalidad De Padre Las Casas, aqu\u00ed podr\u00e1s obtener informaci\u00f3n relevante como noticias, eventos y avisos, tambi\u00e9n encontrar\u00e1s sitios de inter\u00e9s como tr\u00e1mites en l\u00ednea, solicitudes ciudadanas y m\u00e1s.","og_url":"https:\/\/padrelascasas.cl\/nuevositio\/","og_site_name":"Sitio Padre Las Casas","article_modified_time":"2026-10-20T15:13:48+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/padrelascasas.cl\/nuevositio\/","url":"https:\/\/padrelascasas.cl\/nuevositio\/","name":"Inicio - Sitio Padre Las Casas","isPartOf":{"@id":"https:\/\/padrelascasas.cl\/nuevositio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/padrelascasas.cl\/nuevositio\/#primaryimage"},"image":{"@id":"https:\/\/padrelascasas.cl\/nuevositio\/#primaryimage"},"thumbnailUrl":"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes-150x150.png","datePublished":"2025-08-21T13:58:16+00:00","dateModified":"2026-10-20T15:13:48+00:00","description":"P\u00e1gina de la Municipalidad De Padre Las Casas, aqu\u00ed podr\u00e1s obtener informaci\u00f3n relevante como noticias, eventos y avisos, tambi\u00e9n encontrar\u00e1s sitios de inter\u00e9s como tr\u00e1mites en l\u00ednea, solicitudes ciudadanas y m\u00e1s.","breadcrumb":{"@id":"https:\/\/padrelascasas.cl\/nuevositio\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/padrelascasas.cl\/nuevositio\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/padrelascasas.cl\/nuevositio\/#primaryimage","url":"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes.png","contentUrl":"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/solicitudes.png","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/padrelascasas.cl\/nuevositio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/padrelascasas.cl\/nuevositio\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@type":"WebSite","@id":"https:\/\/padrelascasas.cl\/nuevositio\/#website","url":"https:\/\/padrelascasas.cl\/nuevositio\/","name":"Sitio Padre Las Casas","description":"Padre Las Casas","publisher":{"@id":"https:\/\/padrelascasas.cl\/nuevositio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/padrelascasas.cl\/nuevositio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/padrelascasas.cl\/nuevositio\/#organization","name":"Sitio Padre Las Casas","url":"https:\/\/padrelascasas.cl\/nuevositio\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/padrelascasas.cl\/nuevositio\/#\/schema\/logo\/image\/","url":"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/cropped-Logo-color-horizontal.png","contentUrl":"https:\/\/padrelascasas.cl\/nuevositio\/wp-content\/uploads\/2025\/09\/cropped-Logo-color-horizontal.png","width":1063,"height":775,"caption":"Sitio Padre Las Casas"},"image":{"@id":"https:\/\/padrelascasas.cl\/nuevositio\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":1648,"href":"https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":6856,"href":"https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/pages\/6\/revisions\/6856"}],"wp:attachment":[{"href":"https:\/\/padrelascasas.cl\/nuevositio\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}