{"id":78,"date":"2025-11-29T03:16:29","date_gmt":"2025-11-29T06:16:29","guid":{"rendered":"http:\/\/casakano.local\/?page_id=78"},"modified":"2026-03-31T06:26:13","modified_gmt":"2026-03-31T09:26:13","slug":"lobby-v2","status":"publish","type":"page","link":"https:\/\/casakano.cl\/?page_id=78","title":{"rendered":"LOBBY V2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"78\" class=\"elementor elementor-78\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f2679a e-flex e-con-boxed lakit-col-width-auto-no e-container e-root-container elementor-top-section e-con e-parent\" data-id=\"3f2679a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-221e34a elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"221e34a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================\r\n     ESTILOS DEL CUERPO (Scoped: .ck-main-wrapper)\r\n     ========================================= *\/\r\n  .ck-main-wrapper {\r\n    --ck-red: #e30613;\r\n    --ck-red-dark: #b9050f;\r\n    --ck-black: #000000;\r\n    --ck-white: #FFFFFF;\r\n    --ck-gray-bg: #f8f9fa;\r\n    --ck-text-main: #333333;\r\n    --ck-font-main: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n\r\n    font-family: var(--ck-font-main);\r\n    color: var(--ck-text-main);\r\n    line-height: 1.6;\r\n    width: 100%;\r\n    overflow-x: hidden;\r\n    background-color: var(--ck-white);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ck-main-wrapper * { box-sizing: border-box; }\r\n  .ck-main-wrapper img { max-width: 100%; height: auto; display: block; }\r\n  .ck-main-wrapper a { text-decoration: none; transition: 0.3s; }\r\n\r\n  \/* --- UTILIDADES --- *\/\r\n  .ck-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .ck-section {\r\n    padding: 90px 0;\r\n  }\r\n\r\n  .ck-title {\r\n    font-size: 2.5rem;\r\n    font-weight: 800;\r\n    margin-bottom: 1rem;\r\n    color: var(--ck-black);\r\n    text-align: center;\r\n    position: relative;\r\n    letter-spacing: -0.5px;\r\n  }\r\n  \r\n  .ck-title span { color: var(--ck-red); }\r\n  \r\n  \/* L\u00ednea decorativa bajo t\u00edtulos *\/\r\n  .ck-title::after {\r\n    content: '';\r\n    display: block;\r\n    width: 80px;\r\n    height: 4px;\r\n    background-color: var(--ck-red);\r\n    margin: 20px auto 0;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .ck-subtitle {\r\n    text-align: center;\r\n    max-width: 700px;\r\n    margin: 0 auto 50px;\r\n    color: #666;\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  \/* --- BOTONES --- *\/\r\n  .ck-btn {\r\n    display: inline-block;\r\n    padding: 14px 35px;\r\n    background-color: var(--ck-red);\r\n    color: white !important;\r\n    font-weight: 700;\r\n    border-radius: 50px;\r\n    text-transform: uppercase;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 1px;\r\n    box-shadow: 0 10px 20px rgba(227, 6, 19, 0.2);\r\n    border: 2px solid var(--ck-red);\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .ck-btn:hover {\r\n    background-color: var(--ck-red-dark);\r\n    border-color: var(--ck-red-dark);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 30px rgba(227, 6, 19, 0.3);\r\n  }\r\n\r\n  \/* --- 1. HERO SLIDER --- *\/\r\n  .ck-slider {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 650px; \/* Altura del slider *\/\r\n    overflow: hidden;\r\n    background-color: #000;\r\n  }\r\n\r\n  .ck-slides-container {\r\n    display: flex;\r\n    width: 300%; \/* 3 slides = 300% *\/\r\n    height: 100%;\r\n    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  .ck-slide {\r\n    width: 33.333%;\r\n    height: 100%;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    background-size: cover;\r\n    background-position: center;\r\n  }\r\n  \r\n  \/* Overlay oscuro graduado *\/\r\n  .ck-slide::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7));\r\n    z-index: 1;\r\n  }\r\n\r\n  .ck-slide-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    color: white;\r\n    max-width: 800px;\r\n    padding: 20px;\r\n    \/* Animaci\u00f3n de entrada de texto *\/\r\n    animation: ckFadeUp 1s ease-out forwards;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n\r\n  @keyframes ckFadeUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .ck-slide-title {\r\n    font-size: 3.5rem;\r\n    font-weight: 900;\r\n    margin-bottom: 20px;\r\n    line-height: 1.1;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.5);\r\n  }\r\n\r\n  .ck-slide-desc {\r\n    font-size: 1.25rem;\r\n    margin-bottom: 35px;\r\n    font-weight: 300;\r\n    text-shadow: 0 1px 4px rgba(0,0,0,0.5);\r\n  }\r\n\r\n  \/* Puntos de navegaci\u00f3n *\/\r\n  .ck-slider-nav {\r\n    position: absolute;\r\n    bottom: 40px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    gap: 15px;\r\n    z-index: 3;\r\n  }\r\n  \r\n  .ck-slider-dot {\r\n    width: 50px;\r\n    height: 4px;\r\n    background: rgba(255,255,255,0.4);\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    border-radius: 2px;\r\n  }\r\n  .ck-slider-dot.active {\r\n    background: var(--ck-red);\r\n    width: 70px; \/* El activo es m\u00e1s largo *\/\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* --- 2. QU\u00c9 HACEMOS (Tarjetas Din\u00e1micas) --- *\/\r\n  .ck-what-we-do {\r\n    background-color: var(--ck-white);\r\n  }\r\n\r\n  .ck-features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 30px;\r\n    margin: 40px 0 50px;\r\n  }\r\n\r\n  .ck-feature-card {\r\n    background: #fff;\r\n    padding: 40px 30px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.05);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.4s ease;\r\n    border: 1px solid #f0f0f0;\r\n  }\r\n\r\n  .ck-feature-card:hover {\r\n    transform: translateY(-10px); \/* Efecto levitaci\u00f3n *\/\r\n    box-shadow: 0 20px 50px rgba(227, 6, 19, 0.15);\r\n    border-color: rgba(227, 6, 19, 0.1);\r\n  }\r\n\r\n  \/* L\u00ednea roja inferior animada *\/\r\n  .ck-feature-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; left: 0; width: 100%; height: 5px;\r\n    background: var(--ck-red);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.4s ease;\r\n  }\r\n  .ck-feature-card:hover::after { transform: scaleX(1); }\r\n\r\n  .ck-feature-icon {\r\n    width: 80px; height: 80px;\r\n    background: #fff5f5;\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin: 0 auto 25px;\r\n    transition: all 0.4s ease;\r\n  }\r\n  \r\n  \/* Rotaci\u00f3n y cambio de color del \u00edcono *\/\r\n  .ck-feature-card:hover .ck-feature-icon {\r\n    background: var(--ck-red);\r\n    transform: rotateY(180deg);\r\n  }\r\n\r\n  .ck-feature-icon svg {\r\n    width: 40px; height: 40px;\r\n    fill: var(--ck-red);\r\n    transition: all 0.4s ease;\r\n  }\r\n  \r\n  .ck-feature-card:hover .ck-feature-icon svg {\r\n    fill: #fff;\r\n    transform: rotateY(-180deg); \/* Mantiene el \u00edcono mirando al frente *\/\r\n  }\r\n\r\n  .ck-feature-title {\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    color: var(--ck-black);\r\n  }\r\n\r\n  .ck-feature-text {\r\n    font-size: 0.95rem;\r\n    color: #666;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* --- 3. COLABORADORES --- *\/\r\n  .ck-sponsors-bg {\r\n    background-color: var(--ck-gray-bg);\r\n    position: relative;\r\n  }\r\n  \r\n  \/* Detalle geom\u00e9trico: tri\u00e1ngulo superior *\/\r\n  .ck-sponsors-bg::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -20px; left: 50%; transform: translateX(-50%);\r\n    border-left: 20px solid transparent;\r\n    border-right: 20px solid transparent;\r\n    border-bottom: 20px solid var(--ck-gray-bg);\r\n  }\r\n\r\n  .ck-sponsors-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n    gap: 30px;\r\n    align-items: center;\r\n    justify-items: center;\r\n    margin-top: 50px;\r\n  }\r\n\r\n  .ck-sponsor-logo {\r\n    width: 100%; height: 100px;\r\n    background-color: white;\r\n    border-radius: 12px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: #aaa;\r\n    font-weight: 700; font-size: 0.8rem;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\r\n    opacity: 0.7;\r\n    padding: 15px;\r\n    filter: grayscale(100%);\r\n  }\r\n\r\n  .ck-sponsor-logo:hover {\r\n    opacity: 1;\r\n    filter: grayscale(0%);\r\n    transform: scale(1.05);\r\n    box-shadow: 0 10px 20px rgba(0,0,0,0.08);\r\n    color: var(--ck-red);\r\n  }\r\n\r\n  \/* --- 4. GALER\u00cdA CTA (Fondo Parallax) --- *\/\r\n  .ck-gallery-cta {\r\n    position: relative;\r\n    min-height: 550px;\r\n    background-image: url('https:\/\/casakanoprueba.duckdns.org\/wp-content\/uploads\/2025\/11\/0266ed75-3caa-486f-b6b0-ee6f8a007c65.png');\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-attachment: fixed; \/* Parallax *\/\r\n    display: flex; align-items: center; justify-content: center;\r\n    text-align: center;\r\n  }\r\n  \r\n  \/* Textura sobre la imagen *\/\r\n  .ck-gallery-cta::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background-image: radial-gradient(rgba(0,0,0,0.8) 1px, transparent 1px);\r\n    background-size: 20px 20px;\r\n    opacity: 0.4;\r\n  }\r\n\r\n  .ck-gallery-overlay {\r\n    position: relative;\r\n    z-index: 10;\r\n    background-color: rgba(255, 255, 255, 0.98);\r\n    padding: 50px;\r\n    color: var(--ck-black);\r\n    max-width: 700px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\r\n    border-top: 6px solid var(--ck-red);\r\n  }\r\n\r\n  .ck-gallery-title {\r\n    font-size: 2.2rem;\r\n    font-weight: 800;\r\n    margin-bottom: 15px;\r\n    color: var(--ck-black);\r\n    line-height: 1.2;\r\n  }\r\n\r\n  \/* --- RESPONSIVE --- *\/\r\n  @media (max-width: 768px) {\r\n    .ck-slider { height: 500px; }\r\n    .ck-slide-title { font-size: 2.2rem; }\r\n    .ck-gallery-cta { background-attachment: scroll; } \/* Desactiva parallax m\u00f3vil *\/\r\n    .ck-gallery-overlay { margin: 20px; padding: 30px 20px; width: 90%; }\r\n    .ck-btn { width: 100%; text-align: center; }\r\n  }\r\n<\/style>\r\n\r\n<main class=\"ck-main-wrapper\">\r\n\r\n  <!-- 1. HERO SLIDER AUTOM\u00c1TICO -->\r\n  <section class=\"ck-slider\">\r\n    <div class=\"ck-slides-container\" id=\"ckHeroSlider\">\r\n      \r\n      <!-- Slide 1 -->\r\n      <div class=\"ck-slide\" style=\"background-image: url('https:\/\/casakanoprueba.duckdns.org\/wp-content\/uploads\/2025\/11\/0266ed75-3caa-486f-b6b0-ee6f8a007c65.png');\">\r\n        <div class=\"ck-slide-content\">\r\n          <h2 class=\"ck-slide-title\">Formamos<br>Car\u00e1cter y Valores<\/h2>\r\n          <p class=\"ck-slide-desc\">Disciplina, respeto y superaci\u00f3n personal a trav\u00e9s de la pr\u00e1ctica del Judo.<\/p>\r\n          <a href=\"\/proyectos\" class=\"ck-btn\">Ver Programas<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Slide 2 -->\r\n      <div class=\"ck-slide\" style=\"background-image: url('https:\/\/placehold.co\/1920x1080\/555\/888?text=Arte+y+Cultura');\">\r\n        <div class=\"ck-slide-content\">\r\n          <h2 class=\"ck-slide-title\">Cultivamos<br>Talentos Ocultos<\/h2>\r\n          <p class=\"ck-slide-desc\">Espacios creativos y art\u00edsticos para el desarrollo emocional de ni\u00f1os y j\u00f3venes.<\/p>\r\n          <a href=\"\/nosotros\" class=\"ck-btn\">Nuestra Misi\u00f3n<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Slide 3 -->\r\n      <div class=\"ck-slide\" style=\"background-image: url('https:\/\/placehold.co\/1920x1080\/222\/555?text=Comunidad+Unida');\">\r\n        <div class=\"ck-slide-content\">\r\n          <h2 class=\"ck-slide-title\">Transformamos<br>Comunidades<\/h2>\r\n          <p class=\"ck-slide-desc\">S\u00e9 parte del cambio. Tu apoyo construye un futuro m\u00e1s inclusivo.<\/p>\r\n          <a href=\"\/dona\" class=\"ck-btn\">Hacerse Socio<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Puntos de Navegaci\u00f3n -->\r\n    <div class=\"ck-slider-nav\">\r\n      <div class=\"ck-slider-dot active\" onclick=\"moveCkSlide(0)\"><\/div>\r\n      <div class=\"ck-slider-dot\" onclick=\"moveCkSlide(1)\"><\/div>\r\n      <div class=\"ck-slider-dot\" onclick=\"moveCkSlide(2)\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 2. QU\u00c9 HACEMOS (DISE\u00d1O DIN\u00c1MICO) -->\r\n  <section class=\"ck-section ck-what-we-do\">\r\n    <div class=\"ck-container\">\r\n      <h2 class=\"ck-title\">\u00bfQu\u00e9 hacemos en <span>Casakano<\/span>?<\/h2>\r\n      <p class=\"ck-subtitle\">\r\n        Vamos m\u00e1s all\u00e1 del deporte. Construimos un ecosistema de apoyo integral fundamentado en tres pilares esenciales para el desarrollo humano:\r\n      <\/p>\r\n\r\n      <div class=\"ck-features-grid\">\r\n        \r\n        <!-- Tarjeta 1: Judo -->\r\n        <article class=\"ck-feature-card\">\r\n          <div class=\"ck-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M20.2,17.6l-2.8-7.4c-0.3-0.8-1.2-1.2-2-0.9l-1.5,0.5c-0.3-0.5-0.7-1-1.1-1.4c0.5-1.3,0.2-2.8-0.9-3.8 c-1.3-1.2-3.4-1.1-4.6,0.2C7.1,5,7,5.3,6.9,5.5C5,5.8,3.4,7.2,3,9.1c-0.4,2,0.6,3.9,2.4,4.7L4,17.6c-0.3,0.8,0.1,1.7,0.9,2 c0.2,0.1,0.4,0.1,0.6,0.1c0.6,0,1.2-0.4,1.4-0.9l2.3-6.1c0.6,0.2,1.3,0.3,2,0.3c0.9,0,1.8-0.2,2.6-0.5l2.6,6.9 c0.2,0.7,0.9,1.1,1.6,0.8C19.6,19.9,20.5,18.5,20.2,17.6z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"ck-feature-title\">Judo Formativo<\/h3>\r\n          <p class=\"ck-feature-text\">\r\n            Utilizamos la disciplina del Judo no solo para entrenar el cuerpo, sino para forjar valores inquebrantables como el respeto, la humildad y la perseverancia.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <!-- Tarjeta 2: Psico -->\r\n        <article class=\"ck-feature-card\">\r\n          <div class=\"ck-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12,21.35L10.55,20.03C5.4,15.36,2,12.27,2,8.5C2,5.41,4.42,3,7.5,3c1.74,0,3.41,0.81,4.5,2.08C13.09,3.81,14.76,3,16.5,3 C19.58,3,22,5.41,22,8.5c0,3.77-3.4,6.86-8.55,11.53L12,21.35z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"ck-feature-title\">Apoyo Psicoemocional<\/h3>\r\n          <p class=\"ck-feature-text\">\r\n            Ofrecemos contenci\u00f3n y herramientas de gesti\u00f3n emocional, creando un espacio seguro donde cada ni\u00f1o aprende a valorarse y entender sus sentimientos.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <!-- Tarjeta 3: Arte -->\r\n        <article class=\"ck-feature-card\">\r\n          <div class=\"ck-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36c-0.98,1.37-2.58,2.26-4.4,2.26 c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"ck-feature-title\">Expresi\u00f3n Art\u00edstica<\/h3>\r\n          <p class=\"ck-feature-text\">\r\n            A trav\u00e9s de la m\u00fasica, la pintura y el teatro, liberamos el potencial creativo, permitiendo que cada joven encuentre su propia voz y forma de expresi\u00f3n.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <div style=\"text-align: center;\">\r\n        <a href=\"\/nosotros\" class=\"ck-btn\">Conoce m\u00e1s sobre nuestra metodolog\u00eda<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 3. ALIANZAS Y COLABORADORES -->\r\n  <section class=\"ck-section ck-sponsors-bg\">\r\n    <div class=\"ck-container\">\r\n      <h2 class=\"ck-title\">Alianzas que Impactan<\/h2>\r\n      <p style=\"text-align: center; color: #666; max-width: 700px; margin: 0 auto;\">\r\n        Nada de esto ser\u00eda posible sin el compromiso de nuestros socios estrat\u00e9gicos, quienes creen en el poder de transformar vidas.\r\n      <\/p>\r\n      \r\n      <div class=\"ck-sponsors-grid\">\r\n        <!-- Reemplazar textos con <img decoding=\"async\" src=\"...\"> en WordPress -->\r\n        <div class=\"ck-sponsor-logo\">LOGO EMPRESA<\/div>\r\n        <div class=\"ck-sponsor-logo\">LOGO MUNICIPAL<\/div>\r\n        <div class=\"ck-sponsor-logo\">LOGO IND<\/div>\r\n        <div class=\"ck-sponsor-logo\">LOGO FONDO<\/div>\r\n        <div class=\"ck-sponsor-logo\">LOGO PRIVADO<\/div>\r\n        <div class=\"ck-sponsor-logo\">LOGO ALIANZA<\/div>\r\n      <\/div>\r\n      \r\n      <div style=\"text-align: center; margin-top: 40px;\">\r\n        <a href=\"\/contacto\" style=\"font-weight: 700; color: var(--ck-red); border-bottom: 2px solid transparent; transition: 0.3s;\">\r\n          \u00bfRepresentas a una empresa? Hablemos de impacto social.\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 4. GALER\u00cdA CTA -->\r\n  <section class=\"ck-gallery-cta\">\r\n    <div class=\"ck-gallery-overlay\">\r\n      <h2 class=\"ck-gallery-title\">Nuestra Historia en Im\u00e1genes<\/h2>\r\n      <p style=\"margin-bottom: 30px; font-size: 1.1rem; line-height: 1.6; color: #444;\">\r\n        El tatami guarda historias de esfuerzo, y nuestros muros de arte reflejan sue\u00f1os cumplidos. Te invitamos a mirar el mundo a trav\u00e9s de los ojos de Casakano.\r\n      <\/p>\r\n      <a href=\"\/galeria\" class=\"ck-btn\" style=\"background:var(--ck-black); border-color:var(--ck-black);\">Ver Galer\u00eda Completa<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/main>\r\n\r\n<script>\r\n  \/* --- L\u00d3GICA JAVASCRIPT DEL SLIDER --- *\/\r\n  let currentCkSlide = 0;\r\n  const ckSlidesContainer = document.getElementById('ckHeroSlider');\r\n  const ckDots = document.querySelectorAll('.ck-slider-dot');\r\n  const totalCkSlides = 3;\r\n  let slideInterval;\r\n\r\n  function moveCkSlide(index) {\r\n    currentCkSlide = index;\r\n    \/\/ Mover el contenedor -100%, -200% etc.\r\n    ckSlidesContainer.style.transform = `translateX(-${currentCkSlide * 33.333}%)`;\r\n    \r\n    \/\/ Actualizar clases activas\r\n    ckDots.forEach(dot => dot.classList.remove('active'));\r\n    ckDots[currentCkSlide].classList.add('active');\r\n  }\r\n\r\n  function autoPlayCkSlider() {\r\n    let nextSlide = (currentCkSlide + 1) % totalCkSlides;\r\n    moveCkSlide(nextSlide);\r\n  }\r\n\r\n  function startSlideTimer() {\r\n    slideInterval = setInterval(autoPlayCkSlider, 5000); \/\/ 5 Segundos\r\n  }\r\n\r\n  function stopSlideTimer() {\r\n    clearInterval(slideInterval);\r\n  }\r\n\r\n  \/\/ Iniciar\r\n  startSlideTimer();\r\n\r\n  \/\/ Pausar al interactuar\r\n  const sliderElement = document.querySelector('.ck-slider');\r\n  sliderElement.addEventListener('mouseenter', stopSlideTimer);\r\n  sliderElement.addEventListener('mouseleave', startSlideTimer);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>slotjitu jual303 jual 303 slot Slot Jitu slot jitu Kawasan303 KAWASAN303 Slot Raffi Ahmad FormamosCar\u00e1cter y Valores Disciplina, respeto y superaci\u00f3n personal a trav\u00e9s de la pr\u00e1ctica del Judo. Ver Programas CultivamosTalentos Ocultos Espacios creativos y art\u00edsticos para el desarrollo emocional de ni\u00f1os y j\u00f3venes. Nuestra Misi\u00f3n TransformamosComunidades S\u00e9 parte del cambio. Tu apoyo construye [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casakano.cl\/index.php?rest_route=\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casakano.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casakano.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casakano.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casakano.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=78"}],"version-history":[{"count":11,"href":"https:\/\/casakano.cl\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":910,"href":"https:\/\/casakano.cl\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions\/910"}],"wp:attachment":[{"href":"https:\/\/casakano.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}