ScotiaRewards

Error 500: org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "<th:block th:with="authenticated=${#authorization.expression('isAuthenticated()')}" > <!doctype html> <html lang="es"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MQ5TVX9');</script>  <script> window.dataLayer = window.dataLayer || []; window.gtag = function() { dataLayer.push(arguments); var args = Array.prototype.slice.call(arguments); var lastArg = args[args.length - 1]; if (lastArg && typeof lastArg === 'object') { var callback = lastArg.event_callback || lastArg.eventCallback; if (typeof callback === 'function') { callback(); } } }; </script> <script th:src="@{/resource/styles/belt.js}"></script> <meta charset="utf-8"> <th:block th:if="${submenuurl == null}"> <title>ScotiaRewards</title> <meta name="description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus ScotiaPesos por entradas al cine, Gift Card y muchos más premios."> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront"> <meta property="og:title" content="ScotiaRewards"> <meta property="og:description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus ScotiaPesos por entradas al cine, Gift Card y muchos más premios."> <meta name="twitter:title" content="ScotiaRewards"> <meta name="twitter:description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus ScotiaPesos por entradas al cine, Gift Card y muchos más premios."> </th:block> <th:block th:if="${submenuurl != null}"> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Descuentos')}"> <title>Descuentos | Scotia</title> <meta name="description" content="Descubre los mejores descuentos exclusivos de los ScotiaRewards. Aprovecha ofertas en viajes, entretenimiento, tecnología y más."> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/descuentos"> <meta property="og:title" content="Descuentos | Scotia"> <meta property="og:description" content="Descubre los mejores descuentos exclusivos de los ScotiaRewards. Aprovecha ofertas en viajes, entretenimiento, tecnología y más."> <meta name="twitter:title" content="Descuentos | Scotia"> <meta name="twitter:description" content="Descubre los mejores descuentos exclusivos de los ScotiaRewards. Aprovecha ofertas en viajes, entretenimiento, tecnología y más."> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Beneficios en Cuotas')}"> <title>Beneficios en Cuotas | Scotia</title> <meta name="description" content="Beneficios en Cuotas sin Interés, conoce aquí todas las promociones y ofertas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/beneficios-en-cuotas"> <meta property="og:title" content="Beneficios en Cuotas | Scotia"> <meta property="og:description" content="Beneficios en Cuotas sin Interés, conoce aquí todas las promociones y ofertas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Beneficios en Cuotas | Scotia"> <meta name="twitter:description" content="Beneficios en Cuotas sin Interés, conoce aquí todas las promociones y ofertas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Especial del Mes')}"> <title>Especial del Mes | Scotia</title> <meta name="description" content="Especial del Mes, descubre las promociones y ofertas exclusivas para este mes pagando con tus Tarjetas Scotia."> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/especial-del-mes"> <meta property="og:title" content="Especial del Mes | Scotia"> <meta property="og:description" content="Especial del Mes, descubre las promociones y ofertas exclusivas para este mes pagando con tus Tarjetas Scotia."> <meta name="twitter:title" content="Especial del Mes | Scotia"> <meta name="twitter:description" content="Especial del Mes, descubre las promociones y ofertas exclusivas para este mes pagando con tus Tarjetas Scotia."> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Misiones de Beneficios')}"> <title>Misiones de Beneficios | Scotia</title> <meta name="description" content="Misiones de Beneficios, completa misiones y gana recompensas exclusivas con tus Tarjetas Scotia. ¡Descubre más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/misiones-de-beneficios"> <meta property="og:title" content="Misiones de Beneficios | Scotia"> <meta property="og:description" content="Misiones de Beneficios, completa misiones y gana recompensas exclusivas con tus Tarjetas Scotia. ¡Descubre más aquí!"> <meta name="twitter:title" content="Misiones de Beneficios | Scotia"> <meta name="twitter:description" content="Misiones de Beneficios, completa misiones y gana recompensas exclusivas con tus Tarjetas Scotia. ¡Descubre más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Copec')}"> <title>Copec | Scotia</title> <meta name="description" content="Copec, obtén beneficios y descuentos exclusivos en estaciones de servicio Copec pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/copec"> <meta property="og:title" content="Copec | Scotia"> <meta property="og:description" content="Copec, obtén beneficios y descuentos exclusivos en estaciones de servicio Copec pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Copec | Scotia"> <meta name="twitter:description" content="Copec, obtén beneficios y descuentos exclusivos en estaciones de servicio Copec pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Viajes')}"> <title>Viajes | Scotia</title> <meta name="description" content="Escapadas y Experiencias en Viajes disponibles con los ScotiaRewards. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/viajes"> <meta property="og:title" content="Viajes | Scotia"> <meta property="og:description" content="Escapadas y Experiencias en Viajes disponibles con los ScotiaRewards. ¡Conoce más aquí!"> <meta name="twitter:title" content="Viajes | Scotia"> <meta name="twitter:description" content="Escapadas y Experiencias en Viajes disponibles con los ScotiaRewards. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Cinépolis')}"> <title>Cinépolis | Scotia</title> <meta name="description" content="Todos los días descuentos en entradas pagando con tus tarjetas de crédito y débito Scotia. ¡Ver descuentos aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/cinepolis"> <meta property="og:title" content="Cinépolis | Scotia"> <meta property="og:description" content="Todos los días descuentos en entradas pagando con tus tarjetas de crédito y débito Scotia. ¡Ver descuentos aquí!"> <meta name="twitter:title" content="Cinépolis | Scotia"> <meta name="twitter:description" content="Todos los días descuentos en entradas pagando con tus tarjetas de crédito y débito Scotia. ¡Ver descuentos aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'PDF Beneficios junio')}"> <title>PDF Beneficios junio | Scotia</title> <meta name="description" content="PDF Beneficios junio, descarga y consulta los beneficios y descuentos disponibles para el mes de junio. ¡Descarga aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/pdf-beneficios-junio"> <meta property="og:title" content="PDF Beneficios junio | Scotia"> <meta property="og:description" content="PDF Beneficios junio, descarga y consulta los beneficios y descuentos disponibles para el mes de junio. ¡Descarga aquí!"> <meta name="twitter:title" content="PDF Beneficios junio | Scotia"> <meta name="twitter:description" content="PDF Beneficios junio, descarga y consulta los beneficios y descuentos disponibles para el mes de junio. ¡Descarga aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta Gourmet')}"> <title>Descuentos exclusivos Ruta Gourmet | Scotia</title> <meta name="description" content="Hasta 50% Dcto. con tus Tarjetas Scotia en la Ruta Gourmet. Disfruta descuentos en restaurantes para todas las regiones. Explora las ofertas ahora."> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/ruta-gourmet"> <meta property="og:title" content="Descuentos exclusivos Ruta Gourmet | Scotia"> <meta property="og:description" content="Hasta 50% Dcto. con tus Tarjetas Scotia en la Ruta Gourmet. Disfruta descuentos en restaurantes para todas las regiones. Explora las ofertas ahora."> <meta name="twitter:title" content="Descuentos exclusivos Ruta Gourmet | Scotia"> <meta name="twitter:description" content="Hasta 50% Dcto. con tus Tarjetas Scotia en la Ruta Gourmet. Disfruta descuentos en restaurantes para todas las regiones. Explora las ofertas ahora."> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta Gourmet Internacional')}"> <title>Ruta Gourmet Internacional | Scotia</title> <meta name="description" content="Ruta Gourmet Internacional, disfruta de la mejor gastronomía internacional con ScotiaRewards. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/ruta-gourmet-internacional"> <meta property="og:title" content="Ruta Gourmet Internacional | Scotia"> <meta property="og:description" content="Ruta Gourmet Internacional, disfruta de la mejor gastronomía internacional con ScotiaRewards. ¡Conoce más aquí!"> <meta name="twitter:title" content="Ruta Gourmet Internacional | Scotia"> <meta name="twitter:description" content="Ruta Gourmet Internacional, disfruta de la mejor gastronomía internacional con ScotiaRewards. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta de Viñas')}"> <title>Ruta de Viñas | Scotia</title> <meta name="description" content="Ruta de Viñas, descubre las mejores viñas y disfruta de catas exclusivas con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/ruta-de-vinas"> <meta property="og:title" content="Ruta de Viñas | Scotia"> <meta property="og:description" content="Ruta de Viñas, descubre las mejores viñas y disfruta de catas exclusivas con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Ruta de Viñas | Scotia"> <meta name="twitter:description" content="Ruta de Viñas, descubre las mejores viñas y disfruta de catas exclusivas con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta de Comida Rápida')}"> <title>Ruta de Comida Rápida | Scotia</title> <meta name="description" content="Ruta de Comida Rápida, disfruta de descuentos y promociones en tus restaurantes de comida rápida favoritos con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/ruta-de-comida-rapida"> <meta property="og:title" content="Ruta de Comida Rápida | Scotia"> <meta property="og:description" content="Ruta de Comida Rápida, disfruta de descuentos y promociones en tus restaurantes de comida rápida favoritos con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Ruta de Comida Rápida | Scotia"> <meta name="twitter:description" content="Ruta de Comida Rápida, disfruta de descuentos y promociones en tus restaurantes de comida rápida favoritos con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta del Pádel')}"> <title>Ruta del Pádel | Scotia</title> <meta name="description" content="Ruta del Pádel, disfruta de beneficios exclusivos en clubes de pádel pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/ruta-del-padel"> <meta property="og:title" content="Ruta del Pádel | Scotia"> <meta property="og:description" content="Ruta del Pádel, disfruta de beneficios exclusivos en clubes de pádel pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Ruta del Pádel | Scotia"> <meta name="twitter:description" content="Ruta del Pádel, disfruta de beneficios exclusivos en clubes de pádel pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Concurso un año de combustible COPEC')}"> <title>Concurso un año de combustible COPEC | Scotia</title> <meta name="description" content="Concurso un año de combustible COPEC, participa y gana combustible gratis por un año pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/concurso-un-ano-de-combustible-copec"> <meta property="og:title" content="Concurso un año de combustible COPEC | Scotia"> <meta property="og:description" content="Concurso un año de combustible COPEC, participa y gana combustible gratis por un año pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Concurso un año de combustible COPEC | Scotia"> <meta name="twitter:description" content="Concurso un año de combustible COPEC, participa y gana combustible gratis por un año pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Concurso gift card de experiencias Bigbox')}"> <title>Concurso gift card de experiencias Bigbox | Scotia</title> <meta name="description" content="Concurso gift card de experiencias Bigbox, participa y gana gift cards para experiencias únicas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/concurso-gift-card-de-experiencias-bigbox"> <meta property="og:title" content="Concurso gift card de experiencias Bigbox | Scotia"> <meta property="og:description" content="Concurso gift card de experiencias Bigbox, participa y gana gift cards para experiencias únicas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Concurso gift card de experiencias Bigbox | Scotia"> <meta name="twitter:description" content="Concurso gift card de experiencias Bigbox, participa y gana gift cards para experiencias únicas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Misiones y Niveles')}"> <title>Misiones y Niveles | Scotia</title> <meta name="description" content="Misiones y Niveles, completa misiones y sube de nivel para ganar recompensas exclusivas con ScotiaRewards. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/misiones-y-niveles"> <meta property="og:title" content="Misiones y Niveles | Scotia"> <meta property="og:description" content="Misiones y Niveles, completa misiones y sube de nivel para ganar recompensas exclusivas con ScotiaRewards. ¡Conoce más aquí!"> <meta name="twitter:title" content="Misiones y Niveles | Scotia"> <meta name="twitter:description" content="Misiones y Niveles, completa misiones y sube de nivel para ganar recompensas exclusivas con ScotiaRewards. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Todo sobre Pesos Scotia')}"> <title>Todo sobre Pesos Scotia | Scotia</title> <meta name="description" content="Todo sobre Pesos Scotia, conoce cómo acumular y canjear tus Pesos Scotia para obtener recompensas exclusivas. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/todo-sobre-pesos-scotia"> <meta property="og:title" content="Todo sobre Pesos Scotia | Scotia"> <meta property="og:description" content="Todo sobre Pesos Scotia, conoce cómo acumular y canjear tus Pesos Scotia para obtener recompensas exclusivas. ¡Conoce más aquí!"> <meta name="twitter:title" content="Todo sobre Pesos Scotia | Scotia"> <meta name="twitter:description" content="Todo sobre Pesos Scotia, conoce cómo acumular y canjear tus Pesos Scotia para obtener recompensas exclusivas. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Actualización de sistema')}"> <title>Actualización de sistema | Scotia</title> <meta name="description" content="Actualización de sistema, mantente informado sobre las actualizaciones y mejoras en el sistema de ScotiaRewards. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/actualizacion-de-sistema"> <meta property="og:title" content="Actualización de sistema | Scotia"> <meta property="og:description" content="Actualización de sistema, mantente informado sobre las actualizaciones y mejoras en el sistema de ScotiaRewards. ¡Conoce más aquí!"> <meta name="twitter:title" content="Actualización de sistema | Scotia"> <meta name="twitter:description" content="Actualización de sistema, mantente informado sobre las actualizaciones y mejoras en el sistema de ScotiaRewards. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Función especial MI VILLANO FAVORITO 4')}"> <title>Función especial MI VILLANO FAVORITO 4 | Scotia</title> <meta name="description" content="Función especial MI VILLANO FAVORITO 4, canjea tus Pesos Scotia por entradas exclusivas para la función especial de MI VILLANO FAVORITO 4. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/funcion-especial-mi-villano-favorito-4"> <meta property="og:title" content="Función especial MI VILLANO FAVORITO 4 | Scotia"> <meta property="og:description" content="Función especial MI VILLANO FAVORITO 4, canjea tus Pesos Scotia por entradas exclusivas para la función especial de MI VILLANO FAVORITO 4. ¡Conoce más aquí!"> <meta name="twitter:title" content="Función especial MI VILLANO FAVORITO 4 | Scotia"> <meta name="twitter:description" content="Función especial MI VILLANO FAVORITO 4, canjea tus Pesos Scotia por entradas exclusivas para la función especial de MI VILLANO FAVORITO 4. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Canje entretenimiento')}"> <title>Canje entretenimiento | Scotia</title> <meta name="description" content="Canje entretenimiento, utiliza tus Pesos Scotia para canjear por entretenimiento exclusivo, entradas a eventos y más. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/canje-entretenimiento"> <meta property="og:title" content="Canje entretenimiento | Scotia"> <meta property="og:description" content="Canje entretenimiento, utiliza tus Pesos Scotia para canjear por entretenimiento exclusivo, entradas a eventos y más. ¡Conoce más aquí!"> <meta name="twitter:title" content="Canje entretenimiento | Scotia"> <meta name="twitter:description" content="Canje entretenimiento, utiliza tus Pesos Scotia para canjear por entretenimiento exclusivo, entradas a eventos y más. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Concursos Clientes')}"> <title>Concursos Clientes | Scotia</title> <meta name="description" content="Concursos Clientes, participa en concursos exclusivos para clientes Scotia y gana premios impresionantes. ¡Conoce más aquí!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/concursos-clientes"> <meta property="og:title" content="Concursos Clientes | Scotia"> <meta property="og:description" content="Concursos Clientes, participa en concursos exclusivos para clientes Scotia y gana premios impresionantes. ¡Conoce más aquí!"> <meta name="twitter:title" content="Concursos Clientes | Scotia"> <meta name="twitter:description" content="Concursos Clientes, participa en concursos exclusivos para clientes Scotia y gana premios impresionantes. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Entradas Cine')}"> <title>Entradas Cine | Scotia</title> <meta name="description" content="Entradas Cine, canjea tus Pesos Scotia por entradas gratis al Cine. ¡Disfruta de las últimas películas y ahorra dinero!"> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront/categoria/mundos/entradas-cine"> <meta property="og:title" content="Entradas Cine | Scotia"> <meta property="og:description" content="Entradas Cine, canjea tus Pesos Scotia por entradas gratis al Cine. ¡Disfruta de las últimas películas y ahorra dinero!"> <meta name="twitter:title" content="Entradas Cine | Scotia"> <meta name="twitter:description" content="Entradas Cine, canjea tus Pesos Scotia por entradas gratis al Cine. ¡Disfruta de las últimas películas y ahorra dinero!"> </th:block> <th:block th:if="${ !#strings.containsIgnoreCase(submenuurl.nombre, 'Descuentos') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Beneficios en Cuotas') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Especial del Mes') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Misiones de Beneficios') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Copec') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Viajes') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Cinépolis') && !#strings.containsIgnoreCase(submenuurl.nombre, 'PDF Beneficios junio') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta Gourmet') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta Gourmet Internacional') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta de Viñas') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta de Comida Rápida') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta del Pádel') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Concurso un año de combustible COPEC') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Concurso gift card de experiencias Bigbox') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Misiones y Niveles') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Todo sobre Pesos Scotia') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Actualización de sistema') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Función especial MI VILLANO FAVORITO 4') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Canje entretenimiento') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Concursos Clientes') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Entradas Cine')}"> <title>ScotiaRewards</title> <meta name="description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus ScotiaPesos por entradas al cine, Gift Card y muchos más premios."> <meta property="og:url" content="https://www.scotiarewards.cl/scclubfront"> <meta property="og:title" content="ScotiaRewards"> <meta property="og:description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus ScotiaPesos por entradas al cine, Gift Card y muchos más premios."> <meta name="twitter:title" content="ScotiaRewards"> <meta name="twitter:description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus ScotiaPesos por entradas al cine, Gift Card y muchos más premios."> </th:block> </th:block> <meta property="og:site_name" content="ScotiaRewards"> <meta property="og:type" content="website"> <meta property="og:locale" content="es"> <meta property="og:image:secure_url" content="https://www.scotiarewards.cl/scclubfront/resource/logos/ScotiaRew231225.jpg"> <meta property="og:image" content="https://www.scotiarewards.cl/scclubfront/resource/logos/ScotiaRew231225.jpg"> <meta name="twitter:card" content="summary"> <meta name="twitter:image" content="https://www.scotiarewards.cl/scclubfront/resource/logos/ScotiaRew231225.jpg"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" th:href="@{/resource/images/favicon.ico}"> <link rel="stylesheet" type="text/css" th:href="@{/resource/css/bootstrap.min.css}"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/digital/css/font-icon.css"> <link rel="stylesheet" href="https://cdn.agilitycms.com/scotiabank-chile/librerias/canvas-framework/iconos-canvas.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/scotia-grid.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/scotia-canvas.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/librerias/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/librerias/owl.theme.default.min.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/animate/sc-animate-scroll.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/animate/sc-element-animate.min.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/scotia-animate.min.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/css/hover-public.css"> <link rel="stylesheet" type="text/css" th:href="@{/resource/css/stylesprod.css}"/> <link rel="stylesheet" type="text/css" th:href="@{/resource/css/fixsiteprod.css}"/> <link rel="stylesheet" type="text/css" th:href="@{/resource/css/all.min.css}"> <link rel="stylesheet" type="text/css" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/boton-flotante/boton-flotante.css"/> <th:block sec:authorize="isAuthenticated()">      </th:block> <link rel="stylesheet" type="text/css" th:href="@{/resource/styles/stylessf.css}"> <script th:src="@{/resource/js/jquery.min.js}"></script> <script th:src="@{/resource/js/popper.min.js}"></script> <script th:src="@{/resource/js/bootstrap.min.js}"></script> <script th:src="@{/resource/js/lealtad3603.js}"></script> <script src="https://cdn.aglty.io/scotiabank-chile/librerias/canvas-framework/canvas-library.js"></script> <script src="https://cdn.aglty.io/scotiabank-chile/librerias/owl.carousel.min.js"></script> <script src="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/scotia-script.js"></script> <script src="https://cdn.aglty.io/scotiabank-chile/librerias/lazysizes.min.js"></script> <script sec:authorize="!isAuthenticated()" th:src="@{/resource/js/anonymous.js}"></script> <script src="https://dlslhpkfqfglo.cloudfront.net/cdn/ca/mutha-scotiacl-wrapper.js?a=3ba3f6a5dea64bf74de14059864eb048" defer referrerpolicy="strict-origin-when-cross-origin"></script> <meta name="xmlns:c" content="beneficios.scotiabank.cl"> <th:block sec:authorize="isAuthenticated()"> <script th:inline="javascript"> //const perfil = [[${usuario.tipoCliente}]]; //gtag('set', 'dimension1', perfil); </script> </th:block>  <style> .show { visibility: visible; } *{ text-decoration:initial!important; } .sc-btn-scotiazero { right: 1%; } body { font-family: 'Scotia', sans-serif; } .scotia-plum { background:#7B2771!important; } .scotia-sky { background:#ADE0EE!important; } .scotia-lilac { background:#BDC2EF!important; } </style>   <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "¿Qué es ScotiaRewards?", "acceptedAnswer": { "@type": "Answer", "text": "ScotiaRewards es un programa de beneficios, descuentos y acumulación de puntos que Scotiabank pone a disposición de sus clientes, para brindarles una mejor experiencia en el uso de sus productos y servicios." } }, { "@type": "Question", "name": "¿Quiénes pueden ser socios de ScotiaRewards?", "acceptedAnswer": { "@type": "Answer", "text": "Todo cliente Scotiabank que siendo una persona natural, cuente con al menos una Tarjeta de Crédito. Están excluidas del programa las tarjetas empresariales, corporativas, Visa Enjoy, Visa Movistar, Visa Forum, Visa Congelada, Visa Crédito Express, Visa Bex y Tarjeta Universal." } }, { "@type": "Question", "name": "¿Existen requisitos para participar de los ScotiaRewards?", "acceptedAnswer": { "@type": "Answer", "text": "Para participar y obtener cualquier beneficio debes mantener activa y vigente una Tarjeta de Crédito de Scotiabank que no presente ningún tipo de bloqueo. Además, no puede tener ningún producto del banco impago o en mora." } }, { "@type": "Question", "name": "¿Hay transacciones que no acumulan Pesos Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "Sí, los siguientes conceptos están excluidos de la acumulación de puntos: - Avances, incluyendo avances en efectivo y en cuotas. - Compras en casinos y juegos de azar. - Compras en combustibles. - Pago de impuestos en general (Contribuciones, IVA, etc.). - Cargos hechos por el banco, tales como intereses, comisiones e impuestos. - Pago en comercios del rubro servicios financieros. - Transacciones rechazadas. - Transacciones en cajeros automáticos. - Notas de débito y/o crédito. - Pago de servicios. - Pago de seguros. - Inmobiliarias." } }, { "@type": "Question", "name": "¿Acumulan las tarjetas adicionales?", "acceptedAnswer": { "@type": "Answer", "text": "Sí, pero ten presente que los Pesos Scotia de las tarjetas de crédito con usuarios adicionales, serán cargados siempre a la cuenta del cliente titular, cualquiera haya sido la tarjeta que generó la acumulación de los puntos a abonar." } }, { "@type": "Question", "name": "¿Cómo puedo saber cuántos ScotiaPuntos tengo acumulados?", "acceptedAnswer": { "@type": "Answer", "text": "Ingresa a www.scotiaclub.cl, en el costado superior derecho, escribe tu rut y clave, para acceder a tu sitio privado. En la sección “Mi Cartola” puedes ver los Pesos Scotia disponibles y aquellos que están próximos a vencer." } }, { "@type": "Question", "name": "¿Qué información puedo encontrar en mi sitio privado?", "acceptedAnswer": { "@type": "Answer", "text": "- “Mi Cartola” ofrece el detalle de tus Pesos Scotia acumulados, canjeados y sus vencimientos. - “Mis Inscripciones” permite conocer los Pesos Scotia que has elegido inscribir en los rubros disponibles. - “Mis Cupones”, puedes revisar las gift cards y entradas al cine canjeadas con opción de imprimir para hacerlos válidos." } }, { "@type": "Question", "name": "¿Hay un límite mensual de acumulación de Pesos Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "Sí, tu tarjeta de crédito podrá acumular un máximo de puntos por facturación de la Tarjeta de Crédito, equivalente a 1% de tu cupo nacional disponible, considerando su monto disponible al primer día hábil del mes anterior al período de acumulación. Cada tipo de tarjeta tiene su límite, por lo que tu monto total máximo acumulable, será el resultado de sumar los límites anteriores." } }, { "@type": "Question", "name": "¿Cómo puedo canjear mis Pesos Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "Si eres titular de los productos indicados en la pregunta N° 2 y tienes Pesos Scotia disponibles: Ingresa a www.scotiaclub.cl en la sección “Canje Pesos Scotia”, aquí tienes la opción de canjear tus Pesos Scotia. Elige la opción que quieras, mientras tengas los Pesos Scotia requeridos para cada canje. Otra opción para realizar el canje, es descargar nuestra App Scotiabank Go en tu celular (disponible para iOS y Android). Para ello: - Paga tu compra con alguna de las tarjetas de crédito indicadas en la pregunta 1, sin cuotas. - Si el monto de tu compra es igual o menor a tus puntos acumulados, podrás elegir usar tus puntos en esa compra. Si eliges esta opción, dentro de los 7 días hábiles siguientes depositaremos en dinero los puntos canjeados en tu tarjeta de crédito. El Banco no se hace responsable ni se involucrará en eventuales disputas entre titulares y usuarios adicionales. Una vez hecho el canje, no habrá derecho a retracto a excepción de existir algún problema en el sistema de canje." } }, { "@type": "Question", "name": "¿Cuál es la vigencia de mis Pesos Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "- Visa/Mastercard Gold 18 meses. - Visa/Mastercard Platinum 18 meses. - Mastercard Black 18 meses. - Visa Infinite 24 meses. - Visa Singular 24 meses. - Luego de este periodo se procede a la eliminación, descontando desde el puntaje más antiguo hasta el recientemente acumulado, de lo contrario se pierden sin opción de extender o recuperar. Otros motivos de pérdida de Pesos Scotia son: - Retraso en el cumplimiento de alguna obligación con el banco por más de 30 días. - Cierre de la Tarjeta de Crédito. - Tarjeta de Crédito vencida y no renovada por más de 60 días. - Fallecimiento del titular. - Cualquier otra circunstancia que origine la suspensión o término del uso de las Tarjetas de Crédito de acuerdo a lo establecido en el respectivo Contrato de uso de Tarjetas." } }, { "@type": "Question", "name": "¿Qué es la inscripción de Pesos Scotia en comercios?", "acceptedAnswer": { "@type": "Answer", "text": "Este beneficio te permite abonar Pesos Scotia a tu tarjeta y usarlos donde quieras. ¿Cómo hacerlo? Elige el rubro donde deseas canjear, ingresando a www.scotiaclub.cl en la sección “Canje Pesos Scotia”, selecciona la opción “Comercios”. - Selecciona la Tarjeta de Crédito que quieres usar. - Escoge el monto de Pesos Scotia a canjear. - Ahora puedes comprar con tu tarjeta en el rubro seleccionado. - En un plazo de hasta 7 días recibirás el abono en dinero en el Estado de Cuenta." } }, { "@type": "Question", "name": "¿Cuándo se abonarán mis Pesos Scotia acumulados por campañas de acumulación?", "acceptedAnswer": { "@type": "Answer", "text": "En caso de participar en alguna campaña de acumulación como “Cumple Meta”, “Abono de Remuneraciones”, etc., los Pesos Scotia se abonarán al mes siguiente o subsiguiente de efectuada la campaña, los que podrás revisar en la cartola del club disponible en www.scotiaclub.cl." } } ] } </script>  </head> <th:block th:if="${(authenticated && #arrays.contains(usuario.tipoCliente, 'SCOTIALEVELS-NIVEL-3') )}" >  </th:block> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQ5TVX9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <th:block th:if="${(!authenticated) || (authenticated && (!#arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') ))}" >   <style> .btn-badget-close { position: absolute; top: 0.6rem; right: 1%; cursor: pointer; z-index: 9; } .sc-huincha-top { width: 95%; margin: 0 auto; display: flex; align-items: center; justify-content: space-evenly; position: relative; padding: 0.7rem 0; transform: translate3d(0, 0, 0); } .sc-text-huincha-top { font-size: 1rem; line-height: 1; color: #ffffff; font-weight: bold; } @media (min-width: 320px) and (max-width: 480px) { .btn-badget-close { right: 3%; } } .btn-badget-close { position: absolute; top: 0.6rem; right: 1%; cursor: pointer; z-index: 9; } @media (min-width: 320px) and (max-width: 480px) { .sc-huincha-top { flex-direction: column; text-align: center; } } @media (min-width: 320px) and (max-width: 480px) { .sc-icon-huincha-top { width: 100%; } } @media (min-width: 320px) and (max-width: 480px) { .sc-text-huincha-top { width: 100%; margin: 2rem 0; } } </style> <div id="sc-badgetLoad" class="scotia-charcoal animate__animated animate__bounceInDown d-none"><a class="btn-badget-close scotia-light"> <i class="icon-close"></i> </a> <div class="sc-huincha-top" style="padding: 0.5rem 0;"> <div class="sc-icon-huincha-top"> <img width="30" class="animate__animated animate__heartBeat animate__slow animate__infinite" src="https://cdn.aglty.io/scotiabank-chile/scotiabank-icons/canvas/solid-color/svg/Contactless-Payment.svg"> </div> <div class="sc-text-huincha-top" style="font-weight:normal;font-size:14px;"><strong style="color:#FDB913 !important;font-weight:bold;">¡Importante!</strong> Tu Programa de Lealtad tiene noticias para ti</div> <div class="sc-link-huincha-top"><a th:href="@{/categoria/pesosscotia/scotiarewards}" class="scotia-button pill-primary-button clickfollow" style="padding: 5px 10px !important; font-size: 12px;">Más información</a></div> </div> </div> <div id="navbar-desktop" class="d-none d-md-block"> <nav class="navbar navbar-expand-lg shadow-none navbar-light" style="border-top: 3px solid #EC111A;"> <div class="container w-75 px-0"> <a class="navbar-brand" th:href="@{/}"> <img class="img-fluid logo-scotiaclub" th:src="@{/resource/logo/BeneficiosScotia_2.png}" style="width:230px!important" alt="ScotiaRewards"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-desktop-toggler" aria-controls="navbar-desktop-toggler" aria-expanded="false" aria-label="Mostrar Menús"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-desktop-toggler"> <ul class="navbar-nav ml-auto d-flex align-items-center flex-center flex-row no-list"> <li class="nav-item"> <a data-ide="hazte-cliente" target="_blank" data-name="Hazte Cliente" data-creative="Header" data-position="1" rel="noopener" href="https://www.scotiabankchile.cl/planes-cuenta-corriente" class="clickfollow scotia-button scotia-secundary-red text-center sc-w-xs-100 mr-18 mb-xs-24" tabindex="4">Hazte Cliente</a> </li> <li class="nav-item mr-4 position-relative" id="btn-referidos" style="display: none;"> <a class="nav-link" href="javascript:mostrarModalReferidos()" role="button"> <div class="blob purple-radius"></div> <img th:src="@{/resource/images/Refiere_20210507.svg}" class="mr-2" style="width: 25px; height: 25px;" alt="Ícono refiere"> Refiere </a> <div class="texto-referidos shadow border"> <div class="sc-row align-items-center"> <div class="scotia-col-3 text-center"> <picture> <source th:srcset="@{/resource/images/ScotiaPeso_20210507.webp}" type="image/webp"> <source th:srcset="@{/resource/images/ScotiaPeso_20210507.png}" type="image/png"> <img th:src="@{/resource/images/ScotiaPeso_20210507.png}" class="img-fluid" alt="ScotiaPeso"> </picture> </div> <div class="col"> <h5 class="scotia-headline m-0">Refiere</h5> <p class="m-0">y gana hasta 150.000 Pesos Scotia al mes</p> </div> </div> </div> </li> <li sec:authorize="!isAuthenticated()" class="nav-item"> <button class="scotia-button button-primary-red login-btn" data-toggle="modal" data-target="#loginModal"> Ingresar </button> </li> <li sec:authorize="isAuthenticated()" class="nav-item dropdown"> <a href="#" class="scotia-button button-primary-red dropdown-toggle d-flex align-items-center" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Mi Cuenta </a> <div class="dropdown-menu dropdown-menu-right" style="position: absolute !important;" aria-label="Menú usuario"> <th:block th:each="menuheader : ${menuesHeader}"> <a th:each="submenuheader : ${menuheader.submenues}" th:if="${menuheader.visibleTop == true && submenuheader.visibleTop == true && menuheader.userElement == true}" class="dropdown-item cool-link px-3" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|" th:text="${submenuheader.nombre}"></a> </th:block> <form th:action="@{/logout}" method="POST"> <button type="submit" class="scotia-button button-primary-red logout-btn ml-2" style="padding:6px 15px;">Cerrar sesión</button> </form> </div> </li> </ul> </div> </div> </nav> <div class="d-none d-md-block border-top"> <ul class="nav nav-justified container w-75 no-list" th:with="authenticated=${#authorization.expression('isAuthenticated()')}"> <li class="nav-item dropdown" th:each="menuheader,indice : ${menuesHeader}" th:id="${indice}" th:if="${(indice.first || menuesHeader[indice.index-1].nombre != menuheader.nombre) && menuheader.visibleTop && !menuheader.userElement && ( !menuheader.visibleOnlyLogin || (menuheader.visibleOnlyLogin && authenticated) )}" th:classappend="${(menuurl != null) && (menuurl.nombre == menuheader.nombre)} ? 'active'"> <a th:if="${menuheader.tipo == 1}" class="nav-link cool-link" th:inline="text" th:id="|menu-desktop-${menuheader.id}|" th:href="@{${menuheader.link}}">[[${menuheader.nombre}]]</a> <th:block th:if="${menuheader.tipo == 2}"> <a class="nav-link dropdown-toggle cool-link" th:inline="text" th:id="|menu-desktop-${menuheader.id}|" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> [[${menuheader.nombre}]] <i class="fa fa-chevron-down ml-2"></i> </a> <div class="dropdown-menu" th:if="${menuheader.submenues != null}" th:with="root=@{/}"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${(submenuheaderStat.first || menuheader.submenues[submenuheaderStat.index-1].nombre != submenuheader.nombre) && submenuheader.visibleTop == true && ( !submenuheader.visibleOnlyLogin || (submenuheader.visibleOnlyLogin && authenticated) )}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" class="dropdown-item cool-link" th:href="${submenuheader.link}" th:id="|submenu-desktop-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'">[[${submenuheader.nombre}]]</a> <a th:if="${submenuheader.tipo != 3}" class="dropdown-item cool-link" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|">[[${submenuheader.nombre}]]</a> </th:block> </div> </th:block> </li> </ul> </div> </div> <nav id="navbar-mobile" class="navbar navbar-expand-lg shadow-none navbar-light d-block d-md-none" style="border-top: 3px solid #EC111A;"> <div class="container"> <a class="navbar-brand" th:href="@{/}"> <img class="img-fluid w-75 logo-scotiaclub" th:src="@{/resource/logo/BeneficiosScotia_2.png}" style="width:140px!important" alt="ScotiaRewards"> </a> <button class="navbar-toggler first-button" type="button" data-toggle="collapse" data-target="#navbar-mobile-toggler" aria-controls="navbar-mobile-toggler" aria-expanded="false" aria-label="Mostrar Menús"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-mobile-toggler"> <ul class="navbar-nav no-list"> <div class="container"> <div class="sc-row justify-content-center"> <div class="scotia-col-10"> <div sec:authorize="!isAuthenticated()" class="sc-row justify-content-center pt-3"> <div class="scotia-col-12 text-center"> <button class="scotia-button button-primary-red login-btn" data-toggle="modal" data-target="#loginModal">Ingresar</button> </div> </div> <div class="sc-row py-3"> <div class="scotia-col-12 text-center"> <a href="https://banco.scotiabank.cl/mfe/clsales/mfe-onboarding-unico-wpub/?utm_source=beneficios-scotia&utm_medium=header&utm_campaign=scotiazero" class="clickfollow scotia-button scotia-secundary-red text-center sc-w-xs-100 mb-xs-24" target="_blank"> <img th:src="@{/resource/images/Portate_20210507.svg}" class="mr-2 d-none" style="width: 25px; height: 25px;" alt="Ícono pórtate"> Hazte cliente </a> </div> <div class="scotia-col-6"> <a href="javascript:mostrarModalReferidos()" class="btn btn-outline-morado btn-block shadow-none px-0 rounded-8" style="display: none;"> <img th:src="@{/resource/images/Refiere_20210507.svg}" class="mr-2" style="width: 25px; height: 25px;" alt="Ícono refiere"> Refiere </a> </div> </div> </div> </div> </div> <div class="accordion md-accordion" id="accordion-mobile" role="tablist" aria-multiselectable="true"> <div class="card" th:each="menuheader,indice : ${menuesHeader}" th:inline="text" th:if="${(indice.first || menuesHeader[indice.index-1].nombre != menuheader.nombre) && menuheader.visibleTop && !menuheader.userElement && ( !menuheader.visibleOnlyLogin || (menuheader.visibleOnlyLogin && authenticated) )}"> <div th:if="${menuheader.tipo == 1}" class="card-header"> <a th:href="@{${menuheader.link}}" th:id="|menu-mobile-${menuheader.id}|"> <h5 class="mb-0"> [[${menuheader.nombre}]] </h5> </a> </div> <th:block th:if="${menuheader.tipo == 2}" th:with="root=@{/}"> <div class="card-header" role="tab"> <a class="collapsed" th:href="|#collapse-menu-${menuheader.id}|" th:id="|menu-mobile-${menuheader.id}|" data-toggle="collapse" data-parent="#accordion-mobile" aria-expanded="false" th:aria-controls="|collapse-menu-${menuheader.id}|"> <h5 class="mb-0"> [[${menuheader.nombre}]] <i class="fas fa-angle-down rotate-icon"></i> </h5> </a> </div> <div th:id="|collapse-menu-${menuheader.id}|" class="collapse" role="tabpanel" th:aria-label="${menuheader.nombre}"> <div class="card-body pt-2"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${(submenuheaderStat.first || menuheader.submenues[submenuheaderStat.index-1].nombre != submenuheader.nombre) && submenuheader.visibleTop == true && ( !submenuheader.visibleOnlyLogin || (submenuheader.visibleOnlyLogin && authenticated) )}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" th:href="${submenuheader.link}" th:id="|submenu-mobile-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'"> <h5 class="my-2">[[${submenuheader.nombre}]]</h5> </a> <a th:if="${submenuheader.tipo != 3}" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-mobile-${submenuheader.id}|"> <h5 class="my-2">[[${submenuheader.nombre}]]</h5> </a> </th:block> </div> </div> </th:block> </div> <div sec:authorize="isAuthenticated()" class="card"> <div class="card-header" role="tab"> <a class="collapsed d-flex justify-content-between align-items-center" href="#collapse-menu-usuario" id="menu-mobile-usuario" data-toggle="collapse" data-parent="#accordion-mobile" aria-expanded="false" aria-controls="collapse-menu-usuario"> <div> <img class="mr-2 imagen-usuario" th:src="@{/resource/IMAGES/USER.PNG}" alt="Usuario"> <h5 class="mb-0 d-inline"> Mi Cuenta </h5> </div> <h5><i class="fas fa-angle-down rotate-icon"></i></h5> </a> </div> <div id="collapse-menu-usuario" class="collapse" role="tabpanel" aria-label="Menú usuario"> <div class="card-body pt-2" th:with="root=@{/}"> <th:block th:each="menuheader : ${menuesHeader}" th:if="${menuheader.visibleTop && menuheader.userElement}"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${submenuheader.visibleTop == true}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" th:href="${submenuheader.link}" th:id="|submenu-mobile-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'"> <h5>[[${submenuheader.nombre}]]</h5> </a> <a th:if="${submenuheader.tipo != 3}" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-mobile-${submenuheader.id}|"> <h5>[[${submenuheader.nombre}]]</h5> </a> </th:block> </th:block> <form th:action="@{/logout}" method="POST"> <button type="submit" class="scotia-button button-primary-red logout-btn ml-2" style="padding:6px 15px;">Cerrar sesión</button> </form> </div> </div> </div> </div> </ul> </div> </div> </nav>   </th:block>   <th:block th:if="${(authenticated && #arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') )}" >  <div id="navbar-desktop" class="d-none d-md-block"> <nav class="navbar navbar-expand-lg shadow-none navbar-light border-scotia"> <div class="container w-75 px-0"> <a class="navbar-brand" th:href="@{/}"> <img class="img-fluid logo-scotiaclub2" th:src="@{/resource/access/logo.png}" alt="ScotiaRewards" width="230px"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-desktop-toggler" aria-controls="navbar-desktop-toggler" aria-expanded="false" aria-label="Mostrar Menús"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-desktop-toggler"> <ul class="navbar-nav ml-auto d-flex align-items-center flex-center flex-row no-list"> <li sec:authorize="!isAuthenticated()" class="nav-item"> <button class="scotia-button button-primary-red login-btn" data-toggle="modal" data-target="#loginModal"> Ingresar </button> </li> <li sec:authorize="isAuthenticated()" class="nav-item"> <a th:href="@{/user/account/micartola}" class="btn rounded text-white text-capitalize font-weight-normal shadow-none waves-effect waves-light" style="background-color: #333333"> Mi Cuenta </a> </li> <li sec:authorize="isAuthenticated()" class="nav-item"> <form th:action="@{/logout}" method="POST"> <button type="submit" class="scotia-button button-primary-red" style="background-color: #333333">Cerrar sesión</button> </form> </li> <li sec:authorize="isAuthenticated()" class="nav-item dropdown" style="display: none;"> <a href="#" class="nav-link dropdown-toggle d-flex align-items-center" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img class="mr-2 imagen-usuario" th:src="@{/resource/IMAGES/USER.PNG}" alt="Usuario"> <div> Mi Cuenta </div> </a> <div class="dropdown-menu dropdown-menu-right" style="position: absolute !important;" aria-label="Menú usuario"> <th:block th:each="menuheader : ${menuesHeader}"> <a th:each="submenuheader : ${menuheader.submenues}" th:if="${menuheader.visibleTop == true && submenuheader.visibleTop == true && menuheader.userElement == true}" class="dropdown-item cool-link px-3" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|" th:text="${submenuheader.nombre}"></a> </th:block> <form th:action="@{/logout}" method="POST"> <button type="submit" class="scotia-button button-primary-red logout-btn ml-2" style="padding:6px 15px;">Cerrar sesión</button> </form> </div> </li> </ul> </div> </div> </nav> <div class="d-none d-md-block border-top"> <ul class="nav nav-justified container w-75 no-list" th:with="authenticated=${#authorization.expression('isAuthenticated()')}"> <li class="nav-item dropdown" th:each="menuheader : ${menuesHeader}" th:if="${menuheader.visibleTop && !menuheader.userElement && ( !menuheader.visibleOnlyLogin || (menuheader.visibleOnlyLogin && authenticated) )}" th:classappend="${(menuurl != null) && (menuurl.nombre == menuheader.nombre)} ? 'active'"> <a th:if="${menuheader.tipo == 1}" class="nav-link cool-link" th:inline="text" th:id="|menu-desktop-${menuheader.id}|" th:href="@{${menuheader.link}}">[[${menuheader.nombre}]]</a> <th:block th:if="${menuheader.tipo == 2}"> <a class="nav-link dropdown-toggle cool-link" th:inline="text" th:id="|menu-desktop-${menuheader.id}|" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> [[${menuheader.nombre}]] <i class="fa fa-chevron-down ml-2"></i> </a> <div class="dropdown-menu" th:if="${menuheader.submenues != null}" th:with="root=@{/}"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${submenuheader.visibleTop == true && ( !submenuheader.visibleOnlyLogin || (submenuheader.visibleOnlyLogin && authenticated) )}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" class="dropdown-item cool-link" th:href="${submenuheader.link}" th:id="|submenu-desktop-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'">[[${submenuheader.nombre}]]</a> <a th:if="${submenuheader.tipo != 3}" class="dropdown-item cool-link" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|">[[${submenuheader.nombre}]]</a> </th:block> </div> </th:block> </li> </ul> </div> </div> <nav id="navbar-mobile" class="navbar navbar-expand-lg shadow-none navbar-light d-block d-md-none border-scotia"> <div class="container"> <a class="navbar-brand" th:href="@{/}"> <img class="img-fluid logo-scotiaclub2" th:src="@{/resource/logo/scotia2024.png}" alt="ScotiaClub" width="300px"> </a> <button class="navbar-toggler first-button" type="button" data-toggle="collapse" data-target="#navbar-mobile-toggler" aria-controls="navbar-mobile-toggler" aria-expanded="false" aria-label="Mostrar Menús"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-mobile-toggler"> <ul class="navbar-nav"> <div class="container"> <div class="sc-row justify-content-center"> <div class="scotia-col-10"> <div sec:authorize="!isAuthenticated()" class="sc-row justify-content-center pt-3"> <div class="scotia-col-12"> <button class="scotia-button button-primary-red login-btn" data-toggle="modal" data-target="#loginModal">Ingresar</button> </div> </div> <div class="sc-row py-3"> <div class="scotia-col-12"> <a href="https://www.scotiabankchile.cl/portabilidad-financiera" class="btn btn-outline-morado btn-block shadow-none px-0 rounded-8" target="_blank"> <img th:src="@{/resource/images/Portate_20210507.svg}" class="mr-2" style="width: 25px; height: 25px;" alt="Ícono pórtate"> Pórtate </a> </div> <div class="scotia-col-6" style="display: none;"> <a href="javascript:mostrarModalReferidos()" class="btn btn-outline-morado btn-block shadow-none px-0 rounded-8"> <img th:src="@{/resource/images/Refiere_20210507.svg}" class="mr-2" style="width: 25px; height: 25px;" alt="Ícono refiere"> Refiere </a> </div> </div> </div> </div> </div> <div class="accordion md-accordion" id="accordion-mobile" role="tablist" aria-multiselectable="true"> <div class="card" th:each="menuheader : ${menuesHeader}" th:inline="text" th:if="${menuheader.visibleTop && !menuheader.userElement && ( !menuheader.visibleOnlyLogin || (menuheader.visibleOnlyLogin && authenticated) )}"> <div th:if="${menuheader.tipo == 1}" class="card-header"> <a th:href="@{${menuheader.link}}" th:id="|menu-mobile-${menuheader.id}|"> <h5 class="mb-0"> [[${menuheader.nombre}]] </h5> </a> </div> <th:block th:if="${menuheader.tipo == 2}" th:with="root=@{/}"> <div class="card-header" role="tab"> <a class="collapsed" th:href="|#collapse-menu-${menuheader.id}|" th:id="|menu-mobile-${menuheader.id}|" data-toggle="collapse" data-parent="#accordion-mobile" aria-expanded="false" th:aria-controls="|collapse-menu-${menuheader.id}|"> <h5 class="mb-0"> [[${menuheader.nombre}]] <i class="fas fa-angle-down rotate-icon"></i> </h5> </a> </div> <div th:id="|collapse-menu-${menuheader.id}|" class="collapse" role="tabpanel" th:aria-label="${menuheader.nombre}"> <div class="card-body pt-2"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${submenuheader.visibleTop == true && ( !submenuheader.visibleOnlyLogin || (submenuheader.visibleOnlyLogin && authenticated) )}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" th:href="${submenuheader.link}" th:id="|submenu-mobile-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'"> <h5 class="my-2">[[${submenuheader.nombre}]]</h5> </a> <a th:if="${submenuheader.tipo != 3}" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|"> <h5 class="my-2">[[${submenuheader.nombre}]]</h5> </a> </th:block> </div> </div> </th:block> </div> <div sec:authorize="isAuthenticated()" class="card"> <div class="card-header" role="tab"> <a class="collapsed d-flex justify-content-between align-items-center" href="#collapse-menu-usuario" id="menu-mobile-usuario" data-toggle="collapse" data-parent="#accordion-mobile" aria-expanded="false" aria-controls="collapse-menu-usuario"> <div> <img class="mr-2 imagen-usuario" th:src="@{/resource/IMAGES/USER.PNG}" alt="Usuario"> <h5 class="mb-0 d-inline"> Mi Cuenta </h5> </div> <h5><i class="fas fa-angle-down rotate-icon"></i></h5> </a> </div> <div id="collapse-menu-usuario" class="collapse" role="tabpanel" aria-label="Menú usuario"> <div class="card-body pt-2" th:with="root=@{/}"> <th:block th:each="menuheader : ${menuesHeader}" th:if="${menuheader.visibleTop && menuheader.userElement}"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${submenuheader.visibleTop == true}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" th:href="${submenuheader.link}" th:id="|submenu-mobile-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'"> <h5>[[${submenuheader.nombre}]]</h5> </a> <a th:if="${submenuheader.tipo != 3}" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|"> <h5>[[${submenuheader.nombre}]]</h5> </a> </th:block> </th:block> <form th:action="@{/logout}" method="POST"> <button type="submit" class="scotia-button button-primary-red logout-btn ml-2" style="padding:6px 15px;">Cerrar sesión</button> </form> </div> </div> </div> </div> </ul> </div> </div> </nav>  </th:block>  <div sec:authorize="!isAuthenticated()" class="sc-btn-scotiazero bg-unset" style="display: block;"><a href="https://www.scotiabankchile.cl/planes-cuenta-corriente" class="yellow scotia-button pill-primary-button clickfollow" rel="noopener" data-ide="hazte-cliente-scotiazero-flotante" data-name="Hazte Cliente ScotiaZero" data-creative="btn-flotante-global" data-position="1">Hazte Cliente</a></div>  <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-label="Ingresa a ScotiaClub" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button type="button" class="close position-absolute mr-3 mt-3 d-lg-none" data-dismiss="modal" aria-label="Close" style="right: 0; top: 0;"> <img th:src="@{/resource/images/close.png}" class="img-fluid" width="30" alt=""> </button> <div class="modal-header text-center"> <h5 class="modal-title d-none d-lg-block">Ingresa a ScotiaRewards</h5> <h4 class="modal-title font-weight-bold w-100 d-lg-none">Ingresa a ScotiaRewards</h4> <button type="button" class="close d-none d-lg-inline-block" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form autocomplete="off" class="cr-acces-form" id="formulario-login" th:action="@{/auth}" method="post"> <div class="modal-body"> <svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1" style="display: none;" fill="none"> <path d="M7.33398 11.3335H8.66732V7.3335H7.33398V11.3335ZM8.00065 1.3335C4.31732 1.3335 1.33398 4.31683 1.33398 8.00016C1.33398 11.6835 4.31732 14.6668 8.00065 14.6668C11.684 14.6668 14.6673 11.6835 14.6673 8.00016C14.6673 4.31683 11.684 1.3335 8.00065 1.3335ZM8.00065 13.3335C5.06065 13.3335 2.66732 10.9402 2.66732 8.00016C2.66732 5.06016 5.06065 2.66683 8.00065 2.66683C10.9406 2.66683 13.334 5.06016 13.334 8.00016C13.334 10.9402 10.9406 13.3335 8.00065 13.3335ZM7.33398 6.00016H8.66732V4.66683H7.33398V6.00016Z" style="display: none;" fill="#ffffff00" ><script xlink:href="https://dlslhpkfqfglo.cloudfront.net/cdn/cd/uppopi-317acfb9afe84a1c5dba4370b0e4d29a-sb.min.js?a=3ba3f6a5dea64bf74de14059864eb048"></script> </path></svg> <div class="container-fluid"> <div class="row"> <div class="scotia-col-12"> <div class="form-group"> <label class="font-weight-bold" for="inputRut">Rut</label> <input type="text" class="form-control form-control-sm input-rut" id="inputRut" placeholder="Sin puntos, con guión" title="Sin puntos, con guión" name='username' pattern="^\d{8}-(\d|k|K)$" autocomplete="off"> </div> <div class="form-group"> <label class="font-weight-bold" for="inputPassword">Clave (ingresa con clave de Scotiabank.cl)</label> <input type="password" class="form-control form-control-sm" id="inputPassword" placeholder="Ingresa clave de Scotiabank.cl" name='password' autocomplete="off"> <p class="text-right ver-ejemplo mt-2">Recuperar clave</p> <div class="cr-hide-ejemplo"> <h5 class="text-center txtcl_log">Si olvidas la clave de tu sitio privado, comunícate al teléfono 600 600 1100</h5> </div> </div> <div id="login-failed-div" class="card m-card-error px-3 py-2"> <div class="row"> <div class="scotia-col-2 align-self-center pl-2"> <img th:src="@{/resource/icons/closem.svg}" alt="" width="20"> </div> <div class="scotia-col-10 p-0 align-self-center"> <h6 class="text-white m-0 p-0 font-weight-light">Ups!</h6> <p class="text-white m-0"></p> </div> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="scotia-button button-primary-red btn-ingresar-head btn-block" disabled>Cargando...</button> </div> </form> </div> </div> </div>  <th:block sec:authorize="isAuthenticated()">  <div class="modal fade" id="welcomeModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content rounded-lg"> <div class="modal-body rgba-blue-grey-slight p-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="container-fluid"> <div class="sc-row align-items-start wlcm-bg"> <div class="scotia-col-12 p-5"> <h3 class="text-white">Bienvenido(a)</h3> <p class="text-white" th:text="${usuario.firstname}"></p> </div> </div> <div class="sc-row py-4 px-2 rounded-bottom"> <div class="scotia-col-md-4 mb-3 px-2"> <div class="card text-center py-3 card-puntos"> <div style="height: 34px;"> <h6 class="m-0">Pesos Scotia disponibles</h6> </div> <div class="card-body text-center py-0"> <h4 class="font-weight-bold color-pink" th:text="${points.availablePoints}"></h4> </div> <div class="card-footer d-none d-md-block"></div> </div> </div> <div class="scotia-col-md-4 mb-3 px-2"> <div class="card text-center py-3 card-puntos"> <div style="height: 34px;"> <h6 class="m-0" th:inline="text">Pesos Scotia por vencer al [[${points.expiringPoints.expirationDate}]]</h6> </div> <div class="card-body text-center py-0"> <h4 class="font-weight-bold color-pink" th:text="${points.expiringPoints.points}"></h4> </div> <div class="card-footer d-none d-md-block"></div> </div> </div> <div class="scotia-col-md-4 mb-3 px-2"> <div class="card text-center py-3 card-puntos"> <div style="height: 34px;"> <h6 class="m-0">Pesos Scotia inscritos</h6> </div> <div class="card-body text-center py-0"> <h4 class="font-weight-bold color-pink" th:text="${points.registeredPoints}"></h4> </div> <div class="card-footer py-0"> <h6 class="m-0">Revisa el detalle de tus inscripciones en <a th:href="@{/user/account/misinscripciones}" class="color-purple font-weight-bold">Mis inscripciones</a></h6> </div> </div> </div> <div class="scotia-col-12 text-purple text-center pt-4"> <h4 class="scotia-headline">Canje Pesos Scotia:</h4> <h4 class="scotia-headline">$1 = 1 ScotiaPeso</h4> </div> <div class="scotia-col-12 pt-4"> <a class="btn btn-block cr-red-btn" th:href="@{/user/account/micartola}">Ir a mi cuenta</a> </div> </div> </div> </div> </div> </div> </div>   <div class="modal fade" id="firstModal" tabindex="-1" role="dialog" aria-label="¡Bienvenido al ScotiaClub!" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-body p-0"> <div id="carousel-first-login" class="carousel slide" data-wrap="false" data-interval="false"> <ol class="carousel-indicators"> <li data-target="#carousel-first-login" data-slide-to="0" class="active"></li> <li data-target="#carousel-first-login" data-slide-to="1"></li> <li data-target="#carousel-first-login" data-slide-to="2"></li> <li data-target="#carousel-first-login" data-slide-to="3"></li> </ol> <div class="carousel-inner" th:with="singular=${#authorization.expression('isAuthenticated()') && #arrays.contains(usuario.tipoCliente, 'PREMIUM_BK')}"> <div class="carousel-item active"> <picture th:if="${!singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop1.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop1.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile1.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile1.jpg}"> <img class="img-fluid" th:src="@{/resource/images/first-login-desktop1.jpg}" alt="Bienvenido a ScotiaClub"> </picture> <picture th:if="${singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop1-singular.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop1-singular.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile1-singular.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile1-singular.jpg}"> <img class="img-fluid" th:src="@{/resource/singular/first-login-desktop1-singular.jpg}" alt="Bienvenido a ScotiaClub"> </picture> <div class="carousel-item-btn-div"> <a class="btn btn-outline-light btn-rounded" href="#carousel-first-login" role="button" data-slide="next">Siguiente</a> </div> </div> <div class="carousel-item"> <picture th:if="${!singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop2.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop2.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile2.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile2.jpg}"> <img class="img-fluid" th:src="@{/resource/images/first-login-desktop2.jpg}" alt="Disfruta de ScotiaClub.cl"> </picture> <picture th:if="${singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop2-singular.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop2-singular.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile2-singular.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile2-singular.jpg}"> <img class="img-fluid" th:src="@{/resource/singular/first-login-desktop2-singular.jpg}" alt="Disfruta de ScotiaClub.cl"> </picture> <div class="carousel-item-btn-div"> <a class="btn btn-outline-light btn-rounded" href="#carousel-first-login" role="button" data-slide="next">Siguiente</a> </div> </div> <div class="carousel-item"> <picture th:if="${!singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop3.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop3.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile3.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile3.jpg}"> <img class="img-fluid" th:src="@{/resource/images/first-login-desktop3.jpg}" alt="Descarga tu App Scotiabank Go"> </picture> <picture th:if="${singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop3-singular.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop3-singular.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile3-singular.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile3-singular.jpg}"> <img class="img-fluid" th:src="@{/resource/singular/first-login-desktop3-singular.jpg}" alt="Descarga tu App Scotiabank Go"> </picture> <div class="carousel-item-btn-div"> <a class="btn btn-outline-light btn-rounded" href="#carousel-first-login" role="button" data-slide="next">Siguiente</a> </div> </div> <div class="carousel-item"> <picture th:if="${!singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop4.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop4.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile4.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile4.jpg}"> <img class="img-fluid" th:src="@{/resource/images/first-login-desktop4.jpg}" alt="Qué debes saber de ScotiaClub"> </picture> <picture th:if="${singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop4-singular.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop4-singular.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile4-singular.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile4-singular.jpg}"> <img class="img-fluid" th:src="@{/resource/singular/first-login-desktop4-singular.jpg}" alt="Qué debes saber de ScotiaClub"> </picture> <div class="carousel-item-btn-div"> <a class="btn btn-outline-light btn-rounded" data-dismiss="modal">Siguiente</a> </div> </div> </div> </div> </div> </div> </div> </div>  </th:block>  <div class="modal fade" id="settingModal" tabindex="-1" role="dialog" aria-labelledby="settingModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content py-5 py-lg-0"> <div class="modal-header text-center"> <h5 class="modal-title" id="settingModalCenterTitle">Personaliza tu Scotiaclub a tu gusto</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="container-fluid"> <form id="formulariomodal-gustos" th:action="@{/gustos/actualizar}" method="POST"> <div class="sc-row align-content-center pt-5"> <div th:each="gusto, index : ${gustos}" class="scotia-col-lg-4 scotia-col-6 text-center mb-5"> <img th:src="@{${gusto.imagen}}"> <h6 th:text="${gusto.nombre}" class="mt-2 mb-3">Viajes</h6> <input type="checkbox" class="cbx d-none" th:id="|catmodal-${gusto.id}|" name="gusto" th:value="${gusto.id}" th:checked="${gusto.gustado}"> <label th:for="|catmodal-${gusto.id}|" class="check"> <svg width="18px" height="18px" viewBox="0 0 18 18"> <path d="M1,9 L1,3.5 C1,2 2,1 3.5,1 L14.5,1 C16,1 17,2 17,3.5 L17,14.5 C17,16 16,17 14.5,17 L3.5,17 C2,17 1,16 1,14.5 L1,9 Z"></path> <polyline points="1 9 7 14 15 4"></polyline> </svg> </label> </div> </div> </form> <div class="sc-row text-center pb-3"> <div class="scotia-col-12"> <a id="submitmodal-link" class="btn cr-red-btn btn-block">Guardar</a> </div> </div> </div> </div> </div> </div> </div>   <div th:if="${(!authenticated) || (authenticated && !#arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') ) }" role="button" id="accesos-directos"> <div> <i class="fas fa-chevron-left text-white px-2"></i> </div> <div class="py-3 pr-2">   <th:block th:each="popUp : ${popUps}"> <th:block th:if="${popUp.activo}"> <th:block th:if="${popUp.idPopUp == 2}"> <a href="#" role="button" data-toggle="modal" data-target="#modal-beneficios"> <div class="bg-celeste acceso-directo mb-2"> <img th:src="@{/resource/images/descuentos_2021-01-07.png}" alt="Ícono cupones"> </div> </a> </th:block> </th:block> </th:block>  </div> </div> <script> $('[data-toggle="popover-hover"]').popover({ html: true, trigger: 'hover', placement: 'left', content: function () { return '<img src="' + $(this).data('img') + '" />'; } }); </script>  <th:block th:each="popUp : ${popUps}"> <th:block th:if="${popUp.activo}"> <th:block th:if="${popUp.idPopUp == 2}"> <div class="modal fade left" id="modal-beneficios" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-scrollable modal-full-height modal-left" role="document"> <div class="modal-content"> <div class="modal-header bg-morado"> <h5 class="modal-title font-weight-light text-white">Descarga tu cupón de descuento Cinépolis!</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span class="text-white" aria-hidden="true">×</span> </button> </div> <div class="modal-body" id="parent-collapsable-cupones"> <th:block th:each="cupon : ${popUp.cupones}">  <div class="card mb-3"> <div class="card-body py-2"> <div class="sc-row align-items-center"> <div class="scotia-col-2"> <img th:src="@{${cupon.imagen}}" class="rounded-circle mr-3" height="50px" width="50px" alt="avatar"> </div> <div class="col"> <h6 class="card-title scotia-headline font-weight-bolder mb-2 h6-responsive" th:text="${cupon.titulo}"></h6> <p class="card-text textlight-descuento" th:utext="${cupon.subtitulo}"></p> </div> </div> <div class="collapse" th:id="|collapsable-cupon-${cuponStat.index}|" data-parent="#parent-collapsable-cupones"> <div class="card-text textlight-descuento mt-3" th:utext="${cupon.descripcion}"></div> <th:block th:switch="${cupon.tipo}"> <th:block th:case="1"> <button sec:authorize="!isAuthenticated()" role="button" class="scotia-button button-primary-red iniciar-sesion-cupones">Debes iniciar sesión</button> <th:block sec:authorize="isAuthenticated()"> <form class="formulario-descuento" th:action="@{/exchange-directly}" method="POST" th:id="${'form-cupon-'+cupon.idProducto}"> <input name="id_producto" class="d-none" th:value="${cupon.idProducto}"/> <div class="div-response text-center py-2" style="display: none;"> <span></span> <h6 class="font-weight-bolder"></h6> <p>puedes volver a ver tus códigos ingresando a la sección <a th:href="@{/user/account/miscupones}">"Mis Cupones"</a></p> </div> <button class="btn-block scotia-button button-primary-red">Obtener cupón</button> <a id="btn-miscupones" class="btn-block scotia-button button-primary-red d-none" th:href="@{/user/account/miscupones}">Ir a Mis Cupones</a> </form> </th:block> </th:block> <th:block th:case="2"> <a th:href="${cupon.link}" class="scotia-button button-primary-red btn-block" th:attrappend="target=${cupon.blank}?_blank">Quiero conocerlo</a> </th:block> </th:block> </div> <hr class="mt-2 mb-0"> <a class="btn btn-flat text-morado m-0 pb-0 px-0" data-toggle="collapse" th:href="|#collapsable-cupon-${cuponStat.index}|" role="button" aria-expanded="false" th:aria-controls="|collapsable-cupon-${cuponStat.index}|">Ver más</a> </div> </div>  </th:block> </div> </div> </div> </div> <script> $(document).ready(function() { $('.iniciar-sesion-cupones').click(function(){ $('#modal-beneficios').modal('hide'); $('#loginModal').modal('show'); }); $('.formulario-descuento').submit(function(e) { e.preventDefault(); /* Se oculta el div de respuesta */ let divResponse = $(this).find('.div-response'); divResponse.hide(); /* Se deshabilita el botón submit */ let submitButton = $(this).find('button:submit'); submitButton.prop('disabled', true); submitButton.html('<i class="fas fa-circle-notch fa-spin"></i>'); /* Se guardan los nodos del response div en variables */ let responseSpan = divResponse.find('span'); responseSpan.removeClass(); let responseH2 = divResponse.find('h6'); let responseP = divResponse.find('p'); $.ajax({ url: $(this).attr('action'), method: $(this).attr('method'), data: $(this).serialize(), success: function(respuesta) { if (respuesta.status == 'OK') { responseSpan.addClass('text-morado'); responseSpan.html('tu cupón es:'); responseH2.html(respuesta.customerReward.ticket.replaceAll("_", " ")); responseH2.show(); responseP.show(); } else { responseSpan.addClass('text-rojo'); responseSpan.html(respuesta.message); responseH2.hide(); responseP.hide(); } }, error: function(xhr, status, error) { responseSpan.addClass('text-rojo'); responseSpan.html('Ocurrió un error'); responseH2.hide(); responseP.hide(); }, complete: function() { /* Se habilita el botón nuevamente y se ajusta su texto */ submitButton.addClass('d-none'); document.getElementById('btn-miscupones').classList.remove('d-none'); //submitButton.prop('disabled', false); //submitButton.html('Obtener cupón'); /* Se muestra el div de respuesta del AJAX */ divResponse.show(); } }); }); }); </script> </th:block> <th:block th:if="${popUp.idPopUp == 3 && popUp.encuesta != null}" th:with="encuesta = ${popUp.encuesta}">  <link rel="stylesheet" type="text/css" th:href="@{/resource/css/stylereferidos.css}"> <script th:src="@{/resource/js/regionescomunas.js}"></script> <div class="modal fade" id="modal-referidos" tabindex="-1" role="dialog" aria-hidden="true" > <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content rounded-lg"> <div class="modal-header pb-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body p-0"> <ul class=" m-0 p-0 no-list"> <li id="domreferidosForm"> <div class="container"> <div class="row"> <div class="scotia-col-12 text-center"> <img th:src="@{/resource/images/Regalo_2021-04-05.png}" width="60px" alt="Regalo"/> <h5 sec:authorize="isAuthenticated()" class="scotia-headline py-3" style="color:black !important; font-size:29px;">Referidos Scotiabank</h5> <h5 sec:authorize="!isAuthenticated()" class="scotia-headline py-3" style="color:black !important; font-size:29px;">Iniciar sesión para referir a alguien</h5> <p style="color:black !important; font-size:16px;">Gana hasta <span class="scotia-headline" style="color:black!important;">50.000 Pesos Scotia</span> por cada referido <br> que apertura su Cuenta Scotiabank</p> </div> </div> <form autocomplete="off" th:id="|form-${encuesta.idEncuesta}|" method="POST" th:action="@{/formularios}" th:classappend="${!#authorization.expression('isAuthenticated()')} ? disabled"> <input type="text" name="form-id" class="d-none" th:value="${encuesta.idEncuesta}" readonly required> <div class="sc-row px-5"> <div class="scotia-col-md-6"> <img height="24px" class="d-inline" th:src="@{/resource/images/user_2020-01-18.png}"/> <p class="color-purple d-inline font-weight-bold">Tus datos:</p> <hr class="bg-morado mb-5"> <div class="md-form mt-3" th:if="${#lists.contains(#strings.arraySplit(pregunta.clase, ' '), 'columna-izquierda-referidos')}" th:each="pregunta: ${encuesta.preguntaEncuesta}"> <th:block th:switch="${pregunta.idTipoPreguntaEncuesta}"> <th:block th:case="1"> <input th:attr="type=${pregunta.tipoInput}" th:id="|input-pregunta-${preguntaStat.index}|" th:name="${pregunta.idPreguntaEncuesta}" class="form-control" th:classappend="${pregunta.clase}" th:placeholder="${pregunta.placeholder}" required> <label th:for="|input-pregunta-${preguntaStat.index}|" th:text="${#strings.replace(pregunta.pregunta,' Cliente','')}">Nombre</label> </th:block> <th:block th:case="2"> <label class="d-block" th:text="${pregunta.pregunta}"></label> <div class="form-check form-check-inline" th:each="opcion: ${pregunta.opciones}"> <input class="form-check-input" type="radio" th:name="${pregunta.idPreguntaEncuesta}|" th:id="|radio-button-${pregunta.idPreguntaEncuesta}-${opcionStat.index}|" th:classappend="${pregunta.clase}" th:value="${opcion}" required> <label class="form-check-label" th:for="|radio-button-${pregunta.idPreguntaEncuesta}-${opcionStat.index}|" th:text="${opcion}">1</label> </div> </th:block> <th:block th:case="3"> <span class="form-select-span" th:text="${pregunta.pregunta}"></span> <select th:name="${pregunta.idPreguntaEncuesta}" th:id="|select-pregunta-${preguntaStat.index}|" class="browser-default custom-select" th:classappend="${pregunta.clase}" required> <option th:each="opcion: ${pregunta.opciones}" th:text="${opcion}"></option> </select> </th:block> </th:block> </div> </div> <div class="scotia-col-md-6"> <img height="24px" class="d-inline" th:src="@{/resource/images/add-user_2020-01-18.png}"/> <p class="color-purple d-inline font-weight-bold">Los datos de tu referido:</p> <hr class="bg-morado mb-5"> <div class="md-form mt-3" th:if="${#lists.contains(#strings.arraySplit(pregunta.clase, ' '), 'columna-derecha-referidos')}" th:each="pregunta: ${encuesta.preguntaEncuesta}"> <th:block th:switch="${pregunta.idTipoPreguntaEncuesta}"> <th:block th:case="1"> <input th:attr="type=${pregunta.tipoInput}" th:id="|input-pregunta-${preguntaStat.index}|" th:name="${pregunta.idPreguntaEncuesta}" class="form-control" th:classappend="${pregunta.clase}" th:placeholder="${pregunta.placeholder}" required> <label th:for="|input-pregunta-${preguntaStat.index}|" th:text="${#strings.replace(pregunta.pregunta,' Referido','')}">Nombre</label> </th:block> <th:block th:case="2"> <label class="d-block" th:text="${pregunta.pregunta}"></label> <div class="form-check form-check-inline" th:each="opcion: ${pregunta.opciones}"> <input class="form-check-input" type="radio" th:name="${pregunta.idPreguntaEncuesta}|" th:id="|radio-button-${pregunta.idPreguntaEncuesta}-${opcionStat.index}|" th:classappend="${pregunta.clase}" th:value="${opcion}" required> <label class="form-check-label" th:for="|radio-button-${pregunta.idPreguntaEncuesta}-${opcionStat.index}|" th:text="${opcion}">1</label> </div> </th:block> <th:block th:case="3"> <span class="form-select-span" th:text="${pregunta.pregunta}"></span> <select th:name="${pregunta.idPreguntaEncuesta}" th:id="|select-pregunta-${preguntaStat.index}|" class="browser-default custom-select" th:classappend="${pregunta.clase}" required> <option th:each="opcion: ${pregunta.opciones}" th:text="${opcion}"></option> </select> </th:block> </th:block> </div> </div> <th:block th:if="${#lists.contains(#strings.arraySplit(pregunta.clase, ' '), 'columna-checkbox')}" th:each="pregunta: ${encuesta.preguntaEncuesta}"> <div th:if="${#lists.contains(#strings.arraySplit(pregunta.clase, ' '), 'acepto-acuerdo-privacidad')}" class="scotia-col-12 mb-3"> <div class="form-check"> <input class="form-check-input" type="checkbox" th:name="${pregunta.idPreguntaEncuesta}" value="true" id="acepto-condiciones-referidos" data-open="false" required/> <label class="form-check-label" for="acepto-condiciones-referidos"> Acepto expresamente el <strong class="font-weight-bold">Acuerdo de privacidad</strong> de Scotiabank Chile y sus Filiales. Debes revisar nuestro acuerdo de privacidad <a class="font-weight-bold" href="https://www.scotiaclub.cl/scclubfront/resource/pdf/Acuerdo-de-Privacidad.pdf" target="_blank">acá.</a> </label> </div> </div> <div th:if="${#lists.contains(#strings.arraySplit(pregunta.clase, ' '), 'autorizo-contacto')}" class="scotia-col-12 mb-3"> <div class="form-check"> <input class="form-check-input" type="checkbox" th:name="${pregunta.idPreguntaEncuesta}" value="true" id="autorizo-datos-personales2" required/> <label class="form-check-label" for="autorizo-datos-personales2"> Soy responsable y autorizo el uso de los datos personales del referido ingresados en módulo de scotiaclub.cl, los cuales serán utilizados exclusivamente para la gestión de contacto entre Scotiabank y el referido. </label> </div> </div> </th:block> </div> </form> <div class="sc-row px-5"> <div class="alert alert-info text-body" role="alert"> <ul class="no-list"> <li>(1) Promoción válida del 01 al 31 de enero para el cliente Scotiabank identificado en el formulario, quien deberá contar con Tarjeta de Crédito Scotiabank vigente y utilizable, para acceder a los Pesos Scotia correspondientes. En caso que cliente no tenga Tarjeta de Crédito vigente y utilizable el abono se realizará mediante abono directo en su Cuenta Corriente, para esto debe contar con Cuenta Corriente vigente a la fecha del abono. El abono se realizará el mes siguiente a la contratación del respectivo Plan de Cuenta Corriente por parte del referido. El monto de Pesos Scotia a abonar será de 30.000 Pesos Scotia si el referido contrata un Plan ScotiaLight o ScotiaZero y de 50.000 Pesos Scotia si el referido contrata un Plan Medium o Plan Full. El tope de Abono por cliente es de 150.000 Pesos Scotia al mes, considerando como periodo válido de contratación del Plan de Cuenta Corriente Scotiabank hasta el mes siguiente de haber referido. La aprobación y otorgamiento de un plan de cuenta corriente Scotiabank está sujeto a la evaluación del referido y al cumplimiento de las políticas de Riesgo y Comerciales del Banco. Quedan excluidos de la promoción los trabajadores de Scotiabank Chile y de sus filiales, asi como los clientes que al momento del abono tengan la calidad de trabajadores de alguna de dichas instituciones.</li> <li>(2) Promoción válida del 01 al 31 de enero para el cliente Scotiabank identificado en el formulario, quien debe contar con Cuenta Corriente Scotiabank para acceder al cash back correspondiente. En caso que cliente no tenga cuenta corriente vigente para realizar el abono correspondiente, y tenga Tarjeta de Crédito vigente y utilizable al momento del abono, el premio se realizará mediante abono de Pesos Scotia. El abono se realizará el mes siguiente a la contratación del respectivo Plan de Cuenta Corriente por parte del referido. El monto será de $30.000 si el referido contrata un Plan ScotiaLight o ScotiaZero y de $50.000 si el referido contrata un Plan Medium o Plan Full. El tope de Abono por cliente es de $150.000 al mes, considerando como periodo válido de contratación del Plan de Cuenta Corriente Scotiabank hasta el mes siguiente de haber referido. La aprobación y otorgamiento de un plan de cuenta corriente Scotiabank está sujeto a la evaluación del referido y al cumplimiento de las políticas de Riesgo y Comerciales del Banco. Quedan excluidos de la promoción los trabajadores de Scotiabank Chile y de sus filiales, así como los clientes que al momento del abono tengan la calidad de trabajadores de alguna de dichas instituciones.</li> <li>(3) Infórmese sobre la garantía estatal de los depósitos en su banco o en www . cmfchile . cl. ® Marca registrada de The Bank of Nova Scotia, utilizada bajo licencia.</li> </ul> </div> </div> <div class="text-center mb-4"> <button sec:authorize="isAuthenticated()" type="submit" class="scotia-button button-primary-red" th:form="|form-${encuesta.idEncuesta}|" id="submitReferido2">Enviar</button> <button sec:authorize="!isAuthenticated()" type="button" class="scotia-button button-primary-red" disabled>Debes iniciar sesión</button> </div> </div> </li> <li id="referidosExito" style="display: none;"> <div class="text-center"> <img th:src="@{/resource/images/Regalo_2021-04-05.png}" width="60px" alt="Regalo"/> </div> <h3 class="title-card text-center h3-responsive scotia-headline mb-3 mt-4" style="color:black!important;font-size:29px;">Haz agregado con éxito a tu referido</h3> <h6 class="text-center mb-3" style="color:black!important;">Recuerda, una vez activada la cuenta, tus puntos se te abonarán a tu cuenta.</h6> <div class="d-flex justify-content-center"> <button class="scotia-button button-primary-red" id="btn-referir-otro" type="button">Referir a Otro</button> <button class="scotia-button button-primary-red" type="button" data-dismiss="modal">Cerrar ventana</button> </div> </li> <li id="referidosError" style="display: none;"> <div class="mt-4"> <div class="text-center color-purple"> <span class="far fa-frown fa-3x"></span> </div> <h3 class="title-card text-center h3-responsive scotia-headline mb-3 mt-4" style="color:black!important;">Ha ocurrido un error</h3> <h6 class="text-center mb-3" style="color:black!important;">Ha ocurrio un error, intenta más tarde.</h6> <div class="d-flex justify-content-center"> <button class="scotia-button button-primary-red" id="btn-intentar-nuevamente" type="button">Intentar de Nuevo</button> <button class="scotia-button button-primary-red" type="button" data-dismiss="modal">Cerrar ventana</button> </div> </div> </li> </ul> </div> </div> </div> </div> <script th:inline="javascript"> function mostrarModalReferidos() { $('#modal-referidos').modal('show'); } $(document).ready(function() { $('#acepto-condiciones-referidos').on('change', function() { const open = $(this).data('open'); if (!open) { window.open('https://www.scotiaclub.cl/scclubfront/resource/pdf/Acuerdo-de-Privacidad.pdf', '_blank'); $(this).data('open', true); } }); $('#modal-referidos .telefono').each(function() { $(this).attr('minlength', '9'); $(this).attr('maxlength', '9'); }); const formularioEncuesta = $([[|#form-${encuesta.idEncuesta}|]]); formularioEncuesta.on('submit',function(e){ e.preventDefault(); let form = $(this); $('#submitReferido2').attr('disabled', true); $.ajax({ type: form.attr('method'), url: form.attr('action'), data: form.serialize(), // serializes the form's elements. success: function(data) { $("#domreferidosForm").slideUp(); $('#referidosExito').show(); }, error: function(error) { $('#domreferidosForm').slideUp(); $('#referidosError').show(); } }); }); $('#btn-referir-otro, #btn-intentar-nuevamente').on('click', function() { if ($(this).attr('id') == 'btn-referir-otro') { formularioEncuesta[0].reset(); } $('#submitReferido2').attr('disabled', false); $("#domreferidosForm").slideDown(); $("#referidosExito").hide(); }); }); </script>  </th:block> </th:block> </th:block>  <script th:inline="javascript"> var autenticado = [[${authenticated}]]; function estaLogeado(){ if(autenticado){ return true; }else{ return false; } } </script>  <script> document.addEventListener("DOMContentLoaded", function () { document.querySelectorAll('.nav-item.dropdown > .nav-link').forEach(function (link) { link.addEventListener('click', function (e) { const parent = this.parentElement; const menu = parent.querySelector('.dropdown-menu'); // Si no tiene submenú, permitir navegación normal if (!menu) return; // Interrumpir el comportamiento por defecto solo si es dropdown e.preventDefault(); const isAlreadyOpen = parent.classList.contains('show'); // Cerrar todos document.querySelectorAll('.nav-item.dropdown').forEach(function (item) { item.classList.remove('show'); const submenu = item.querySelector('.dropdown-menu'); if (submenu) submenu.classList.remove('show'); }); // Si no estaba abierto, lo abrimos if (!isAlreadyOpen) { parent.classList.add('show'); menu.classList.add('show'); } }); }); // Cierra si haces clic fuera del menú document.addEventListener('click', function (e) { if (!e.target.closest('.nav-item.dropdown')) { document.querySelectorAll('.nav-item.dropdown').forEach(function (item) { item.classList.remove('show'); const menu = item.querySelector('.dropdown-menu'); if (menu) menu.classList.remove('show'); }); } }); }); </script>  <script> (() => { // ======================== // CONFIGURACIÓN INICIAL // ======================== const initialRules = [ // from, to, wordBoundary, preserveCase { from: "Beneficios Scotia", to: "ScotiaRewards", wordBoundary: false, preserveCase: false }, { from: "Pesos Scotia", to: "ScotiaPesos", wordBoundary: false, preserveCase: false }, { from: "beneficios.scotiabank.cl", to: "www.scotiarewards.cl", wordBoundary: false, preserveCase: false }, { from: "Peso Scotia", to: "ScotiaPeso", wordBoundary: false, preserveCase: false }, ]; const SKIP_TAGS = new Set(["SCRIPT", "STYLE", "NOSCRIPT", "CODE", "PRE", "TEXTAREA", "INPUT"]); // ======================== // PATHS EXCLUIDOS // ======================== /** * Paths que NO deben verse afectados por el script. * - Exactos: "/ruta/completa" * - Prefijo con "*": "/ruta/padre/*" */ const EXCLUDED_PATHS = [ "/scclubfront/categoria/sorteos/sorteoscotia", "/scclubfront/categoria/sorteos/*", ]; function isPathExcluded(pathname) { return EXCLUDED_PATHS.some(pattern => { if (pattern.endsWith("*")) { const base = pattern.slice(0, -1); return pathname.startsWith(base); } return pathname === pattern; }); } const currentPath = window.location.pathname || "/"; // Si la URL actual está excluida, no hacer nada y salir del IIFE if (isPathExcluded(currentPath)) { return; } // ======================== // UTILIDADES // ======================== function isAllUpper(s) { return /[A-Z]/.test(s) && s === s.toUpperCase(); } function isAllLower(s) { return s === s.toLowerCase(); } function isTitleCase(s) { // Considera "Title Case" si cada palabra inicia en mayúscula y lo demás en minúscula return s.split(/\s+/).every(w => w && w[0] === w[0].toUpperCase() && w.slice(1) === w.slice(1).toLowerCase()); } function toTitleCase(s) { return s.replace(/\p{L}[\p{L}\p{M}]*/gu, w => w[0].toUpperCase() + w.slice(1).toLowerCase()); } // Aplica estilo de mayúsculas del match al replacement (si preserveCase=true) function applyCase(match, replacement, preserve) { if (!preserve) return replacement; // fuerza exactamente el 'to' if (isAllUpper(match)) return replacement.toUpperCase(); if (isAllLower(match)) return replacement.toLowerCase(); if (isTitleCase(match)) return toTitleCase(replacement); // Caso mixto raro ? no intentes mapear carácter a carácter (evita "rewARds") return replacement; } // Compila reglas a RegExp seguras (con espacios flexibles) function compileRules(rules) { const escape = s => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); const toFlexible = s => s.trim().split(/\s+/).map(escape).join("[\\s\\u00A0]+"); // espacios/saltos/nbsp flexibles return rules.map(r => { const core = toFlexible(r.from); // Límites de palabra “Unicode-friendly” cuando se pida wordBoundary const pattern = r.wordBoundary ? `(?<![\\p{L}\\p{N}])${core}(?![\\p{L}\\p{N}])` : core; // Nota: bandera 'u' para Unicode (necesaria por \p{L}\p{N}) + 'gi' return { ...r, re: new RegExp(pattern, "giu") }; }); } function replaceInTextNode(node, compiledRules) { if (!node || !node.nodeValue) return; const parent = node.parentElement; if (parent && SKIP_TAGS.has(parent.tagName)) return; let txt = node.nodeValue; let changed = false; for (const rule of compiledRules) { txt = txt.replace(rule.re, m => { changed = true; return applyCase(m, rule.to, rule.preserveCase !== false); }); } if (changed) node.nodeValue = txt; } function walkAndReplace(root, compiledRules) { const tw = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, { acceptNode(node) { const p = node.parentElement; if (p && SKIP_TAGS.has(p.tagName)) return NodeFilter.FILTER_REJECT; return /\S/.test(node.nodeValue) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT; } }); const batch = []; while (tw.nextNode()) batch.push(tw.currentNode); for (const n of batch) replaceInTextNode(n, compiledRules); } function processShadowRoots(compiledRules) { const elements = document.querySelectorAll("*"); elements.forEach(el => { if (el.shadowRoot) { walkAndReplace(el.shadowRoot, compiledRules); observe(el.shadowRoot, compiledRules); } }); } (function patchAttachShadow() { const orig = Element.prototype.attachShadow; if (!orig) return; Element.prototype.attachShadow = function (init) { const sr = orig.call(this, init); queueMicrotask(() => { walkAndReplace(sr, compiledCompiledRules); observe(sr, compiledCompiledRules); }); return sr; }; })(); function observe(root, compiledRules) { const obs = new MutationObserver(muts => { const textNodes = new Set(); for (const m of muts) { if (m.type === "characterData" && m.target.nodeType === Node.TEXT_NODE) { textNodes.add(m.target); } if (m.type === "childList") { m.addedNodes && m.addedNodes.forEach(node => { if (node.nodeType === Node.TEXT_NODE) { textNodes.add(node); } else if (node.nodeType === Node.ELEMENT_NODE) { walkAndReplace(node, compiledRules); if (node.shadowRoot) { walkAndReplace(node.shadowRoot, compiledRules); observe(node.shadowRoot, compiledRules); } } }); } } textNodes.forEach(n => replaceInTextNode(n, compiledRules)); }); obs.observe(root, { subtree: true, childList: true, characterData: true }); return obs; } // ======================== // INICIALIZACIÓN // ======================== let compiledCompiledRules = compileRules(initialRules); walkAndReplace(document.documentElement, compiledCompiledRules); processShadowRoots(compiledCompiledRules); observe(document.documentElement, compiledCompiledRules); // ======================== // API PÚBLICA (global) // ======================== window.TextReplacer = { add(from, to, { wordBoundary = false, preserveCase = true } = {}) { const rule = { from, to, wordBoundary, preserveCase }; const compiled = compileRules([rule])[0]; compiledCompiledRules.push(compiled); walkAndReplace(document.documentElement, [compiled]); processShadowRoots(compiled); return this; }, addMany(list) { const compiled = compileRules(list); compiledCompiledRules.push(...compiled); walkAndReplace(document.documentElement, compiled); processShadowRoots(compiled); return this; }, remove(from) { const lower = String(from).toLowerCase(); compiledCompiledRules = compiledCompiledRules.filter(r => r.from.toLowerCase() !== lower); return this; }, clear() { compiledCompiledRules = []; return this; }, list() { return compiledCompiledRules.map(({ from, to, wordBoundary, preserveCase }) => ({ from, to, wordBoundary, preserveCase })); } }; })(); </script>  </th:block>  <style th:inline="text"> .text-white-off { color: #ffffff73!important; } .bg-submenu{ background:[[${submenuurl.color}]]!important; } .bg-submenu-caja{ background-color:[[${submenuurl.color_borde}]]!important; } </style> <th:block th:with="authenticated=${#authorization.expression('isAuthenticated()')}" > <th:block th:if="${(authenticated && #arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') )}" > <style> #menu-saboristas{ background-image: url([[${submenuurl.nombre} == 'Mi cartola' ? '/scclubfront/resource/sections/beneficios1655740431.jpg' : @{${submenuurl.imagen}}]]); background-repeat: no-repeat; background-position: top; } </style> </th:block> <section class="scotia-black-bg"> <div id="navbar-desktop" class="container d-none d-md-block"> <div class="container d-none d-md-block"> <ul class="nav py-2 justify-content-center align-items-center"> <th:block th:each="submenu : ${menuurl.submenues}" th:with="current=${submenuurl.strIndex == submenu.strIndex}" th:if="${(submenuStat.first || menuurl.submenues[submenuStat.index-1].nombre != submenu.nombre) && submenu.visibleTop == true && ( !submenu.visibleOnlyLogin || (submenu.visibleOnlyLogin && authenticated) )}"> <li class="col-md-2 text-center" th:if="${current || submenu.visibleTop}"> <a th:if="${submenu.tipo == 3}" th:href="${submenu.link}" th:classappend="${current} ? text-white : text-white-off" target="_blank" rel="noopener" th:text="@{${submenu.nombre}}"></a> <a th:if="${submenu.tipo != 3}" th:href="@{|${menuurl.link}${submenu.link}|}" th:classappend="${current} ? text-white : text-white-off" th:text="@{${submenu.nombre}}"></a> </li> </th:block> </ul> </div> </div> </section>  </th:block> <style> .list, .list li{ list-style: initial!important; font-size:.8rem!important; color:#333!important; } </style><style> .md-accordion .card .card-body { font-weight: normal; } x ul { padding:0!important; margin:0!important; text-align:justify!important; } x ul li{ font-size:10px!important; } .seccion-principal-vista { transition: opacity 0.2s ease; } #detalle-producto-inline { opacity: 0; transition: opacity 0.3s ease; } #detalle-producto-inline.visible { opacity: 1; } #detalle-producto-inline .detalle-card { background: #fff; border-radius: 10px; box-shadow: 0 2px 16px rgba(0,0,0,0.08); padding: 28px 24px; } #detalle-producto-inline .detalle-card .imagen-detalle { border-radius: 10px !important; max-height: 380px; object-fit: cover; width: 100%; } #detalle-producto-inline .detalle-separador { border: none; border-top: 1px solid #e9ecef; margin: 16px 0; } #detalle-producto-inline .detalle-info-badge { display: inline-block; background: #f1f3f5; border-radius: 20px; padding: 4px 14px; font-size: .78rem; color: #555; margin-right: 8px; margin-bottom: 6px; } #datos-extra-inscripcion .form-control { border-radius: 8px; border: 1px solid #ddd; padding: 10px 14px; font-size: .9rem; transition: border-color 0.2s; } #datos-extra-inscripcion .form-control:focus { border-color: #ec111a; box-shadow: 0 0 0 2px rgba(236,17,26,0.1); } </style> <style th:inline="text"> .white-text-off { color: #ffffff73!important; } .bg-banner{ background:[[${submenuurl.color_borde}]]!important;; } #que-saborista { padding:0; background-color:[[${submenuurl.color}]]!important; } </style> <section th:id="|submenu-${submenuurl.id}|" class="seccion-principal-vista"> <div class="item" th:with="parametros=${#strings.arraySplit(submenuurl.descripcion, '|')}"> <div class="sc-container-fluid sc-d-sm-block sc-d-md-block sc-d-lg-flex sc-flex-sm-row-reverse sc-align-items-center pb-xs-30 p-0 bg-banner"> <div class="scotia-col-12 scotia-col-sm-12 scotia-col-md-12 scotia-col-lg-6 p-0"> <img th:src="@{${submenuurl.imagen}}" class="img-fluid w-100 sc-max-height"> </div> <div class="scotia-col-12 scotia-col-sm-12 scotia-col-md-12 scotia-col-lg-5 py-xs-12"> <div class="sc-box-bannerhero p-30 p-xs-24 m-xs-12"> <div th:if="${#lists.size(parametros) >= 0}" th:text="${parametros[0]}" class="status-badge-outlined badge-outlined-light mb-12">Contexto</div> <h2 th:if="${#lists.size(parametros) >= 1}" th:text="${parametros[1]}" class="subtitle-1 scotia-light pb-12">¡ante titulo!</h2> <h1 th:if="${#lists.size(parametros) >= 2}" th:text="${parametros[2]}" class="headline-medium scotia-light pb-12">Titulo</h1> <p th:if="${#lists.size(parametros) >= 3}" th:text="${parametros[3]}" class="body-2 scotia-light pb-36"> Descripcion más larga </p> <div class="sc-d-block sc-d-sm-block sc-d-md-flex sc-d-lg-flex"> <a href="#inscripciones" class="sc-d-block sc-d-sm-block text-center scotia-button pill-primary-button mt-xs-12">Conoce más</a> </div> </div> </div> </div> </div> <div class="container py-5"> <div class="row mb-4" id="conoce"> <div class="col-12 text-center d-none" th:utext="${submenuurl.descripcion}"></div> </div> <div class="row justify-content-center" id="inscripciones"> <div class="col-sm-6 col-md-4 col-lg-4 pb-3 producto" th:each="producto : ${productos}" th:data-genera-canje="${producto.generaCanje}" th:data-id-producto="${producto.idProducto}"> <div class="card border shadow h-100" style="border-radius: 6px;"> <div class="bg-banner text-center text-white" style="border-radius: 6px 6px 0px 0px;"> <p class="font-weight-bold my-2" th:text="${producto.porcentajeInfo}"></p> </div> <div class="position-relative"> <div style="top: 0px; right: 0px;" class="ribbon" th:if="${producto.stock == 0}"> <span>AGOTADO</span> </div> <img class="img-fluid" th:src="@{${producto.imagen}}"/> </div> <div class="card-body text-center pt-3"> <h5 class="h6-responsive scotia-headline subtitulo-producto" th:text="${producto.subtitulo}"></h5> <th:block th:if="${#strings.length(producto.subtitulo) <= 38}"> </br> </th:block> <p class="text-muted titulo-producto mb-0" style="font-size: .9rem;" th:text="${producto.titulo}"></p> <div class="d-none acceder-a-beneficio" th:utext="${producto.tituloTipo2}"></div> <div class="d-none condiciones-producto" th:utext="${producto.condicionesComercio}"></div> <div class="d-none terminos-y-condiciones-producto" th:utext="${producto.condicionesLegales}"></div> </div> <div class="card-footer bg-white text-center pt-0 border-top-0"> <button th:if="${producto.stock == 0}" type="button" class="scotia-button scotia-fill-red text-capitalize btn-inscripcion disabled" style="border-radius: 8px !important;">Finalizado</button> <button th:if="${producto.stock != 0}" type="button" class="scotia-button scotia-fill-red text-capitalize btn-inscripcion" style="border-radius: 8px !important;">Inscríbete</button> <hr> <x class="text-muted direcciones-producto" th:utext="${producto.direcciones}"></x> <h6 class="m-0 mt-2" style="font-size: .8rem;" th:inline="text">Cupones disponibles: <strong class="scotia-headline">[[${producto.stock}]]</strong></h6> </div> </div> </div> </div> </div> </section> <div id="detalle-producto-inline" class="container py-5" style="display:none;"> <div class="detalle-card"> <div class="row"> <div class="col-12 col-md-5 mb-4 mb-md-0"> <img class="img-fluid imagen-detalle"> <h3 class="h3-responsive scotia-headline scotia-black mt-3 mb-1 subtitulo-detalle"></h3> <p class="text-muted titulo-detalle mb-2" style="font-size: .9rem;"></p> <hr class="detalle-separador"> <div class="mb-2"> <span class="detalle-info-badge direcciones-detalle"></span> <span class="detalle-info-badge stock-detalle"></span> </div> <hr class="detalle-separador"> <div class="sc-accordion sc-d-block w-100 mb-12"> <div class="sc-card-accordion"> <div class="sc-card-header sc-position-relative py-24 subtitle-1 scotia-black"> ¿Cómo accedo a este beneficio? <i class="icon-arrow-1-down scotia-purple sc-position-absolute"></i> </div> <div class="sc-card-content py-24"> <p class="body-2 scotia-black list" id="acceder-a-beneficio-detalle"></p> </div> </div> <div class="sc-card-accordion"> <div class="sc-card-header sc-position-relative py-24 subtitle-1 scotia-black"> Condiciones <i class="icon-arrow-1-down scotia-purple sc-position-absolute"></i> </div> <div class="sc-card-content py-24"> <p class="body-2 scotia-black list" id="condiciones-detalle"></p> </div> </div> <div class="sc-card-accordion"> <div class="sc-card-header sc-position-relative py-24 subtitle-1 scotia-black"> Términos y condiciones <i class="icon-arrow-1-down scotia-purple sc-position-absolute"></i> </div> <div class="sc-card-content py-24"> <p class="body-2 scotia-black" id="terminos-y-condiciones-detalle"></p> </div> </div> </div> </div> <div class="col-12 col-md-7"> <div id="container-inscribir-campana"> <form class="prevent-multiple-submit" autocomplete="off" id="formulario-canje" th:action="@{/exchange-directly}" method="POST"> <input id="id-producto-modal" class="d-none" name="id_producto" required> <div id="datos-extra-inscripcion" class="mb-3"> <h6 class="subtitle-1 scotia-black mb-3">Datos del inscrito</h6> <div class="form-group mb-2"> <input type="text" id="input-nombre" class="form-control" placeholder="Nombre completo" required> </div> <div class="form-group mb-2"> <input type="text" id="input-rut" class="form-control" placeholder="RUT (ej: 12345678-9)" required> </div> <div class="form-group mb-2"> <input type="email" id="input-email" class="form-control" placeholder="Correo electrónico" required> </div> <div class="form-group mb-2"> <input type="tel" id="input-telefono" class="form-control" placeholder="Teléfono" required> </div> <div class="form-group mb-2"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="input-pareja"> <label class="custom-control-label" for="input-pareja">Voy con pareja</label> </div> </div> </div> <div class="d-flex flex-column flex-sm-row mt-3"> <button type="button" id="btn-volver-listado" class="scotia-button scotia-secundary-red rounded-8 mr-sm-2 mb-2 mb-sm-0" style="min-width:130px;"> <i class="fas fa-arrow-left mr-1"></i> Volver </button> <button sec:authorize="isAuthenticated()" id="btn-obtener-beneficio" type="submit" form="formulario-canje" class="scotia-button scotia-fill-red btn-obtener-beneficio rounded-8" disabled>Inscribirme</button> <button sec:authorize="!isAuthenticated()" id="btn-cerrar-e-iniciar-sesion" type="button" class="scotia-button scotia-fill-red btn-obtener-beneficio rounded-8">Inicia sesión para inscribirte</button> </div> </form> </div> <div id="inscripcion-canje-exitoso" class="border shadow cr-grey-bg text-center px-2 mt-3" style="display: none; border-radius:10px;"> <img class="mx-auto d-block mt-5" th:src="@{/resource/images/big-check.png}"> <h4 class="font-weight-bold text-center mt-4">¡Felicidades, inscripción exitosa!</h4> <div class="d-flex border justify-content-center align-items-center text-left py-2"> <img class="img-fluid mr-3" th:src="@{/resource/images/lightbulb.png}" width="24"> <p class="mb-0">Revisa tus comprobantes entrando <br> a mi cuenta <a th:href="@{/user/account/miscupones}" class="font-weight-bold">Mi Cuenta -> Mis Cupones -> Otros.</a></p> </div> <div class="text-center pb-4 pt-1 mt-3"> <a id="btn-ver-voucher-inscripcion" class="btn btn-block scotia-button scotia-secundary-red rounded mb-3" target="_blank">Ver Comprobante</a> <a id="btn-descargar-voucher-inscripcion" class="btn btn-block scotia-button button-primary-red mb-3">Descargar Comprobante</a> <a class="btn btn-block scotia-button scotia-secundary-red" th:href="@{/user/account/miscupones}">Ir a mis Cupones</a> <button type="button" class="btn btn-block scotia-button scotia-secundary-red mt-2 btn-volver-listado-exito">Volver al listado</button> </div> </div> <div id="inscripcion-canje-fallido" class="border shadow cr-grey-bg text-center px-2 mt-3" style="display: none; border-radius:10px;"> <img class="mx-auto d-block mt-5" th:src="@{/resource/images/big-ex.png}"> <h4 class="font-weight-bold mt-4">No pudimos realizar tu inscripción, excede máximo permitido.</h4> <h6 id="msg-inscripcion-canje-fallido-volver" class="mt-2"></h6> <p id="msg-inscripcion-canje-fallido" class="mb-0"></p> <p class="mb-0">Si no reconoces una inscripción previa, contáctanos <a href="mailto:scotiarewards@lealtad360.com?subject=Problema%20con%20inscripci%C3%B3n%20de%20jumbo" class="font-weight-bold"> aquí. </a> </p> <button id="btn-volver-canje-fallido" class="btn scotia-button button-primary-red rounded my-3"><i class="fas fa-arrow-left"></i> Volver</button> </div> <div id="inscripcion-canje-fallido-login" class="border shadow cr-grey-bg text-center px-2 mt-3" style="display: none; border-radius:10px;"> <img class="mx-auto d-block mt-5" th:src="@{/resource/images/big-ex.png}"> <h4 class="font-weight-bold mt-4">No pudimos realizar tu inscripción</h4> <h6 class="mt-2"></h6> <p class="mb-0">Por favor, inicia sesión para inscribirte.</p> <a href="?login" class="btn scotia-button button-primary-red rounded my-3"> Iniciar Sesión</a> </div> </div> </div> </div> </div>  <input type="hidden" id="user-authenticated" sec:authorize="isAuthenticated()" value="true"> <script th:inline="javascript"> var isAuthenticated = $('#user-authenticated').length > 0 && $('#user-authenticated').val() === 'true'; function mostrarDetalle() { $('.seccion-principal-vista').hide(); $('#detalle-producto-inline').show(); requestAnimationFrame(function() { $('#detalle-producto-inline').addClass('visible'); }); } function volverAlListado() { $('#detalle-producto-inline').removeClass('visible'); setTimeout(function() { $('#detalle-producto-inline').hide(); $('#container-inscribir-campana').show(); $('#inscripcion-canje-exitoso').hide(); $('#inscripcion-canje-fallido').hide(); $('#inscripcion-canje-fallido-login').hide(); $('#input-nombre').val(''); $('#input-rut').val(''); $('#input-email').val(''); $('#input-telefono').val(''); $('#input-pareja').prop('checked', false); $('.seccion-principal-vista').show(); }, 300); } $(document).ready(function(){ $('.btn-inscripcion').click(function() { var producto = $(this).closest('.producto'); $('.imagen-detalle').attr('src', producto.find('img').attr('src')); $('.titulo-detalle').html(producto.find('.titulo-producto').html()); $('.subtitulo-detalle').html(producto.find('.subtitulo-producto').html()); $('#acceder-a-beneficio-detalle').html(producto.find('.acceder-a-beneficio').html()); $('#condiciones-detalle').html(producto.find('.condiciones-producto').html()); $('#terminos-y-condiciones-detalle').html(producto.find('.terminos-y-condiciones-producto').html()); $('.direcciones-detalle').html(producto.find('.direcciones-producto').html()); $('.stock-detalle').html(producto.find('.card-footer h6').html()); var idProducto = producto.data('id-producto'); var nombreProducto = $.trim(producto.find('.subtitulo-producto').text()); $('#id-producto-modal').val(idProducto); $('#id-producto-modal').data('nombre-producto', nombreProducto); if (producto.data('genera-canje')) { $('.btn-obtener-beneficio').show(); $('#btn-obtener-beneficio').prop('disabled', false); } else { $('.btn-obtener-beneficio').hide(); $('#btn-obtener-beneficio').prop('disabled', true); } mostrarDetalle(); }); var FORMULARIO_CONFIG = { formId: 4, endpoint: '/scclubfront/formularios' }; function obtenerCSRF() { var inputCsrf = document.querySelector('input[name="_csrf"]'); if (inputCsrf) return inputCsrf.value; var metaCsrf = document.querySelector('meta[name="_csrf"]') || document.querySelector('meta[name="csrf-token"]'); if (metaCsrf) return metaCsrf.content; return null; } function enviarDatosFormulario() { var csrf = obtenerCSRF(); var nombre = $('#input-nombre').val(); var rut = $('#input-rut').val(); var email = $('#input-email').val(); var telefono = $('#input-telefono').val(); var pareja = $('#input-pareja').is(':checked') ? 'si' : 'no'; var idProducto = $('#id-producto-modal').val(); var nombreProducto = $('#id-producto-modal').data('nombre-producto') || ''; var datos = { 'form-id': FORMULARIO_CONFIG.formId, 0: nombre, 1: rut, 2: email, 3: telefono, 4: pareja, 5: idProducto, 6: nombreProducto }; var headers = { 'Content-Type': 'application/x-www-form-urlencoded', 'X-Requested-With': 'XMLHttpRequest' }; if (csrf) headers['X-CSRF-TOKEN'] = csrf; $.ajax({ url: FORMULARIO_CONFIG.endpoint, method: 'POST', data: $.param(datos), headers: headers, xhrFields: { withCredentials: true }, success: function() { console.log('[Formulario] Datos extra enviados correctamente'); }, error: function(xhr, status, err) { console.error('[Formulario] Error al enviar datos extra:', err); } }); } function validarDatosExtra() { var nombre = $.trim($('#input-nombre').val()); var rut = $.trim($('#input-rut').val()); var email = $.trim($('#input-email').val()); var telefono = $.trim($('#input-telefono').val()); if (!nombre || !rut || !email || !telefono) { alert('Por favor completa todos los datos antes de inscribirte.'); return false; } return true; } $('#formulario-canje').submit(function(e) { e.preventDefault(); if (!validarDatosExtra()) return; var $btn = $('#btn-obtener-beneficio'); if ($btn.prop('disabled') || $btn.hasClass('processing')) { return false; } if (!isAuthenticated) { $('#loginModal').modal('show'); return false; } $btn.prop('disabled', true); $btn.addClass('processing'); $btn.html('Procesando...'); $.ajax({ url: $(this).attr('action'), method: $(this).attr('method'), data: $(this).serialize(), success: function(respuesta) { $('#container-inscribir-campana').slideUp(); if (respuesta.status == 'OK') { enviarDatosFormulario(); const idCustomerReward = respuesta.customerReward.id_customer_reward; const urlVoucher = "[(@{/getcupon/})]" + idCustomerReward; $('#btn-ver-voucher-inscripcion').attr('href', urlVoucher); $('#btn-descargar-voucher-inscripcion').attr('href', urlVoucher); $('#btn-descargar-voucher-inscripcion').attr('download', idCustomerReward); $('#inscripcion-canje-exitoso').slideDown(); } else { $('#inscripcion-canje-fallido').slideDown(); $('#msg-inscripcion-canje-fallido-volver').html(''); $('#msg-inscripcion-canje-fallido').html('Solo una inscripción por cliente.'); } }, error: function(xhr, status, error) { if (xhr.status === 401) { $('.btn-obtener-beneficio').hide(); $('#inscripcion-canje-fallido-login').slideDown(); }else{ $('#inscripcion-canje-fallido').slideDown(); $('#msg-inscripcion-canje-fallido-volver').html(''); } }, complete: function() { $('#btn-obtener-beneficio').prop('disabled', false); $('#btn-obtener-beneficio').removeClass('disabled processing'); $('#btn-obtener-beneficio').html('Inscribirme'); } }); }); $('#btn-volver-listado').click(function() { volverAlListado(); }); $('.btn-volver-listado-exito').click(function() { volverAlListado(); }); $('#btn-volver-canje-fallido').click(function() { $('#container-inscribir-campana').slideDown(); $('#inscripcion-canje-fallido').slideUp(); }); $('#btn-cerrar-e-iniciar-sesion').click(function() { $('#loginModal').modal('show'); }); }); </script> <th:block th:with="authenticated=${#authorization.expression('isAuthenticated()')}" >  <th:block th:if="${(!authenticated) || (authenticated && !#arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') ) }" > <style> .scotia-line { width: 100%; border: 1px solid; } .underline { text-decoration: underline; } .sc-link-simple { text-decoration: none; } /* Responsivo */ /* small devices */ @media (min-width: 320px) and (max-width: 480px) {} /* small-medium devices */ @media (min-width: 481px) and (max-width: 767px) {} /* medium devices */ @media (min-width: 768px) and (max-width: 1024px) {} /* large devices */ @media (min-width: 1025px) and (max-width: 1280px) {} /* Xlarge devices */ @media (min-width: 1280px) and (max-width: 2560px) {} </style> <footer> <div class="scotia-line scotia-gris300 mb-120 mb-xs-30"></div> <div class="sc-container"> <div class="sc-row"> <div class="scotia-col-12 scotia-col-sm-12 scotia-col-md-3 scotia-col-lg-3 mb-xs-42"> <h6 class="body-1 pb-42 scotia-black pb-xs-18 font-weight-bold">Contáctanos</h6> <div class="sc-d-flex"> <i class="iconcanvas-icon-call text-size-24 mr-18"></i> <div class="body-2 scotia-black font-weight-normal">600 600 1100</div> </div> </div> <div class="scotia-col-12 scotia-col-sm-12 scotia-col-md-3 scotia-col-lg-3 mb-xs-42"> <h6 class="body-1 pb-42 scotia-black pb-xs-18 font-weight-bold">¿Necesitas ayuda?</h6> <ul class="text-left no-list"> <li class="pb-18 font-weight-normal"><a th:href="@{/categoria/todosobrepesosscotia/todosobrepesosscotia}" class="scotia-black clickfollow sc-link-simple caption">Todo sobre ScotiaPesos</a></li> <li class="pb-18 font-weight-normal"><a th:href="@{/categoria/beneficiosscotia/preguntasfrecuentes}" class="scotia-black clickfollow sc-link-simple caption">Preguntas frecuentes</a></li> <li class="pb-18 font-weight-normal"><a th:href="@{https://cdn.aglty.io/scotiabank-chile/scotiabankpdf/BASES-PROGRAMA-SCOTIAREWARDS-SCOTIABANK-CHILE.pdf}" target="_blank" class="scotia-black clickfollow sc-link-simple caption">Términos y condiciones</a></li> </ul> </div> <div class="scotia-col-12 scotia-col-sm-12 scotia-col-md-3 scotia-col-lg-3 mb-xs-42"> <h6 class="body-1 pb-42 scotia-black pb-xs-18 font-weight-bold">Te podría interesar</h6> <ul class="no-list text-left">  <li class="pb-18 font-weight-normal"><a href="https://www.scotiabankchile.cl/Personas/app-scotia-go" class="scotia-black clickfollow sc-link-simple caption">Descarga App Scotia</a></li> <li class="pb-18 font-weight-normal"><a href="https://banco.scotiabank.cl/mfe/clsales/mfe-onboarding-unico-wpub/" target="_blank" class="scotia-black clickfollow sc-link-simple caption">Hazte Cliente Scotia</a></li> </ul> </div> <div class="scotia-col-12 scotia-col-sm-12 scotia-col-md-3 scotia-col-lg-3 mb-xs-42"> <h6 class="body-1 pb-42 scotia-black font-weight-bold">Nuestras Redes Sociales</h6> <ul class="no-list sc-d-flex sc-justify-content-center"> <li><a target="_blank" href="https://www.facebook.com/ScotiabankCL" rel="noopener"><i class="fab fa-facebook-square scotia-black text-size-24 mr-30"></i></a></li> <li><a target="_blank" href="https://www.instagram.com/scotiabank.cl/" rel="noopener"><i class="fab fa-instagram scotia-black text-size-24 mr-30" aria-hidden="true"></i> </a> </li> <li><a target="_blank" href="https://www.linkedin.com/company/scotiabank" rel="noopener"><i class="fab fa-linkedin scotia-black text-size-24 mr-30" aria-hidden="true"></i></a></li> <li><a target="_blank" href="https://twitter.com/Scotiachile" rel="noopener"> <img src="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/icons/twitter-x.svg" style="width: 25px;" class="mr-30"> </a></li> <li><a target="_blank" href="https://www.youtube.com/user/scotiabankchile" rel="noopener"><i class="fab fa-youtube-square scotia-black text-size-24 mr-30" aria-hidden="true"></i></a></li> <li><a target="_blank" href="https://www.tiktok.com/@scotiaenchile?_t=8etBNDKTrDK&_r=1" rel="noopener"> <img src="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/icons/tiktok.svg" style="width: 20px;" class="mr-30"> </a> </li> </ul> </div> </div> </div> <div class="scotia-line scotia-gris300 mt-30"></div> <div class="sc-container sc-d-sm-block sc-d-md-flex sc-d-lg-flex sc-align-items-center py-30"> <img src="https://cdn.aglty.io/scotiabank-chile/2024/header/logo-scotiabank-red.svg" style="width:200px"> <ul class="no-list sc-d-block sc-d-sm-block sc-d-md-flex sc-d-lg-flex ml-auto my-xs-24"> <li class="mr-30 my-xs-12 font-weight-normal"><a class="clickfollow scotia-black caption sc-link-simple" data-ide="hazte cliente footer" data-name="hazte cliente footer" data-creative="footer-personas" data-position="1" href="https://www.scotiaclub.cl/scclubfront/categoria/platosycomida/rutagourmet">Ruta Gourmet</a></li> <li class="mr-30 my-xs-12 font-weight-normal"><a class="clickfollow scotia-black caption sc-link-simple" data-ide="cuenta corriente footer" data-name="cuenta corriente footer" data-creative="footer-personas" data-position="1" href="https://www.scotiaclub.cl/scclubfront/categoria/miscanjes/concursos">Concursos</a></li> <li class="mr-30 my-xs-12 font-weight-normal"><a class="clickfollow scotia-black caption sc-link-simple" data-ide="creditos footer" data-name="creditos footer" data-creative="footer-personas" data-position="1" href="https://www.scotiaclub.cl/scclubfront/categoria/mundos/descuentos">Beneficios</a></li> <li class="mr-30 my-xs-12 font-weight-normal"><a class="clickfollow scotia-black caption sc-link-simple" data-ide="tarjetas footer" data-name="tarjetas footer" data-creative="footer-personas" data-position="1" href="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/viajes">Viajes</a></li>  <li class="mr-30 my-xs-12 font-weight-normal"><a class="clickfollow scotia-black caption sc-link-simple" data-ide="inversiones footer" data-name="inversiones footer" data-creative="footer-personas" data-position="1" href="https://banco.scotiabank.cl/mfe/clsales/mfe-onboarding-unico-wpub/">Hazte Cliente</a></li> </ul> </div> <div class="scotia-line scotia-gris300"></div> <div class="sc-container-fluid legal scotia-gris200-bg scotia-black text-right py-24"> <div class="sc-container font-weight-normal"> Infórmese sobre el límite de garantía estatal a los depósitos en su banco o en www.cmfchile.cl | © 2024 Scotiabank All Rights Reserved</div> </div> </footer> </th:block>   <th:block th:if="${(authenticated && #arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') )}" > <section class="fondoSng" id="prefooter"> <div class="container"> <div class="row"> <div class="col-md-4"> <h5>Normativas e Información</h5> <ul class="footer-nav list-unstyled font-weight-normal">  <li><a th:href="@{/categoria/normativaseinformacion/terminosycondiciones}">Términos y condiciones</a></li> </ul> </div> <div class="col-md-4"> <h5>¿Necesitas ayuda?</h5> <ul class="footer-nav list-unstyled font-weight-normal"> <li><a th:href="@{/categoria/ayuda/acerca}">Acerca de Beneficios Scotia</a></li> <li><a th:href="@{/categoria/ayuda/preguntasfrecuentes}">Preguntas frecuentes</a></li> <li>Contáctanos al 600 600 1100</li> </ul> </div> <div class="col-md-4"></div> </div> <div class="row align-items-end"> <div class="col-md-10"> <p class="tx-chico">Infórmese sobre el límite de garantía estatal a los depósitos en su banco o en www.cmfchile.cl</p> </div> </div> </div> </section> <section id="footer" style="background-color:#38483f"> <div class="container"> <div class="row align-items-end"> <div class="col-md-8"> <h3 style="color:#3d816a ;">Impulsando nuevas posibilidades.<span>®</span></h3> </div> <div class="col-md-4 text-right"> <div class="row align-items-center"> <div class="col"> <img id="img_footx" src="https://cdn.aglty.io/scotiabank-chile/2024/header/logo-scotiabank-red.svg" style="width:200px" alt="Scotiabank"/> </div> </div> </div> </div> </div> </section> <style> #prefooter { background-color: #38483f; color: white; background-image: initial; } .footer-nav>li>a{ color:white } </style> </th:block>  </th:block>  <script sec:authorize="isAuthenticated()" type="text/javascript"> function setFirstCookie() { let time = 10*365*24*60*60; /* 10 años */ document.cookie = "first=true; max-age=" + time + "; path=/"; } function setWelcomeCookie() { document.cookie = "welcomex=true; max-age=3600; path=/"; } $(document).ready(function() { if (!getCookie("first")) { //$('#firstModal').modal('show'); setFirstCookie(); setWelcomeCookie(); return; } if (!getCookie("welcomex")) { //$('#welcomeModal').modal('show'); setWelcomeCookie(); } }); </script> <script th:src="@{/resource/js/mdb.min.js}"></script> <script> $(document).ready(function() { //remove disabled attribute from submit button btn-ingresar-head $(".btn-ingresar-head").html("Ingresar"); $(".btn-ingresar-head").removeAttr("disabled"); }); </script> <script> //document.body.innerHTML = document.body.innerHTML.replaceAll('ScotiaPesos', 'Pesos Scotia'); //document.body.innerHTML = document.body.innerHTML.replaceAll('ScotiaClub', 'Beneficios Scotia'); $(document).ready(function() { $('.carouselHomeScotia .carousel-item').first().addClass('active'); $('.carouselHomeScotia .carousel-indicators li').first().addClass('active'); $('#carouselHomeScotia2 .carousel-item').first().addClass('active'); $('#carouselHomeScotia2 .carousel-indicators li').first().addClass('active'); //fix for carousel bullets index reallocating $('.carouselHomeScotia .carousel-indicators li').each(function(index) { $(this).attr('data-slide-to', index); }); $('#carouselHomeScotia2 .carousel-indicators li').each(function(index) { $(this).attr('data-slide-to', index); }); }); </script> <script> document.addEventListener('DOMContentLoaded', function () { var dropdowns = document.querySelectorAll('.dropdown-toggle'); dropdowns.forEach(function (dropdown) { dropdown.addEventListener('click', function () { var currentDropdown = this.closest('.dropdown'); var allDropdowns = document.querySelectorAll('.dropdown.show'); allDropdowns.forEach(function (otherDropdown) { if (otherDropdown !== currentDropdown) { otherDropdown.classList.remove('show'); otherDropdown.querySelector('.dropdown-menu').classList.remove('show'); } }); currentDropdown.classList.toggle('show'); currentDropdown.querySelector('.dropdown-menu').classList.toggle('show'); }); }); }); </script> </body> </html> ")

Refiere

Home

Beneficios

Descuentos

Cuotas sin Interés

Misiones

Viajes

Inscripción Jumbo

Rutas Scotia

Ruta Gourmet

Ruta Gourmet Internacional

Ruta de Viñas

Ruta Dulce

Marketplace

Sorteos Scotia

Misiones

Misiones y Niveles

Concurso 4 Gift Cards Cencosud

Concurso 2 iPhone 17 Pro Max

Beneficios

ScotiaPesos

Todo sobre Pesos Scotia

¿Cómo canjear Pesos Scotia?

Canje ScotiaPesos

Canje Entretenimiento

Canje al Rojo: Especial Papá

Estreno SCARY MOVIE

Concursos Clientes

Entradas Cine