{"version":3,"file":"js/app.d4372b40.js","mappings":"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","sources":["webpack://glamour/./src/App.vue","webpack://glamour/./src/App.vue?7ccd","webpack://glamour/./src/components/home.vue","webpack://glamour/./src/components/nav.vue","webpack://glamour/./src/components/nav.vue?2d5c","webpack://glamour/./src/components/slider.vue","webpack://glamour/./src/components/slider.vue?d8d7","webpack://glamour/./src/components/informacion.vue","webpack://glamour/./src/components/informacion.vue?768e","webpack://glamour/./src/components/sobreNosotros.vue","webpack://glamour/./src/components/sobreNosotros.vue?ed1a","webpack://glamour/./src/components/productosRecomendados.vue","webpack://glamour/./src/components/productosRecomendados.vue?5288","webpack://glamour/./src/components/formulario.vue","webpack://glamour/./src/components/formulario.vue?c75e","webpack://glamour/./src/components/instagram.vue","webpack://glamour/./src/components/instagram.vue?562b","webpack://glamour/./src/components/footer.vue","webpack://glamour/./src/components/footer.vue?1818","webpack://glamour/./src/components/contactos.vue","webpack://glamour/./src/components/contactos.vue?4462","webpack://glamour/./src/components/home.vue?2f3e","webpack://glamour/./src/components/TodasLasCategorias.vue","webpack://glamour/./src/components/navCategoria.vue","webpack://glamour/./src/components/navCategoria.vue?b6e0","webpack://glamour/./src/components/enlaces.vue","webpack://glamour/./src/components/enlaces.vue?623f","webpack://glamour/./src/components/TodasLasCategorias.vue?298e","webpack://glamour/./src/components/categorias/aretes.vue","webpack://glamour/./src/components/categorias/aretes.vue?fe6b","webpack://glamour/./src/components/categorias/pulserasPlatino.vue","webpack://glamour/./src/components/categorias/pulserasPlatino.vue?df7d","webpack://glamour/./src/components/categorias/pulserasAcero.vue","webpack://glamour/./src/components/categorias/pulserasAcero.vue?6b9b","webpack://glamour/./src/components/categorias/pulserasHilo.vue","webpack://glamour/./src/components/categorias/pulserasHilo.vue?953f","webpack://glamour/./src/components/categorias/AnillosOro.vue","webpack://glamour/./src/components/categorias/AnillosOro.vue?f792","webpack://glamour/./src/components/categorias/AnillosAcero.vue","webpack://glamour/./src/components/categorias/AnillosAcero.vue?3bb3","webpack://glamour/./src/components/categorias/collaresYDijes.vue","webpack://glamour/./src/components/categorias/collaresYDijes.vue?9187","webpack://glamour/./src/components/categorias/collaresParejas.vue","webpack://glamour/./src/components/categorias/collaresParejas.vue?a5e2","webpack://glamour/./src/components/categorias/collaresPerlasNaturales.vue","webpack://glamour/./src/components/categorias/collaresPerlasNaturales.vue?2998","webpack://glamour/./src/components/categorias/collaresDijesCristales.vue","webpack://glamour/./src/components/categorias/collaresDijesCristales.vue?191e","webpack://glamour/./src/components/categorias/collaresCuarzos.vue","webpack://glamour/./src/components/categorias/collaresCuarzos.vue?b73e","webpack://glamour/./src/components/categorias/collaresDijesEnchapados.vue","webpack://glamour/./src/components/categorias/collaresDijesEnchapados.vue?f32f","webpack://glamour/./src/components/categorias/conjuntos.vue","webpack://glamour/./src/components/categorias/conjuntos.vue?8e88","webpack://glamour/./src/components/categorias/charmsPulseraEuropeo.vue","webpack://glamour/./src/components/categorias/charmsPulseraEuropeo.vue?ab24","webpack://glamour/./src/components/categorias/charmsPulserasSerpiente.vue","webpack://glamour/./src/components/categorias/charmsPulserasSerpiente.vue?20de","webpack://glamour/./src/components/categorias/charmsPerlasColores.vue","webpack://glamour/./src/components/categorias/charmsPerlasColores.vue?520f","webpack://glamour/./src/components/categorias/tarjetasDedicatorias.vue","webpack://glamour/./src/components/categorias/tarjetasDedicatorias.vue?7ac8","webpack://glamour/./src/components/categorias/llaverosResina.vue","webpack://glamour/./src/components/categorias/llaverosResina.vue?7f2e","webpack://glamour/./src/components/categorias/cajitasDeForma.vue","webpack://glamour/./src/components/categorias/cajitasDeForma.vue?e491","webpack://glamour/./src/components/categorias/cajitasSencillas.vue","webpack://glamour/./src/components/categorias/cajitasSencillas.vue?a4c5","webpack://glamour/./src/components/categorias/joyeros.vue","webpack://glamour/./src/components/categorias/joyeros.vue?167d","webpack://glamour/./src/components/categorias/carrito.vue","webpack://glamour/./src/components/categorias/carrito.vue?48d5","webpack://glamour/./src/router/index.js","webpack://glamour/./src/store/index.js","webpack://glamour/./src/main.js","webpack://glamour/webpack/bootstrap","webpack://glamour/webpack/runtime/chunk loaded","webpack://glamour/webpack/runtime/define property getters","webpack://glamour/webpack/runtime/global","webpack://glamour/webpack/runtime/hasOwnProperty shorthand","webpack://glamour/webpack/runtime/make namespace object","webpack://glamour/webpack/runtime/publicPath","webpack://glamour/webpack/runtime/jsonp chunk loading","webpack://glamour/webpack/startup"],"sourcesContent":["<template>\n  <div id=\"app\">\n    <router-view></router-view>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'App'\n}\n</script>\n\n<style>\n</style>\n","import { render } from \"./App.vue?vue&type=template&id=12c4a34b\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n\n    <Nav/>\n    <Slider/>\n    <Informacion/>\n    <SobreNosotros/>\n    <ProductosRecomendados/> \n    <!-- <Categorias/>  -->\n    <Instagram/> \n    <Formulario/> \n    <Contactos/> \n    <Footer/> \n    \n  </template>\n  \n  <script>\n  import Nav from '../components/nav.vue'\n  import Slider from '../components/slider.vue'\n  import Informacion from '../components/informacion.vue'\n  import SobreNosotros from '../components/sobreNosotros.vue'\n  import ProductosRecomendados from '../components/productosRecomendados.vue'\n  import Formulario from '../components/formulario.vue'\n  // import Categorias from '../components/IrAcategorias.vue'\n  import Instagram from '../components/instagram.vue'\n  import Footer from '../components/footer.vue'\n  import Contactos from '../components/contactos.vue'\n  \n  \n  \n  export default {\n    name: 'App',\n    components: {\n      Nav,\n      Slider,\n      Informacion,\n      SobreNosotros,\n      ProductosRecomendados,\n      Formulario,\n      // Categorias,\n      Instagram,\n      Contactos,\n      Footer,\n    }\n  }\n  </script>\n  \n  <style>\n  \n  </style>\n  ","<template>\n    <header class=\"header\">\n        <div class=\"nav-superior\">\n            <p>Próximamente: Embajadores de la marca</p>\n        </div>\n        <div class=\"header-center\">\n            <div class=\"header-center-items\">\n                <figure>\n                    <img src=\"@/assets/img/logo.png\" alt=\"Logo\">\n                </figure>\n\n                <div id=\"menu-btn\" class=\"fas fa-bars\"></div>\n\n                <nav class=\"navbar\">\n                    <router-link to=\"/home\">Inicio</router-link>\n                    <router-link to=\"/aretes\">Catálogo</router-link>\n                    <a href=\"#sobre-nosotros\">Sobre Nosotros</a>\n                    <a href=\"#contactanos\">Contáctanos</a>\n                </nav>\n\n                <!-- <div class=\"logos-redes-sociales\">\n                    <a href=\"https://www.facebook.com/GlamourbyRamos17/\" class=\"bx bxl-facebook\" target=\"_blank\"></a>\n                    <a href=\"https://www.instagram.com/glamourbyramos/\" class=\"bx bxl-instagram\" target=\"_blank\"></a>\n                    <a href=\"https://api.whatsapp.com/send/?phone=%2B50587617146\" class=\"bx bxl-whatsapp\" target=\"_blank\"></a>\n                    <a href=\"https://pin.it/5twLola\" class=\"bx bxl-pinterest-alt\" target=\"_blank\"></a>\n                </div> -->\n            </div>\n        </div>\n    </header>\n    <!--final header-->\n</template>\n\n<script>\nexport default {\n  mounted() {\n    let menu = document.querySelector('#menu-btn');\n    let navbar = document.querySelector('.header .navbar');\n\n    menu.onclick = () => {\n        menu.classList.toggle('fa-times'); /* activa la x */\n        navbar.classList.toggle('active');\n    }\n\n    /* desaparece el menú responsivo al darle click en un link */\n    window.onscroll = () => {\n        menu.classList.remove('fa-times');\n        navbar.classList.remove('active');\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n//css\n@import \"@/assets/styles/normalize.css\";\n@import \"@/assets/styles/variables.scss\";\n@import \"@/assets/styles/fonts.scss\";\n//iconos\n@import url('https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css');\n//menu hamburguesa\n@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');\n\n//header\n.header{\n    position: fixed;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 4000;\n    border-bottom: 1px solid rgba(5, 83, 85, 30%);\n\n    .nav-superior{\n        background: #000;\n        text-align: center;\n\n        p{\n            color: #ffffff;\n            padding: 1rem 0;\n            letter-spacing: 0.2rem;\n            font-size: 1.2rem;\n        }\n    }\n\n    .header-center{\n        background: #ffffff;\n        \n        .header-center-items{\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0rem 6%;\n\n            figure img{\n                height: 11rem;\n                width: 22rem;\n                object-fit: cover;\n            }\n\n            // .logos-redes-sociales .bx{\n            //     font-size: 2.5rem;\n            //     margin: 0 0.2rem 0 0.2rem;\n            //     color: $violeta;\n            //     text-decoration: none;\n\n            //     &:hover{\n            //         transform: scale(1.1);\n            //     }\n            // }\n\n            .navbar{\n                a{\n                    display: inline-block;\n                    color: $violeta;\n                    font-size: 1.8rem;\n                    font-weight: 400;\n                    margin-left: 2rem;\n                    text-decoration: none;\n\n                    &:hover{\n                        transform: scale(1.05);\n                    }\n                }\n            }\n        }\n    }\n}\n\n#menu-btn{\n    font-size: 3rem;\n    cursor: pointer;\n    display: none;\n}\n\n@media (max-width:768px){\n    #menu-btn{\n        font-size: 2.5rem;\n        display: inline-block;\n        color: $violeta;\n        /*rotar la X */\n        &.fa-times{\n            transform: rotate(180deg);\n        }\n    }\n\n    .header{\n        .header-center{\n            .header-center-items{\n                flex-direction: row;\n                padding: 0.5rem 3%;\n\n                .navbar{\n                    position: absolute;\n                    top:100%; left:0; right:0;\n                    background: #fff;\n                    /* desaparece menu responsivo */\n                    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n                    transition: clip-path 0.3s ease-out;\n\n                    /* aparece menu responsivo */\n                    &.active{\n                        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n                    }\n\n                    a{\n                        display: block;\n                        font-size: 2rem;\n                        color: red;\n                        padding: 2.5rem 3%;\n                        border-bottom: 1px solid $violeta;\n\n                        &:hover{\n                            color: $dorado ;\n                        }\n                    }\n                }\n\n                // .logos-redes-sociales .bx{\n                //     font-size: 2.5rem;\n                //     margin: 0 0.3rem;\n                // }\n            }\n        }\n    }\n}\n</style>\n","import { render } from \"./nav.vue?vue&type=template&id=6ef1afd6\"\nimport script from \"./nav.vue?vue&type=script&lang=js\"\nexport * from \"./nav.vue?vue&type=script&lang=js\"\n\nimport \"./nav.vue?vue&type=style&index=0&id=6ef1afd6&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <section class=\"home\" id=\"home\">\n      <div class=\"swiper home-slider\">\n        <div class=\"swiper-wrapper\">\n          <div class=\"swiper-slide slide\">\n            <div class=\"content\">\n              <h3>ACCESORIOS HECHOS A MANO</h3>\n            </div>\n            <router-link to=\"/aretes\"><h3 class=\"btn\">Comprar ahora</h3></router-link>\n          </div>\n          <div class=\"swiper-slide slide\">\n            <div class=\"content\">\n              <h3>DISEÑOS EXCLUSIVOS PARA TI</h3>\n            </div>\n            <router-link to=\"/aretes\"><h3 class=\"btn\">Comprar ahora</h3></router-link>\n          </div>\n        </div>\n        <div class=\"swiper-pagination\"></div>\n      </div>\n    </section>\n  </template>\n  \n  <script>\n  import Swiper from 'swiper/bundle';\n  \n  export default {\n    mounted() {\n      // Inicializar Swiper solo una vez\n      this.initSwiper();\n    },\n    methods: {\n      initSwiper() {\n        const swiper = new Swiper('.home-slider', {\n          spaceBetween: 20,\n          effect: 'fade',\n          grabCursor: true,\n          loop: true,\n          autoplay: {\n            delay: 3500,\n            disableOnInteraction: false,\n          },\n          centeredSlides: true,\n          pagination: {\n            el: '.swiper-pagination',\n            clickable: true,\n          },\n        });\n      },\n    },\n  };\n  </script>\n  \n  <style lang=\"scss\">\n    @import \"@/assets/styles/normalize.css\";\n    @import \"@/assets/styles/variables.scss\";\n    @import \"@/assets/styles/fonts.scss\";\n\n  .home {\n    padding: 0 6%;\n    margin-top: 9rem;\n    background: #f8f2fc;\n  \n    .slide {\n      background-image: url('../assets/img/slider.png');\n      min-height: 100vh;\n      background-size: cover !important;\n      background-position: 0 63% !important;\n      padding: 0;\n      display: flex;\n      align-items: center;\n  \n      .content {\n        width: 50%;\n        position: absolute;\n        top: 45%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        text-align: center;\n  \n        h3 {\n          font-size: 3.5rem;\n          color: #ffffff;\n          display: block;\n          font-weight: 600;\n          letter-spacing: 1rem;\n        }\n  \n        p {\n          color: #ffffff;\n          font-size: 2.5rem;\n          margin-top: 5rem;\n        }\n      }\n    }\n  }\n  \n  .btn {\n    padding: 2rem 4rem;\n    background: rgba(115, 38, 107, 0.5);\n    color: #ffffff;\n    cursor: pointer;\n    font-size: 1.7rem;\n    position: absolute;\n    top: 80%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border: 1px solid #ffffff;\n    font-weight: 500;\n    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);\n    border-radius: 0.5rem;\n    text-decoration: none;\n  \n    &:hover {\n      background: rgba(115, 38, 107, 0.9);\n      border: 1px solid #ffffff;\n    }\n  }\n  \n  span.swiper-pagination-bullet {\n    height: 2rem;\n    width: 2rem;\n    background: rgb(108, 108, 108);\n    border-radius: 50%;\n    border: 1px solid #ffffff;\n  \n    &.swiper-pagination-bullet-active {\n      background: $violeta; /* Se espera que $violeta esté definido en variables.scss */\n    }\n  }\n\n\n  @media (max-width:700px){\n    .home{\n        padding: 0;\n    }\n\n    .home .swiper-wrapper .slide .content{\n        width: 90%;\n    }\n}\n\n@media (max-width:450px){\n    .home .slide{\n        min-height: 67vh;\n        background-position: 55% 90% !important;\n    }\n\n    .home .swiper-wrapper .slide .content{\n        h3{\n          font-size: 2.8rem;\n        } \n    }\n}\n  </style>","import { render } from \"./slider.vue?vue&type=template&id=cb02b584\"\nimport script from \"./slider.vue?vue&type=script&lang=js\"\nexport * from \"./slider.vue?vue&type=script&lang=js\"\n\nimport \"./slider.vue?vue&type=style&index=0&id=cb02b584&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <!-- inicio información -->\n    <section class=\"informacion\">\n        <div class=\"container-informacion\">\n            <div class=\"informacion-item scroll-up\">\n                <i class='bx bxs-truck'></i>\n                <h3>Envíos a todo el país</h3>\n                <p>Envíos hasta la puerta de tu hogar, casco urbano de Managua por C$60.00. Envíos a Departamentos de Nicaragua a través de Cargo Trans.</p>\n            </div>\n            \n            <div class=\"informacion-item scroll-up\">\n                <i class='bx bxs-bulb' ></i>\n                <h3>Accesorios exclusivos</h3>\n                <p>En Glamour encontrarás variedad de accesorios tanto únicos como personalizados para cada ocasión. Elaboramos, diseñamos y personalizamos el accesorio de tu preferencia. Haz tus consultas a nuestro WhatsApp. será un placer atenderte.</p>\n            </div>\n\n            <div class=\"informacion-item scroll-up\">\n                <i class='bx bxs-hand-down'></i>\n                <h3>Hecho en Nicaragua</h3>\n                <p>Nuestras manos artesanas se encargan de personalizar, crear y diseñar estilos que resalten tu belleza y que puedan ser usados en cualquier ocasión. Revisa nuestra página y haz tus consultas sobre los estilos disponibles.</p>\n                <!-- <div id=\"sobre-nosotros\"></div> -->\n            </div>\n        </div>\n    </section>\n    <!-- final información -->\n</template>\n\n<script>\n</script>\n\n<style lang=\"scss\">\n    @import \"@/assets/styles/normalize.css\";\n    @import \"@/assets/styles/variables.scss\";\n    @import \"@/assets/styles/fonts.scss\";\n\n    //informacion\n    .informacion {\n    padding: 0 6%;\n    margin-top: 5rem;\n\n    .container-informacion {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: space-between;\n        width: 100%;\n\n        .informacion-item {\n            border: 1px solid $dorado;\n            width: calc(30% - 1rem);\n            padding: 3rem 2rem;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n            margin-bottom: 2rem;\n\n            &:hover {\n                transform: translateY(-10px);\n                box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n            }\n\n            .bx {\n                color: $dorado;\n                font-size: 4rem;\n                margin-bottom: 1rem;\n            }\n\n            h3 {\n                margin-top: 1rem;\n                font-size: 2rem;\n                color: $violeta;\n                font-family: 'Lobster', cursive;\n                font-weight: 500;\n                letter-spacing: 1px;\n            }\n\n            p {\n                width: 100%;\n                margin-top: .6rem;\n                font-size: 1.5rem;\n                line-height: 1.6;\n                // color: $violeta;\n            }\n        }\n    }\n\n    @media (max-width: 850px) {\n        .container-informacion {\n            flex-direction: column;\n            align-items: center;\n\n            .informacion-item {\n                width: 100%;\n                margin-bottom: 2rem;\n                text-align: center;\n\n                h3{\n                    font-size: 2.5rem;\n                }\n\n                p{\n                    font-size: 1.8rem;\n                }\n            }\n        }\n    }\n\n    @media (max-width: 600px) {\n        .container-informacion {\n            .informacion-item {\n                width: calc(100% - 2rem);\n            }\n        }\n    }\n}\n\n\n</style>","import { render } from \"./informacion.vue?vue&type=template&id=b6af62d2\"\nconst script = {}\n\nimport \"./informacion.vue?vue&type=style&index=0&id=b6af62d2&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <!-- inicio sobre Nosotros -->\n    <section class=\"titulos\">\n        <div id=\"sobre-nosotros\"></div>\n        <div class=\"contenedor-titulos scroll-up\">\n            <img src=\"../assets/img/fondo-titulos.png\" alt=\"\">\n            <div class=\"texto\"><h2>Sobre Nosotros</h2></div>\n        </div>\n\n        <div class=\"container-nosotros scroll-up\">\n            <div class=\"textos-nosotros\">\n                <figure>\n                    <img v-lazy=\"require('@/assets/img/logo-sobre.png')\" alt=\"logo gabriela by ramos\">\n                </figure>\n    \n                <p>Glamour by Ramos, nació en Managua en el año 2017, como una idea de emprendimiento que resalte la belleza femenina de todas nuestras bellas nicaragüenses, desde entonces, Glamour se ha encargado de crear, diseñar y personalizar accesorios en diversidad de materiales y diseños. Todo esto con el fin de brindarle a nuestras bellas ciudadanas, su mejor opción para elección de accesorios.</p>\n            </div>\n    \n            <div class=\"imagen-nosotros\">\n                <figure>\n                    <img v-lazy=\"require('@/assets/img/sobre-nosotros.jpg')\" alt=\"\">\n                </figure>\n            </div>\n        </div>\n        <div class=\"textico\">\n            <p>\n                Nuevos estilos cada semana,  síguenos en nuestras redes sociales y entérate de todas las novedades que Glamour tiene para ti.\n            </p>\n        </div>\n    </section>\n    <!-- final sobre Nosotros -->\n</template>\n\n<script>\n</script>\n\n<style lang=\"scss\">\n    @import \"@/assets/styles/normalize.css\";\n    @import \"@/assets/styles/variables.scss\";\n    @import \"@/assets/styles/fonts.scss\";\n\n    //sobre nosotros\n    .titulos{\n    padding: 2rem 0;\n    // width: 100%;\n    // height: 100%;\n\n    .contenedor-titulos{\n        position: relative;\n        display: inline-block;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n\n        img{\n            height: 8rem;\n            width: 40rem;\n        }\n\n        .texto{\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n\n            h2{\n                color: $violeta-titulos;\n                // font-family: 'Roboto', sans-serif;\n                font-size: 2.8rem;\n                // font-family: 'Crete Round', serif;\n                font-family: 'Lobster', cursive;\n                font-weight: 300;\n                letter-spacing: 1px;\n            }\n        }\n\n    }\n\n    .textico{\n        padding: 1rem 6%;\n\n        p{  \n            text-align: center;\n            font-size: 2.1rem;\n            font-weight: 400;\n            line-height: 3rem;\n            background: #F6F3EF;\n            padding: 2rem;\n            color: $dorado;\n            // font-style: italic;\n            font-family: 'Lobster', cursive;\n            letter-spacing: 1px;\n        }\n    }\n\n    .container-nosotros{\n        padding: 0 6%;\n        margin-top: 2.5rem;\n        display: flex;\n        justify-content: space-between;\n\n        img{\n            height: 15rem;\n            width: 100%;\n            object-fit:cover ;\n        }\n\n        .textos-nosotros{\n            width: 50%;\n            background: #F6F3EF;\n            text-align: center;\n            display:flex;\n            align-items: center;\n            justify-content: center;\n            flex-direction: column;\n            // height: 100%;\n\n            p{\n                width: 80%;\n                font-size: 2rem;\n                font-weight: 300;\n                line-height: 3rem;\n            }\n        }\n\n        .imagen-nosotros{\n            width: 50%;\n\n            img{\n                height: 60rem;\n                width: 100%;\n                object-fit: cover;\n            }\n        }\n    }\n}\n\n@media (max-width: 700px) {\n    .titulos .container-nosotros{\n        display: flex;\n        flex-direction: column-reverse;\n\n        .textos-nosotros{\n            width: 100%;\n\n            p{\n                width: 70%;\n                padding-bottom: 2rem;\n            }\n        }\n\n        .imagen-nosotros{\n            width: 100%;\n        }\n      }\n    }\n\n   \n    @media (max-width: 550px){\n        .titulos .container-nosotros .textos-nosotros img{\n        margin-top: 1rem;\n        height: 10rem;\n        width: 27rem;\n      }\n\n      .titulos .container-nosotros .textos-nosotros p{\n        font-size: 1.9rem;\n      }\n    } \n\n    @media (max-width: 450px){\n        .titulos .container-nosotros .textos-nosotros p{\n        width: 90%;\n    }\n\n    .titulos .container-nosotros .imagen-nosotros img{\n        height: 35rem;\n     }\n    } \n</style>","import { render } from \"./sobreNosotros.vue?vue&type=template&id=4ad04cb8\"\nconst script = {}\n\nimport \"./sobreNosotros.vue?vue&type=style&index=0&id=4ad04cb8&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <!-- inicio productos recomendados -->\n    <section class=\"titulos2\">\n        <!-- <div class=\"contenedor-titulos\">\n            <img src=\"img/titulos.png\" alt=\"\">\n            <div class=\"texto\"><h2>Productos Recomendados</h2></div>\n        </div> -->\n\n        <div class=\"swiper swiper2 mySwiper\">\n            <div class=\"contenedor-titulos scroll-up\">\n                <img src=\"../assets/img/fondo-titulos.png\" alt=\"\">\n                <div class=\"texto\"><h2>Productos Recomendados</h2></div>\n            </div>\n          <div class=\"swiper-wrapper\">\n            <div class=\"swiper-slide\">\n                <div class=\"img__item\">\n                    <div class=\"gg\">\n                        <figure>\n                            <img v-lazy=\"require('@/assets/img/conjuntos/17-GBR-KK-S263-263-NF. Conjunto de cadena en acero inoxidable, dije y aretes enchapados en oro, flor enchapada dorada. C$485.00.png')\" alt=\"accesorios exclusivos para ti glamour by ramos\">\n                        </figure>\n                        <div class=\"container__item__hover\">\n                            <!-- <a href=\"https://www.instagram.com/glamourbyramos/\" target=\"_blank\"><h2>Ver Más</h2></a> -->\n                            <router-link to=\"/conjuntos\"><h2>Ver Más</h2></router-link>\n                        </div> \n                    </div>\n                    <div class=\"contenido-img-item\">\n                        <h3>Colección conjuntos</h3>\n                        <p>Conjunto de cadena en acero inoxidable</p>\n                        <span>C$485.00</span>\n                    </div>\n                </div>\n            </div>\n    \n    \n            <div class=\"swiper-slide\">\n                <div class=\"img__item\">\n                    <div class=\"gg\">\n                        <figure>\n                            <img v-lazy=\"require('@/assets/img/aretes/29-GBR-EJEW-FI0002-29-RC. Aretes colgantes de cristal con cuentas en forma de corazón, colores mezclados, 66x49mm, 1 parestilo. C$455.00 .png')\" alt=\"accesorios exclusivos para ti glamour by ramos\">\n                        </figure>\n                        <div class=\"container__item__hover\">\n                            <!-- <a href=\"https://www.instagram.com/glamourbyramos/\" target=\"_blank\"><h2>Ver Más</h2></a> -->\n                            <router-link to=\"/aretes\"><h2>Ver Más</h2></router-link>\n                        </div> \n                    </div>\n                    <div class=\"contenido-img-item\">\n                        <h3>Aretes colgantes</h3>\n                        <p>cristal con cuentas en forma de corazón</p>\n                        <span>C$455.00</span>\n                    </div>\n                </div>\n            </div>\n    \n    \n            <div class=\"swiper-slide\">\n                <div class=\"img__item\">\n                    <div class=\"gg\">\n                        <figure>\n                            <img v-lazy=\"require('@/assets/img/collares/collares_en_parejas_acero_inoxidable/1723044574853.png')\" alt=\"accesorios exclusivos para ti glamour by ramos\">\n                        </figure>\n                        <div class=\"container__item__hover\">\n                            <!-- <a href=\"https://www.instagram.com/glamourbyramos/\" target=\"_blank\"><h2>Ver Más</h2></a> -->\n                            <router-link to=\"/collares/collares_en_parejas\"><h2>Ver Más</h2></router-link>\n                        </div> \n                    </div>\n                    <div class=\"contenido-img-item\">\n                        <h3>Juego de dos collares</h3>\n                        <p>Acero inoxidable</p>\n                        <span>C$435.00</span>\n                    </div>\n                </div>\n            </div>\n    \n    \n            <div class=\"swiper-slide\">\n                <div class=\"img__item\">\n                    <div class=\"gg\">\n                        <figure>\n                            <img v-lazy=\"require('@/assets/img/pulseras/pulseras_en_platino/1-GBR-KK-S338-07-PCH. Pulsera estilo europeo con grabado pandora y 5 charms en acero inoxidable. C$995.00.png')\" alt=\"accesorios exclusivos para ti glamour by ramos\">\n                        </figure>\n                        <div class=\"container__item__hover\">\n                            <!-- <a href=\"https://www.instagram.com/glamourbyramos/\" target=\"_blank\"><h2>Ver Más</h2></a> -->\n                            <router-link to=\"/charms/charms_pulseras_europeo\"><h2>Ver Más</h2></router-link>\n                        </div> \n                    </div>\n                    <div class=\"contenido-img-item\">\n                        <h3>Pulsera estilo europeo</h3>\n                        <p>Acero Inoxidable</p>\n                        <span>C$995.00</span>\n                    </div>\n                </div>\n            </div>\n    \n    \n            <div class=\"swiper-slide\">\n                <div class=\"img__item\">\n                    <div class=\"gg\">\n                        <figure>\n                            <img v-lazy=\"require('@/assets/img/producto-recomendado-4.jpg')\" alt=\"accesorios exclusivos para ti glamour by ramos\">\n                        </figure>\n                        <div class=\"container__item__hover\">\n                            <!-- <a href=\"https://www.instagram.com/glamourbyramos/\" target=\"_blank\"><h2>Ver Más</h2></a> -->\n                            <router-link to=\"/collares/collares_y_dijes\"><h2>Ver Más</h2></router-link>\n                        </div> \n                    </div>\n                    <div class=\"contenido-img-item\">\n                        <h3>Colección collares</h3>\n                        <p>Acero Inoxidable y zirconia</p>\n                        <span>C$265</span>\n                    </div>\n                </div>\n            </div>\n    \n    \n            <div class=\"swiper-slide\">\n                <div class=\"img__item\">\n                    <div class=\"gg\">\n                        <figure>\n                            <img v-lazy=\"require('@/assets/img/producto-recomendado-5.jpg')\" alt=\"accesorios exclusivos para ti glamour by ramos\">\n                        </figure>\n                        <div class=\"container__item__hover\">\n                            <!-- <a href=\"https://www.instagram.com/glamourbyramos/\" target=\"_blank\"><h2>Ver Más</h2></a> -->\n                            <router-link to=\"/charms/charms_perlas_colores \"><h2>Ver Más</h2></router-link>\n                        </div> \n                    </div>\n                    <div class=\"contenido-img-item\">\n                        <h3>Colección charms</h3>\n                        <p>Acero Inoxidable</p>\n                        <span>C$75</span>\n                    </div>\n                </div>\n            </div>\n    \n    \n            <div class=\"swiper-slide\">\n                <div class=\"img__item\">\n                    <div class=\"gg\">\n                        <figure>\n                            <img v-lazy=\"require('@/assets/img/producto-recomendado-6.jpg')\" alt=\"accesorios exclusivos para ti glamour by ramos\">\n                        </figure>\n                        <div class=\"container__item__hover\">\n                            <!-- <a href=\"https://www.instagram.com/glamourbyramos/\" target=\"_blank\"><h2>Ver Más</h2></a> -->\n                            <router-link to=\"/collares/collares_y_dijes\"><h2>Ver Más</h2></router-link>\n                        </div> \n                    </div>\n                    <div class=\"contenido-img-item\">\n                        <h3>Colección collares</h3>\n                        <p>Acero Inoxidable</p>\n                        <span>C$165</span>\n                    </div>\n                </div>\n            </div>\n\n          </div>\n          <div class=\"swiper-pagination\"></div>\n          <div id=\"categoria\"></div>\n        </div>\n        <!-- <div class=\"boton-comprar\">\n            <button><a href=\"catalogo.html\" target=\"_blank\">Comprar</a></button>\n        </div> -->\n    </section>\n    <!-- final productos recomendados -->\n</template>\n\n\n<script>\n  export default {\n    mounted() {\n      this.loadScript('https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js')\n        .then(() => {\n          console.log('Swiper cargado desde CDN');\n\n          // Lo más vendido\n          var swiper2 = new Swiper(\".mySwiper\", {\n            spaceBetween: 55,\n            autoplay: {\n              delay: 3000,\n              disableOnInteraction: false,\n            },\n            pagination: {\n              el: \".swiper-pagination\",\n              clickable: true,\n            },\n            breakpoints: {\n              320: {\n                slidesPerView: 1,\n                spaceBetween: 10\n              },\n              480: {\n                slidesPerView: 2,\n                spaceBetween: 10\n              },\n              768: {\n                slidesPerView: 2,\n                spaceBetween: 20\n              },\n              1024: {\n                slidesPerView: 3,\n                spaceBetween: 30\n              },\n              1440: {\n                slidesPerView: 4,\n                spaceBetween: 40\n              },\n              1920: {\n                slidesPerView: 5,\n                spaceBetween: 50\n              }\n            }\n          });\n\n        })\n        .catch((error) => {\n          console.error('Error al cargar Swiper desde CDN:', error);\n        });\n\n      this.loadScript('https://unpkg.com/swiper@7/swiper-bundle.min.js')\n        .then(() => {\n          console.log('Swiper cargado desde unpkg');\n          // Aquí puedes inicializar Swiper si es necesario\n        })\n        .catch((error) => {\n          console.error('Error al cargar Swiper desde unpkg:', error);\n        });\n    },\n    methods: {\n      loadScript(src) {\n        return new Promise((resolve, reject) => {\n          const script = document.createElement('script');\n          script.src = src;\n          script.onload = resolve;\n          script.onerror = reject;\n          document.body.appendChild(script);\n        });\n      }\n    }\n  }\n</script>\n\n\n\n<style lang=\"scss\">\n  @import \"@/assets/styles/normalize.css\";\n  @import \"@/assets/styles/variables.scss\";\n  @import \"@/assets/styles/fonts.scss\";\n\n  //productos recomendados\n  .titulos2 {\n    padding-top: 0.8rem;\n    // padding-bottom: 5rem;\n    margin: 0 5rem;\n    text-align: center;\n\n    .contenedor-titulos {\n      position: relative;\n      display: inline-block;\n      text-align: center;\n      display: flex;\n      justify-content: center;\n\n      img {\n        height: 8rem;\n        width: 40rem;\n      }\n\n      .texto {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%;\n\n        h2 {\n          color: $violeta-titulos;\n          font-size: 2.8rem;\n          font-family: 'Lobster', cursive;\n          font-weight: 300;\n          letter-spacing: 1px;\n        }\n      }\n    }\n  }\n\n  .swiper2 {\n    padding: 0 3.5rem 5rem 3.5rem;\n\n    .swiper-wrapper {\n      margin-top: 2.2rem;\n    }\n\n    .img__item{\n      margin-bottom: 5rem;\n    }\n\n    .swiper-wrapper .img__item .gg {\n      position: relative;\n      overflow: hidden;\n    }\n  }\n\n  .swiper-slide {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .img__item .contenido-img-item {\n      margin-top: 2rem;\n      text-align: center;\n\n      h3 {\n        font-size: 1.8rem;\n        margin-bottom: .6rem;\n        color: #333333;\n      }\n\n      p {\n        margin-bottom: .6rem;\n        font-size: 1.6rem;\n        font-weight: 400;\n        font-style: italic;\n      }\n\n      span {\n        color: $violeta;\n        font-size: 2rem;\n        font-style: italic;\n      }\n    }\n\n    .container__item__hover {\n      padding: 0 6%;\n      position: absolute;\n      background: #1515158c;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 8.5rem;\n      color: #fff;\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      transform: translateY(100%);\n      cursor: pointer;\n      transition: transform .3s ease-in-out;\n      box-sizing: border-box;\n    }\n\n    .container__item__hover a {\n      color: rgb(255, 255, 255);\n      font-size: 1.3rem;\n      text-decoration: none;\n    }\n  }\n\n  html .img__item:hover .container__item__hover {\n    transform: translateY(0);\n  }\n\n  .swiper-slide img {\n    display: block;\n    width: 100%;\n    height: auto; // Cambiado de altura fija a auto para mantener la relación de aspecto\n    object-fit: cover;\n    cursor: pointer;\n    border-radius: .5rem;\n  }\n\n  span.swiper-pagination-bullet {\n    // display: none;\n    margin-top: 5rem;\n    height: 2rem;\n    width: 2rem;\n    background: rgb(108, 108, 108);\n    border-radius: 50%;\n    border: 1px solid #ffffff;\n\n    &.swiper-pagination-bullet-active {\n      background: $violeta;\n    }\n  }\n</style>\n","import { render } from \"./productosRecomendados.vue?vue&type=template&id=1ff95e5a\"\nimport script from \"./productosRecomendados.vue?vue&type=script&lang=js\"\nexport * from \"./productosRecomendados.vue?vue&type=script&lang=js\"\n\nimport \"./productosRecomendados.vue?vue&type=style&index=0&id=1ff95e5a&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<!-- <template>\n  <form @submit.prevent=\"submitForm\">\n    <input type=\"text\" v-model=\"nombre\" placeholder=\"Tu nombre\" required />\n    <input type=\"email\" v-model=\"correo\" placeholder=\"Tu correo\" required />\n    <textarea v-model=\"mensaje\" placeholder=\"Tu mensaje\" required></textarea>\n    <button type=\"submit\">Enviar</button>\n  </form>\n</template> -->\n\n<template>\n  <div class=\"titulos4\">\n    <div class=\"contenedor-titulos scroll-up\">\n      <img src=\"../assets/img/fondo-titulos.png\" alt=\"\">\n      <div class=\"texto\">\n        <h2>Dèjanos tu mensaje</h2>\n      </div>\n    </div>\n\n    <div class=\"color-fondo\">\n      <form @submit.prevent=\"submitForm\" class=\"form-content\">\n        <div>\n          <input type=\"text\" v-model=\"nombre\" placeholder=\"Nombre Completo\" required />\n        </div>\n        <div>\n          <input type=\"email\" v-model=\"correo\" placeholder=\"Correo Electrónico\" required />\n        </div>\n        <div>\n          <textarea v-model=\"mensaje\" placeholder=\"Mensaje\" required></textarea>\n        </div>\n        <button type=\"submit\">Enviar</button>\n      </form>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from 'axios';\n\nexport default {\n  data() {\n    return {\n      nombre: '',\n      correo: '',\n      mensaje: ''\n    };\n  },\n  methods: {\n    submitForm() {\n      axios.post('/scripts/enviar-correo.php', {\n        nombre: this.nombre,\n        correo: this.correo,\n        mensaje: this.mensaje\n      })\n      .then(response => {\n        console.log('Correo enviado con éxito');\n        alert('Correo enviado con éxito');\n      })\n      .catch(error => {\n        console.error('Error al enviar el correo:', error);\n        alert('Error al enviar el correo');\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/styles/normalize.css\";\n@import \"@/assets/styles/variables.scss\";\n@import \"@/assets/styles/fonts.scss\";\n\n.titulos4 {\n  background-image: url(../assets/img/fondito.png);\n  background-position: top;\n  background-repeat: no-repeat;\n  background-size: cover;\n  padding: 0.8rem 3%;\n\n  .color-fondo {\n    background: linear-gradient(to bottom, #f2d6f2b5, #f6f0f6e1);\n    display: flex;\n    justify-content: center;\n    \n    .form-content {\n      background-color: white;\n      padding: 20px 40px;\n      border-radius: 5px;\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n      max-width: 400px;\n      width: 100%;\n      margin: 3.5rem 0;\n\n      button {\n        width: 100%;\n        padding: 10px;\n        background: linear-gradient(to right, #9a258e, #f5c6f8);\n        border: none;\n        border-radius: 5px;\n        color: white;\n        font-size: 16px;\n        cursor: pointer;\n      }\n\n      input, textarea {\n        width: 100%;\n        padding: 10px 5px;\n        margin-bottom: 20px;\n        border: 1px solid #ddd;\n        border-radius: 3px;\n        font-size: 1.3rem;\n        color: $violeta-titulos;\n      }\n    }\n  }\n\n  .contenedor-titulos {\n    position: relative;\n    display: inline-block;\n    text-align: center;\n    display: flex;\n    justify-content: center;\n\n    img {\n      height: 8rem;\n      width: 40rem;\n    }\n\n    .texto {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n\n      h2 {\n        color: $violeta-titulos;\n        font-size: 2.8rem;\n        font-family: 'Lobster', cursive;\n        font-weight: 300;\n        letter-spacing: 1px;\n      }\n    }\n  }\n}\n\n@media (max-width: 768px) {\n  .titulos4 {\n    .contenedor-titulos {\n      img {\n        width: 100%;\n        height: auto;\n      }\n\n      .texto {\n        h2 {\n          font-size: 2rem;\n        }\n      }\n    }\n\n    .color-fondo {\n      .form-content {\n        padding: 15px 20px;\n        max-width: 100%;\n\n        input, textarea {\n          font-size: 1rem;\n        }\n\n        button {\n          font-size: 14px;\n        }\n      }\n    }\n  }\n}\n\n@media (max-width: 480px) {\n  .titulos4 {\n    .contenedor-titulos {\n      img {\n        width: 100%;\n        height: auto;\n      }\n\n      .texto {\n        h2 {\n          font-size: 1.5rem;\n        }\n      }\n    }\n\n    .color-fondo {\n      .form-content {\n        padding: 25px 15px;\n        max-width: 270px;\n\n        input, textarea {\n          font-size: 1.4rem;\n          padding: 1.5rem 0 1.5rem .8rem;\n        }\n\n        button {\n          font-size: 11px;\n        }\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./formulario.vue?vue&type=template&id=ab55dbd8\"\nimport script from \"./formulario.vue?vue&type=script&lang=js\"\nexport * from \"./formulario.vue?vue&type=script&lang=js\"\n\nimport \"./formulario.vue?vue&type=style&index=0&id=ab55dbd8&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n\n    <!-- inicio siguenos en instagram -->\n    <section class=\"titulos4\">\n        <div class=\"contenedor-titulos scroll-up\">\n            <img src=\"../assets/img/fondo-titulos.png\" alt=\"\">\n            <div class=\"texto\"><h2>Síguenos En Instagram</h2></div>\n        </div>\n        \n        <a class=\"link-instagram scroll-up\" target=\"_blank\" href=\"https://www.instagram.com/glamourbyramos/\">@glamourbyramos</a>\n\n        <div class=\"contenedor-siguenos\">\n            <div class=\"imagenes-siguenos scroll-up\">\n                <figure>\n                    <img v-lazy=\"require('@/assets/img/aretes/18-GBR-EJEW-EE0001-232B. Aretes enchapado en oro 18K, estilo lágrima y perla esperalda. C$295.00.png')\" alt=\"hermosos artículos en glamour by ramos, síguenos en instagram\" class=\"projects__img img-welcome\">\n                </figure>\n            </div>\n\n            <div class=\"imagenes-siguenos scroll-up\">\n                <figure>\n                    <img v-lazy=\"require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_estilo_europeo/8-GBR-STAS-I192-13P-REED. Charm de Acero Inoxidable, corazón y latidos, Rojo. C$195.00.png')\" alt=\"hermosos artículos en glamour by ramos, síguenos en instagram\" class=\"projects__img img-welcome\">\n                </figure>\n            </div>\n\n            <div class=\"imagenes-siguenos scroll-up\">\n                <figure>\n                    <img v-lazy=\"require('@/assets/img/anillos/anillos_oro/1-GBR-RJEW-B028-23G. Anillo abierto con diamantes y circonita cúbica transparente para mujer, en oro real de 18 quilates, diámetro interior 16 mm. C$285.00.png')\" alt=\"hermosos artículos en glamour by ramos, síguenos en instagram\" class=\"projects__img img-welcome\">\n                </figure>\n            </div>\n\n            <div class=\"imagenes-siguenos scroll-up\">\n                <figure>\n                    <img v-lazy=\"require('@/assets/img/pulseras/pulseras_acero_inoxidable/5-GBR-BJEW-I283-08. Conjuntos de pulseras para parejas de acero inoxidable 304, rectángulo con corazón dividido, color dorado y plateado. C$425.00 .png')\" alt=\"hermosos artículos en glamour by ramos, síguenos en instagram\" class=\"projects__img img-welcome\">\n                </figure>\n            </div>\n\n            <div class=\"imagenes-siguenos scroll-up\">\n                <figure>\n                    <img v-lazy=\"require('@/assets/img/collares/collares_en_acero_inoxidable_y_cuarzos/2-GBR-STAS-UN0016-24P-BLACK. Collar en Acero Inoxidable con dije de Cuarzo Negro. C$235.00.png')\" alt=\"hermosos artículos en glamour by ramos, síguenos en instagram\" class=\"projects__img img-welcome\">\n                </figure>\n            </div>\n\n            <div class=\"imagenes-siguenos scroll-up\">\n                <figure>\n                    <img v-lazy=\"require('@/assets/img/anillos/anillos_acero_inoxidable/GBR-ANI-ACEI-GOLD.png')\" alt=\"hermosos artículos en glamour by ramos, síguenos en instagram\" class=\"projects__img img-welcome\">\n                </figure>\n            </div>\n        </div>\n\n        <!-- <section class=\"imagen-light\">\n            <img src=\"\" alt=\"\" class=\"agregar-imagen\">\n        </section> -->\n    </section>\n    <!-- final siguenos en instagram -->\n\n</template>\n\n\n<script>\n</script>\n\n\n<style lang=\"scss\">\n    @import \"@/assets/styles/normalize.css\";\n    @import \"@/assets/styles/variables.scss\";\n    @import \"@/assets/styles/fonts.scss\";\n\n    //siguenos en instagram\n    .titulos4{\n    background-image: url(../assets/img/fondito.png);\n    background-position: top;\n    background-repeat: no-repeat;\n    // background-attachment: fixed;\n    background-size: cover ;\n    padding:0.8rem 3%;\n    \n    .contenedor-titulos{\n        position: relative;\n        display: inline-block;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n\n        img{\n            height: 8rem;\n            width: 40rem;\n        }\n\n        .texto{\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n\n            h2{\n                color: $violeta-titulos;\n                // font-family: 'Roboto', sans-serif;\n                font-size: 2.8rem;\n                // font-family: 'Crete Round', serif;\n                font-family: 'Lobster', cursive;\n                font-weight: 300;\n                letter-spacing: 1px;\n            }\n        }\n    }\n}\n\n\n.titulos4{\n\n.link-instagram{\n    display: flex;\n    justify-content: center;\n    font-size: 2.8rem;\n    color: $dorado;\n    margin: .5rem 0;\n    font-family: 'Lobster', cursive;\n    font-weight: 300;\n    letter-spacing: 3px;\n\n    &:hover{\n        transform: scale(1.05);\n    }\n}\n\n.contenedor-siguenos{\n    margin-top: 3rem;\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    .imagenes-siguenos{\n        margin: 0 auto;\n        align-items: center;\n\n        position: relative;\n        overflow: hidden;\n\n        &:hover{\n            transform: scale(1.02);\n        }\n\n        .projects__img{\n            object-fit:cover;\n            border-radius: 3px;\n            cursor: pointer;\n            overflow: hidden;\n        }\n\n        img{\n            height: 40rem;\n            width: 35rem;\n            object-fit: cover;\n            margin-bottom: 3rem;\n        }\n    }\n}\n}\n\n\n@media (max-width:768px){\n    .titulos4{\n        padding: 0 3%;\n        background-image: url(../assets/img/fondito2.png);\n      }\n}\n\n@media (max-width:700px){\n    .titulos4 .contenedor-siguenos .imagenes-siguenos img{\n        height: 22rem;\n        width: 20rem;\n      }\n}\n\n</style>","import { render } from \"./instagram.vue?vue&type=template&id=14ca5595\"\nconst script = {}\n\nimport \"./instagram.vue?vue&type=style&index=0&id=14ca5595&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <footer class=\"footer\">\n      <div class=\"container-footer scroll-up\">\n        <div class=\"logo\">\n                <h3>Glamour By Ramos</h3>\n                <hr>\n                <p>Accesorios hechos a mano con mucho amor.\n                elegancia y estilo solo para ti.</p>\n        </div>\n\n        <div class=\"links\">\n                <h3>Enlaces</h3>\n                <hr>\n                <a href=\"#\">Inicio</a>\n                <a href=\"#categoria\">Comprar Ahora</a>\n                <a href=\"#sobre-nosotros\">Quíenes Somos</a>\n        </div>\n\n        <div class=\"horarios\">\n                <h3>Horarios</h3>\n                <hr>\n                <span>Lunes - Sábado</span>\n                <span>9:00am - 7:00pm</span>\n        </div>\n\n        <div class=\"contactanos\">\n                <h3>Contactos</h3>\n                <hr>\n                <a href=\"https://api.whatsapp.com/send/?phone=%2B50587617146\" target=\"_blank\">WhatsApp</a>\n                <a href=\"https://www.facebook.com/GlamourbyRamos17/\" target=\"_blank\">Facebook</a>\n                <a href=\"https://www.instagram.com/glamourbyramos/\" target=\"_blank\">Instagram</a>\n                <a href=\"https://pin.it/5twLola\" target=\"_blank\">Pinterest</a>\n        </div>\n\n        <div class=\"suscripcion\">\n           <h3>Suscríbete</h3>\n          <hr>\n            <span>Regístrate y recibe las últimas <br> promociones</span>\n              <form class=\"container-sus\" @submit.prevent=\"enviarSuscripcion\">\n                 <input type=\"email\" v-model=\"email\" placeholder=\"Introduce tu correo\" required />\n                 <button type=\"submit\">Suscríbete</button>\n              </form>\n        </div>\n      </div>\n    </footer>\n    <div class=\"copy\">\n      <span>Created By <span class=\"span\">Andrés Rivera</span> | All Rights Reserved!</span>\n    </div>\n  </template>\n  \n  <script>\n  import axios from 'axios';\n\nexport default {\n  data() {\n    return {\n      email: ''\n    };\n  },\n  methods: {\n    async enviarSuscripcion() {\n      try {\n        const response = await axios.post('/scripts/enviar-suscripcion.php', {\n          email: this.email\n        });\n\n        if (response.status === 200) {\n          alert('Suscripción exitosa');\n          this.email = ''; // Limpiar el campo de email\n        } else {\n          alert('Hubo un problema con la suscripción');\n        }\n      } catch (error) {\n        console.error('Error:', error.response.data);\n        alert('Hubo un error al enviar la suscripción');\n      }\n    }\n  }\n};\n\n  </script>\n  \n  \n  \n  <style lang=\"scss\">\n    @import \"@/assets/styles/normalize.css\";\n    @import \"@/assets/styles/variables.scss\";\n    @import \"@/assets/styles/fonts.scss\";\n  \n    //footer\n    .footer {\n      padding: 5rem 6% 0 6%;\n      width: 100%;\n      background: #F8F2FC;\n      border-top: 1px solid $dorado;\n  \n      .container-footer {\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        margin: 3rem 0 0 0;\n  \n        hr {\n          border: 1px solid $violeta;\n          width: 100%;\n          margin: .5rem 0 1rem;\n        }\n  \n        .logo {\n          width: 18%;\n          margin-top: 0.2rem;\n          margin-bottom: 2.5rem;\n  \n          h3 {\n            font-size: 2.5rem;\n            font-family: 'Lobster', cursive;\n            color: $violeta;\n            font-weight: 300;\n          }\n  \n          p {\n            font-size: 1.5rem;\n            color: #333333;\n            line-height: 2.5rem;\n          }\n        }\n  \n        .links {\n          display: flex;\n          flex-direction: column;\n          font-size: 1.6rem;\n          margin-bottom: 2.5rem;\n  \n          h3 {\n            font-size: 2.5rem;\n            font-family: 'Lobster', cursive;\n            color: $violeta;\n            font-weight: 300;\n          }\n  \n          a {\n            color: #333333;\n            margin-bottom: 1.5rem;\n            text-decoration: none;\n  \n            &:hover {\n              color: $violeta;\n            }\n          }\n        }\n  \n        .horarios {\n          display: flex;\n          flex-direction: column;\n          font-size: 1.6rem;\n          margin-bottom: 2.5rem;\n  \n          h3 {\n            font-size: 2.5rem;\n            font-family: 'Lobster', cursive;\n            color: $violeta;\n            font-weight: 300;\n          }\n  \n          span {\n            color: #333333;\n            margin-bottom: 1.5rem;\n          }\n        }\n  \n        .contactanos {\n          display: flex;\n          flex-direction: column;\n          font-size: 1.6rem;\n          margin-bottom: 2.5rem;\n  \n          h3 {\n            font-size: 2.5rem;\n            font-family: 'Lobster', cursive;\n            color: $violeta;\n            font-weight: 300;\n          }\n  \n          a {\n            color: #333333;\n            margin-bottom: 1.5rem;\n            text-decoration: none;\n  \n            &:hover {\n              color: $violeta;\n            }\n          }\n        }\n  \n        .suscripcion {\n          h3 {\n            font-size: 2.5rem;\n            font-family: 'Lobster', cursive;\n            color: $violeta;\n            font-weight: 300;\n          }\n  \n          span {\n            font-size: 1.4rem;\n            color: #333333;\n          }\n  \n          .container-sus {\n            display: flex;\n            flex-direction: column;\n  \n            input {\n              padding: .8rem .5rem;\n              font-size: 1.2rem;\n              margin: 1rem 0;\n              width: 70%;\n              border: 1px solid #ddd;\n            }\n  \n            button {\n              width: 50%;\n              border: none;\n              border-radius: 5px;\n              color: white;\n              background: linear-gradient(to right, #9a258e, #74167b);\n              font-size: 12px;\n              padding: 1rem 2rem;\n              cursor: pointer;\n            }\n          }\n        }\n      }\n    }\n  \n    //copy\n    body .copy {\n      padding: 2rem 0;\n      text-align: center;\n      background: #f2eff5;\n      width: 100%;\n  \n      span {\n        font-size: 1.7rem;\n  \n        .span {\n          color: $violeta;\n        }\n      }\n    }\n  \n    @media (max-width: 700px) {\n      footer .suscripcion .container-sus input {\n        width: 20%;\n      }\n  \n      .footer .container-footer {\n        flex-direction: column;\n  \n        hr {\n          width: 60%;\n          margin-bottom: 1.5rem;\n        }\n  \n        .logo h3 {\n          font-size: 2.8rem;\n        }\n  \n        .logo p {\n          font-size: 1.8rem;\n        }\n  \n        .links h3 {\n          font-size: 2.8rem;\n        }\n  \n        .links a {\n          font-size: 1.8rem;\n        }\n  \n        .horarios h3 {\n          font-size: 2.8rem;\n        }\n  \n        .horarios span {\n          font-size: 1.8rem;\n        }\n  \n        .contactanos h3 {\n          font-size: 2.8rem;\n        }\n  \n        .contactanos a {\n          font-size: 1.8rem;\n        }\n      }\n  \n      .footer .container-footer .logo {\n        width: 100%;\n  \n        p {\n          width: 70%;\n        }\n      }\n    }\n\n    @media (max-width: 480px){\n      .footer .container-footer .suscripcion span{\n        font-size: 1.7rem;\n        letter-spacing: 1px;\n        line-height: 17px\n      }\n\n      .footer .suscripcion .container-sus input{\n        height: 5rem;\n      }\n    }\n  </style>\n  ","import { render } from \"./footer.vue?vue&type=template&id=19377d55\"\nimport script from \"./footer.vue?vue&type=script&lang=js\"\nexport * from \"./footer.vue?vue&type=script&lang=js\"\n\nimport \"./footer.vue?vue&type=style&index=0&id=19377d55&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n\n<section class=\"contactos\">\n    <div id=\"contactanos\"></div>\n    <div class=\"titulos4\">\n        <div class=\"contenedor-titulos scroll-up\">\n            <img src=\"../assets/img/fondo-titulos.png\" alt=\"\">\n            <div class=\"texto\"><h2>Servicio al cliente</h2></div>\n        </div>\n    </div>\n\n        <div class=\"datos-contactos\">\n            <div class=\"horarios\">\n                <h3>Horarios</h3>\n                <span>Lunes a Viernes</span>\n                <span>9:00am - 6:00pm</span>\n                <span>Sábados</span>\n                <span>9:00am - 5:00pm</span>\n            </div>\n\n            <div class=\"contacto\">\n                <h3>Contactos</h3>\n                <span>+50587617146</span>\n                <!-- <span>ejemplo@hotmail.com</span> -->\n                <span>Managua - Nicaragua</span>\n                <span>Plaza Corona, Colectivo Corals</span>\n                <span>ventas@glamourbyramos.com</span>\n            </div>\n        </div>\n\n        <div class=\"dudas\">\n            <div class=\"texto-dudas\">\n                <h3>Dudas</h3>\n                <span>Si tienes dudas sobre nuestros productos y servicios puedes contactarnos en las siguientes redes sociales.</span>\n                <div class=\"iconos-redes\">\n                    <a href=\"https://www.facebook.com/GlamourbyRamos17/\" target=\"_blank\"><i class='bx bxl-facebook'></i></a>\n                    <a href=\"https://www.instagram.com/glamourbyramos/\" target=\"_blank\"><i class='bx bxl-instagram' ></i></a>\n                    <a href=\"https://api.whatsapp.com/send/?phone=%2B50587617146\"><i class='bx bxl-whatsapp' ></i></a>\n                </div>\n            </div>\n        </div>\n   </section>\n    \n</template>\n\n<script>\n</script>\n\n<style lang=\"scss\" >\n    @import \"@/assets/styles/normalize.css\";\n    @import \"@/assets/styles/variables.scss\";\n    @import \"@/assets/styles/fonts.scss\";\n\n    .titulos4{\n    background-image: url(../assets/img/fondito.png);\n    background-position: top;\n    background-repeat: no-repeat;\n    // background-attachment: fixed;\n    background-size: cover ;\n    padding:0.8rem 3%;\n    \n    .contenedor-titulos{\n        position: relative;\n        display: inline-block;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n\n        img{\n            height: 8rem;\n            width: 40rem;\n        }\n\n        .texto{\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n\n            h2{\n                color: $violeta-titulos;\n                // font-family: 'Roboto', sans-serif;\n                font-size: 2.8rem;\n                // font-family: 'Crete Round', serif;\n                font-family: 'Lobster', cursive;\n                font-weight: 300;\n                letter-spacing: 1px;\n            }\n        }\n    }\n}\n\n    //contactos\n.contactos{\n    padding: 2rem 0 0 0;\n\n    .datos-contactos{\n        margin-top: 1.5rem;\n        padding: 5rem 6% 2rem 6%;\n        display: flex;\n        justify-content: space-around;\n        background: #F8F2FC;\n\n        .horarios{\n            display: flex;\n            flex-direction: column;\n\n            h3{\n                font-size: 2.4rem;\n                margin-bottom: .5rem;\n                color: $violeta-titulos;\n            }\n\n            span{\n                margin-top: .5rem;\n                font-size: 1.9rem;\n                color: $violeta-titulos;\n                line-height: 2.5rem;\n                letter-spacing: .1rem;\n            }\n        }\n\n        .contacto{\n            display: flex;\n            flex-direction: column;\n\n            h3{\n                font-size: 2.4rem;\n                margin-bottom: .5rem;\n                color: $violeta-titulos;\n            }\n\n            span{\n                margin-top: .5rem;\n                font-size: 1.9rem;\n                color: $violeta-titulos;\n                line-height: 2.5rem;\n                letter-spacing: .1rem;\n            }\n        }\n\n    }\n\n    .dudas .texto-dudas{\n        padding: 0 0 5rem 0;\n        display: flex;\n        flex-direction: column;\n        text-align: center;\n        background: #F8F2FC;\n\n        h3{\n            font-size: 2.4rem;\n            margin-bottom: .5rem;\n            color: $violeta-titulos;\n        }\n\n        span{\n            margin-top: .5rem;\n            font-size: 1.9rem;\n            color: $violeta-titulos;\n            width: 70%;\n            margin: 0 auto;\n            line-height: 2.5rem;\n            letter-spacing: .1rem;\n        }\n\n        .iconos-redes{\n            padding: 1.5rem 0 0 0;\n\n            i{\n                font-size: 3.5rem;\n                margin: 0 .5rem;\n            }\n\n            .bxl-facebook{\n                color: #255ac4;\n            }\n            \n            .bxl-instagram{\n                color: rgb(139, 23, 23);\n            }\n\n            .bxl-whatsapp{\n                color: #219e31;\n            }\n        }\n    }\n}\n\n@media (max-width:768px){\n    .contactos{\n        padding-top: 1.5rem;\n    }\n    .contactos .datos-contactos{\n        padding: 2rem 6%;\n        display: flex;\n        flex-direction: column;\n        text-align: center;\n    \n        .contacto{\n            margin-top: 2rem;\n        }\n     }\n}\n\n\n\n\n</style>","import { render } from \"./contactos.vue?vue&type=template&id=4af53d48\"\nconst script = {}\n\nimport \"./contactos.vue?vue&type=style&index=0&id=4af53d48&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./home.vue?vue&type=template&id=2b1ea9a0\"\nimport script from \"./home.vue?vue&type=script&lang=js\"\nexport * from \"./home.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <navCategoria/>\n    <Enlaces/>\n    <router-view></router-view>\n    <!-- <div class=\"enlaces\">\n        <router-link class=\"enlace\" to=\"/aretes\">Aretes</router-link>\n        <router-link class=\"enlace\" to=\"/pulseras\">Pulseras</router-link>\n        <router-link class=\"enlace\" to=\"/cadenas\">Cadenas</router-link>\n        <router-link class=\"enlace\" to=\"/carrito\">Carrito ({{ itemCount }})</router-link>\n    </div> -->\n\n</template>\n\n<script>\nimport NavCategoria from '../components/navCategoria.vue'\nimport Enlaces from '../components/enlaces.vue'\n\nexport default {\n  name: 'App',\n  components: {\n    NavCategoria,\n    Enlaces,\n  },\n}\n</script>\n\n<style lang=\"scss\">\n\n//    .enlaces{\n//        margin-top:20rem; \n\n//        .enlace{\n//         font-size: 1.8rem;\n//         color: green;\n//         margin: 0 .5rem;\n//        }\n//    }\n\n</style>","<template>\n    <header class=\"header\">\n        <div class=\"nav-superior\">\n            <p>Próximamente: Embajadores de la marca</p>\n        </div>\n        <div class=\"header-center\">\n            <div class=\"header-center-items\">\n                <figure>\n                    <img src=\"@/assets/img/logo.png\" alt=\"Logo\">\n                </figure>\n\n                <div id=\"menu-btn\" class=\"fas fa-bars\"></div>\n\n                <nav class=\"navbar\">\n                    <router-link to=\"/home\">Inicio</router-link>\n                    <router-link to=\"/aretes\">Catálogo</router-link>\n                    <router-link to=\"/home\">Sobre Nosotros</router-link>\n                    <router-link to=\"/home\">Contáctanos</router-link>\n                </nav>\n            </div>\n        </div>\n    </header>\n</template>\n\n\n<script>\nexport default {\n  mounted() {\n    let menu = document.querySelector('#menu-btn');\n    let navbar = document.querySelector('.header .navbar');\n\n    menu.onclick = () => {\n        menu.classList.toggle('fa-times'); /* activa la x */\n        navbar.classList.toggle('active');\n    }\n\n    /* desaparece el menú responsivo al darle click en un link */\n    window.onscroll = () => {\n        menu.classList.remove('fa-times');\n        navbar.classList.remove('active');\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n//css\n@import \"@/assets/styles/normalize.css\";\n@import \"@/assets/styles/variables.scss\";\n@import \"@/assets/styles/fonts.scss\";\n//iconos\n@import url('https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css');\n//menu hamburguesa\n@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');\n\n//header\n.header{\n    position: fixed;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 4000;\n    border-bottom: 1px solid rgba(5, 83, 85, 30%);\n\n    .nav-superior{\n        background: #000;\n        text-align: center;\n\n        p{\n            color: #ffffff;\n            padding: 1rem 0;\n            letter-spacing: 0.2rem;\n            font-size: 1.2rem;\n        }\n    }\n\n    .header-center{\n        background: #ffffff;\n        \n        .header-center-items{\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0rem 6%;\n\n            figure img{\n                height: 11rem;\n                width: 22rem;\n                object-fit: cover;\n            }\n\n            // .logos-redes-sociales .bx{\n            //     font-size: 2.5rem;\n            //     margin: 0 0.2rem 0 0.2rem;\n            //     color: $violeta;\n            //     text-decoration: none;\n\n            //     &:hover{\n            //         transform: scale(1.1);\n            //     }\n            // }\n\n            .navbar{\n                a{\n                    display: inline-block;\n                    color: $violeta;\n                    font-size: 1.8rem;\n                    font-weight: 400;\n                    margin-left: 1.5rem;\n                    text-decoration: none;\n\n                    &:hover{\n                        transform: scale(1.05);\n                    }\n                }\n            }\n        }\n    }\n}\n\n#menu-btn{\n    font-size: 3rem;\n    cursor: pointer;\n    display: none;\n}\n\n@media (max-width:768px){\n    #menu-btn{\n        font-size: 2.5rem;\n        display: inline-block;\n        color: $violeta;\n        /*rotar la X */\n        &.fa-times{\n            transform: rotate(180deg);\n        }\n    }\n\n    .header{\n        .header-center{\n            .header-center-items{\n                flex-direction: row;\n                padding: 0.5rem 3%;\n\n                .navbar{\n                    position: absolute;\n                    top:100%; left:0; right:0;\n                    background: #fff;\n                    /* desaparece menu responsivo */\n                    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n                    transition: clip-path 0.3s ease-out;\n\n                    /* aparece menu responsivo */\n                    &.active{\n                        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n                    }\n\n                    a{\n                        display: block;\n                        font-size: 2rem;\n                        color: $violeta;\n                        padding: 2.5rem 3%;\n                        // border-bottom: 1px solid $violeta;\n\n                        &:hover{\n                            color: $dorado ;\n                        }\n                    }\n                }\n\n                // .logos-redes-sociales .bx{\n                //     font-size: 2.5rem;\n                //     margin: 0 0.3rem;\n                // }\n            }\n        }\n    }\n}\n</style>\n","import { render } from \"./navCategoria.vue?vue&type=template&id=640799f5\"\nimport script from \"./navCategoria.vue?vue&type=script&lang=js\"\nexport * from \"./navCategoria.vue?vue&type=script&lang=js\"\n\nimport \"./navCategoria.vue?vue&type=style&index=0&id=640799f5&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"enlaces\">\n    <!-- Submenu para Collares -->\n    <div class=\"submenu-container\" @click=\"toggleSubmenu('collares')\">\n      <span class=\"enlace\">Collares|</span>\n      <div v-if=\"activeSubmenu === 'collares'\" class=\"submenu\">\n        <router-link class=\"submenu-enlace\" to=\"/collares/collares_y_dijes\">Collares y dijes en Acero Inoxidable</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/collares/collares_en_parejas\">Collares en Parejas Acero Inoxidable</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/collares/collares_y_perlas_naturales\">Collares en Acero Inoxidable y Perlas Naturales</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/collares/collares_y_dijes_cristales\">Collares en Acero Inoxidable y dijes de cristales</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/collares/collares_y_cuarzos\">Collares en Acero Inoxidable y Cuarzos</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/collares/collares_y_dijes_enchapados\">Collares en Acero  Inoxidable y dijes enchapados</router-link>\n      </div>\n    </div>\n\n    <!-- Submenu para Anillos -->\n    <div class=\"submenu-container\" @click=\"toggleSubmenu('anillos')\">\n      <span class=\"enlace\">Anillos|</span>\n      <div v-if=\"activeSubmenu === 'anillos'\" class=\"submenu\">\n        <router-link class=\"submenu-enlace\" to=\"/anillos/oro\">Anillos enchapados en oro</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/anillos/acero\">Anillos en acero inoxidable</router-link>\n      </div>\n    </div>\n\n    <!-- Submenu para Pulseras -->\n    <div class=\"submenu-container\" @click=\"toggleSubmenu('pulseras')\">\n      <span class=\"enlace\">Pulseras|</span>\n      <div v-if=\"activeSubmenu === 'pulseras'\" class=\"submenu\">\n        <router-link class=\"submenu-enlace\" to=\"/pulseras/acero\">Pulseras en Acero inoxidable</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/pulseras/platino\">Pulseras en Platino</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/pulseras/hilo\">Pulseras en Hilo</router-link>\n      </div>\n    </div>\n\n    <router-link class=\"enlace\" to=\"/aretes\">Aretes|</router-link>\n\n    <router-link class=\"enlace\" to=\"/conjuntos\">Conjuntos|</router-link>\n\n    <!-- Submenu para charms -->\n    <div class=\"submenu-container\" @click=\"toggleSubmenu('charms')\">\n      <span class=\"enlace\">Charms|</span>\n      <div v-if=\"activeSubmenu === 'charms'\" class=\"submenu\">\n        <router-link class=\"submenu-enlace\" to=\"/charms/charms_pulseras_europeo\">Charms Acero Inoxidable para<br>pulseras estilo Europeo</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/charms/charms_pulserasSerpiente\">Charms Acero Inoxidable para<br>Pulseras córdon Serpiente</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/charms/charms_perlas_colores\">Charms de Perlas de Colores</router-link>\n      </div>\n    </div>\n\n    <!-- Submenu para accesorios -->\n    <div class=\"submenu-container\" @click=\"toggleSubmenu('accesorios')\">\n      <span class=\"enlace\">Accesorios|</span>\n      <div v-if=\"activeSubmenu === 'accesorios'\" class=\"submenu\">\n        <router-link class=\"submenu-enlace\" to=\"/accesorios/tarjetas_dedicatorias\">Tarjetas dedicatorias</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/accesorios/llaveros_resina\">Llaveros de resina</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/accesorios/cajitas_de_formas\">Cajitas de formas</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/accesorios/cajitas_sencillas\">Cajitas sencillas</router-link>\n        <router-link class=\"submenu-enlace\" to=\"/accesorios/joyeros\">Joyeros</router-link>\n      </div>\n    </div>\n\n    <!-- <router-link class=\"enlace\" to=\"/cadenas\">Cadenas|</router-link> -->\n    <router-link class=\"enlace\" to=\"/carrito\">Carrito ({{ itemCount }})</router-link>\n\n    <!-- Icono flotante carrito de compras -->\n    <router-link class=\"floating-cart\" to=\"/carrito\">\n    ({{ itemCount }})\n    </router-link>\n  </div>\n\n  <Footer/> \n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      activeSubmenu: null,  // Almacena qué submenú está abierto\n    };\n  },\n  methods: {\n    toggleSubmenu(menu) {\n      // Cambia entre submenús, cerrando el que esté abierto si se hace clic en otro\n      this.activeSubmenu = this.activeSubmenu === menu ? null : menu;\n    }\n  },\n  computed: {\n    itemCount() {\n      return this.$store.state.carrito.length;\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/styles/variables.scss\";\n\n.enlaces {\n  margin-top: 17rem;\n  display: flex;\n  justify-content: space-between;\n  padding: 0 3%;\n  flex-wrap: wrap;\n\n  .enlace {\n    font-size: 1.8rem;\n    color: $violeta;\n    margin: 0 .5rem;\n    text-decoration: none;\n    cursor: pointer;\n    margin-bottom: 2rem;\n  }\n\n  .submenu-container {\n    position: relative;\n  }\n\n  .submenu {\n    display: none;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    background-color: white;\n    border: 1px solid #ccc;\n    padding: 0.5rem;\n    z-index: 1;\n    white-space: nowrap;\n\n    .submenu-enlace {\n      display: block;\n      font-size: 1.8rem;\n      color: $violeta;\n      margin: 1.5rem .5rem;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n\n  .submenu-container > .submenu {\n    display: block;\n  }\n}\n\n/* Estilo para el icono flotante */\n.floating-cart {\n  position: fixed;\n  bottom: 2rem;\n  right: 2rem;\n  background-color: $violeta;\n  color: white;\n  padding: 1.5rem; // Ajusta el padding para asegurar que sea perfectamente circular\n  border-radius: 50%;\n  font-size: 2.4rem;\n  text-align: center;\n  cursor: pointer;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n  z-index: 999;\n  transition: background-color 0.3s;\n  text-decoration: none; // Elimina el subrayado\n\n  &:hover {\n    background-color: darken($violeta, 10%);\n  }\n}\n\n</style>\n\n","import { render } from \"./enlaces.vue?vue&type=template&id=774b43b6\"\nimport script from \"./enlaces.vue?vue&type=script&lang=js\"\nexport * from \"./enlaces.vue?vue&type=script&lang=js\"\n\nimport \"./enlaces.vue?vue&type=style&index=0&id=774b43b6&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./TodasLasCategorias.vue?vue&type=template&id=580f014c\"\nimport script from \"./TodasLasCategorias.vue?vue&type=script&lang=js\"\nexport * from \"./TodasLasCategorias.vue?vue&type=script&lang=js\"\n\nimport \"./TodasLasCategorias.vue?vue&type=style&index=0&id=580f014c&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <navCategoria/>\n  <Enlaces/>\n\n  <div class=\"productos-container\">\n    <!-- <h1>{{ titulo }}</h1> -->\n\n    <div class=\"contenedor-titulos scroll-up\">\n            <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\n            <div class=\"texto\"><h2>{{titulo}}</h2></div>\n    </div>\n\n    <div class=\"productos\">\n      <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\n        <div class=\"img-container\">\n          <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\n          <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\n            <i class=\"bx bx-show\"></i>\n          </div>\n        </div>\n        <p class=\"ref\">{{ producto.referencia }}</p>\n        <p class=\"nombre-producto\">{{ producto.nombre }}</p>\n        <p class=\"precio\">{{ producto.precio }}</p>\n        <div class=\"cantidad\">\n          <button @click=\"decrementarCantidad(producto)\">-</button>\n          <span>{{ producto.cantidad }}</span>\n          <button @click=\"incrementarCantidad(producto)\">+</button>\n        </div>\n        <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\n      </div>\n    </div>\n    \n    <!-- Modal para agregar al carrito -->\n    <div v-if=\"mostrarModalCarrito\" class=\"modal2\">\n      <div class=\"modal-content2\">\n        <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\n        <p>Producto agregado al carrito</p>\n      </div>\n    </div>\n    \n    <!-- Modal para información del producto -->\n    <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\n      <div class=\"modal-content\">\n        <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\n        <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\n        <p>Descripción</p>\n        <li>{{ productoSeleccionado.descripcion }}</li>\n      </div>\n    </div>\n  </div>\n\n  <Footer/> \n</template>\n\n\n\n\n<script>\nimport NavCategoria from '@/components/navCategoria.vue'\nimport Enlaces from '@/components/enlaces.vue'\nimport Footer from '@/components/footer.vue'\n\n\nexport default {\n  components: {\n    NavCategoria,\n    Enlaces,\n    Footer,\n  },\n  data() {\n    return {\n      titulo: \"Aretes\",\n      productos: [\n        {\n          id: 1,\n          referencia: \"ref: GBR-EJEW-A056-07G\",\n          nombre: \"Argolla enchapada en oro\",\n          precio: \"C$235.00\",\n          imagen: require('@/assets/img/aretes/1-GBR-EJEW-A056-07G. Argolla enchapada en oro 18K, medio aro triple. C$235.00.png'),\n          descripcion: \"Argolla enchapada en oro 18K, medio aro triple\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 2,\n          referencia: \"ref: GBR-EJEW-AN0001-30-G\",\n          nombre: \"Pendientes trepadores\",\n          precio: \"C$245.00\",\n          imagen: require('@/assets/img/aretes/2-GBR-EJEW-AN0001-30-G. Pendientes trepadores de cornamenta de aleación, para mujeres, platino y dorado. C$245.00.png'),\n          descripcion: \"Pendientes trepadores de cornamenta de aleación, para mujeres, platino y dorado.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 3,\n          referencia: \"ref: GBR-EJEW-AN0001-30-P\",\n          nombre: \"Pendientes trepadores\",\n          precio: \"C$245.00\",\n          imagen: require('@/assets/img/aretes/3-GBR-EJEW-AN0001-30-P. Pendientes trepadores de cornamenta de aleación, para mujeres, platino y plateado. C$245.00.png'),\n          descripcion: \"Pendientes trepadores de cornamenta de aleación, para mujeres, platino y plateado.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 4,\n          referencia: \"ref: GBR-EJEW-AN0001-61\",\n          nombre: \"Pendientes trepadores\",\n          precio: \"C$245.00\",\n          imagen: require('@/assets/img/aretes/4-GBR-EJEW-AN0001-61. Pendientes trepadores de flor con cristales de imitación y esmalte, con borlas de cadena de aleación, para mujeres, dorado. C$245.00.png'),\n          descripcion: \"Pendientes trepadores de flor con cristales de imitación y esmalte, con borlas de cadena de aleación, para mujeres, dorado.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 5,\n          referencia: \"ref: GBR-EJEW-AN0001-61\",\n          nombre: \"Pendientes trepadores\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/5-GBR-EJEW-AN0001-61. Pendientes trepadores de flor con cristales de imitación y esmalte, con borlas de cadena de aleación, para mujeres, dorado. C$285.00.png'),\n          descripcion: \"Pendientes trepadores de flor con cristales de imitación y esmalte, con borlas de cadena de aleación, para mujeres, dorado.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 6,\n          referencia: \"ref: GBR-EJEW-AN0003-81\",\n          nombre: \"Pendientes trepadores\",\n          precio: \"C$235.00\",\n          imagen: require('@/assets/img/aretes/6-GBR-EJEW-AN0003-81. Pendientes trepadores de mariposa de aleación con cristales de imitación, para mujeres y niñas, platino. C$235.00.png'),\n          descripcion: \"Pendientes trepadores de mariposa de aleación con cristales de imitación, para mujeres y niñas, platino.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 7,\n          referencia: \"ref: GGBR-EJEW-AN0003-81-G\",\n          nombre: \"Pendientes trepadores\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/7-GBR-EJEW-AN0003-81-G. Pendientes trepadores de mariposa de aleación con cristales de imitación, para mujeres y niñas, dorado. C$285.00.png'),\n          descripcion: \"Pendientes trepadores de mariposa de aleación con cristales de imitación, para mujeres y niñas, dorado.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 8,\n          referencia: \"ref: GBR-EJEW-AN0003-81-P\",\n          nombre: \"Pendientes trepadores\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/8-GBR-EJEW-AN0003-81-P. Pendientes trepadores de mariposa de aleación con cristales de imitación, para mujeres y niñas, platino. C$285.00.png'),\n          descripcion: \"Pendientes trepadores de mariposa de aleación con cristales de imitación, para mujeres y niñas, platino.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 11,\n          referencia: \"ref: GBR-EJEW-C008-01G\",\n          nombre: \"Aretes de botón colgantes\",\n          precio: \"C$317.00\",\n          imagen: require('@/assets/img/aretes/11-GBR-EJEW-C008-01G. Aretes de botón colgantes con forma de corazón hueco de circonita cúbica transparente, joyería para mujer, chapado en oro real de 18 quilates, 23 mm. C$317.00.png'),\n          descripcion: \"Aretes de botón colgantes con forma de corazón hueco de circonita cúbica transparente, joyería para mujer, chapado en oro real de 18 quilates, 23 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 12,\n          referencia: \"ref: GBR-EJEW-C035-12G\",\n          nombre: \"Aretes forma de lágrina\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/12-GBR-EJEW-C035-12G. Aretes en forma de lágrina enchapado en oro 18K, perla azul. C$285.00.png'),\n          descripcion: \"Aretes en forma de lágrina enchapado en oro 18K, perla azul.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 13,\n          referencia: \"ref: GBR-EJEW-D076-01D-GP\",\n          nombre: \"Aretes colgantes\",\n          precio: \"C$333.00\",\n          imagen: require('@/assets/img/aretes/13-GBR-EJEW-D076-01D-GP. Aretes colgantes de acero inoxidable 304 con forma de corazón doble para mujer, color dorado y acero inoxidable, 32,5 x 20 mm. C$333.00.png'),\n          descripcion: \"Aretes colgantes de acero inoxidable 304 con forma de corazón doble para mujer, color dorado y acero inoxidable, 32,5 x 20 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 14,\n          referencia: \"ref: GBR-EJEW-D076-01F-EB\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$333.00\",\n          imagen: require('@/assets/img/aretes/14-GBR-EJEW-D076-01F-EB. Aretes de botón de acero inoxidable 304 con doble corazón colgante para mujer, negro, 32,5 x 20 mm. C$333.00 .png'),\n          descripcion: \"Aretes de botón de acero inoxidable 304 con doble corazón colgante para mujer, negro, 32,5 x 20 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 16,\n          referencia: \"ref: GBR-EJEW-E213-A-11G\",\n          nombre: \"Aretes de perla\",\n          precio: \"C$45.00\",\n          imagen: require('@/assets/img/aretes/16-GBR-EJEW-E213-A-11G. Aretes de perla 3mm en Acero Inoxidable. C$45.00 C-Par..png'),\n          descripcion: \"Aretes de perla 3mm en Acero Inoxidable. C$45.00, Cada Par.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 17,\n          referencia: \"ref: GBR-EJEW-E213-D-11G\",\n          nombre: \"Aretes de perlas\",\n          precio: \"C$55.00\",\n          imagen: require('@/assets/img/aretes/17-GBR-EJEW-E213-D-11G. Aretes de perlas 6mm en Acero Inoxidable. C$55.00 C-Par..png'),\n          descripcion: \"Aretes de perlas 6mm en Acero Inoxidable. C$55.00, Cada Par.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 18,\n          referencia: \"ref: GBR-EJEW-EE0001-232B\",\n          nombre: \"Aretes enchapado en oro\",\n          precio: \"C$295.00\",\n          imagen: require('@/assets/img/aretes/18-GBR-EJEW-EE0001-232B. Aretes enchapado en oro 18K, estilo lágrima y perla esperalda. C$295.00.png'),\n          descripcion: \"Aretes enchapado en oro 18K, estilo lágrima y perla esperalda.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 19,\n          referencia: \"ref: GBR-EJEW-EE0001-242B-03\",\n          nombre: \"Aretes de libélula\",\n          precio: \"C$298.00\",\n          imagen: require('@/assets/img/aretes/19-GBR-EJEW-EE0001-242B-03. Aretes de libélula con circonita cúbica bañado en oro real de 18 quilates, azul real, 43 x 14 mm. C$298.00.png'),\n          descripcion: \"Aretes de libélula con circonita cúbica bañado en oro real de 18 quilates, azul real, 43 x 14 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 21,\n          referencia: \"ref: GBR-EJEW-EE0001-242B-03\",\n          nombre: \"Aretes en Acero\",\n          precio: \"C$85.00\",\n          imagen: require('@/assets/img/aretes/21-GBR-EJEW-F105-21P. Aretes en Acero Inoxidable, argolla redonda plateada. C$85.00.png'),\n          descripcion: \"Aretes en Acero Inoxidable, argolla redonda plateada.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 22,\n          referencia: \"ref: GBR-EJEW-EE0001-242B-03\",\n          nombre: \"Aretes de argolla\",\n          precio: \"C$205.00\",\n          imagen: require('@/assets/img/aretes/22-GBR-EJEW-F105-36P-COLORED. Aretes de argolla en Acero Inoxidable tejido con flores de colores. C$205.00.png'),\n          descripcion: \"Aretes de argolla en Acero Inoxidable tejido con flores de colores.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 23,\n          referencia: \"ref: GBR-EJEW-F282-42G\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$205.00\",\n          imagen: require('@/assets/img/aretes/23-GBR-EJEW-F282-42G. Aretes de botón de flor de circonita cúbica con perla acrílica, joyería para mujer, chapado en oro real de 18 quilates, 10,5 x 11,5 mm, pasador 0,8 mm. C$205.00.png'),\n          descripcion: \"Aretes de botón de flor de circonita cúbica con perla acrílica, joyería para mujer, chapado en oro real de 18 quilates, 10,5 x 11,5 mm, pasador 0,8 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 24,\n          referencia: \"ref: GBR-EJEW-F300-16P\",\n          nombre: \"Aretes en Acero\",\n          precio: \"C$195\",\n          imagen: require('@/assets/img/aretes/24-GBR-EJEW-F300-16P. Aretes en Acero Inoxidable plateado, corazón. C$195.png'),\n          descripcion: \"Aretes en Acero Inoxidable plateado, corazón.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 25,\n          referencia: \"ref: GBR-EJEW-FI0002-29-BH\",\n          nombre: \"Aretes colgantes\",\n          precio: \"C$455.00\",\n          imagen: require('@/assets/img/aretes/25-GBR-EJEW-FI0002-29-BH. Aretes colgantes de cristal con cuentas en forma de corazón, colores mezclados, 66x49mm, 1 parestilo. C$455.00 .png'),\n          descripcion: \"Aretes colgantes de cristal con cuentas en forma de corazón, colores mezclados, 66x49mm, 1 parestilo.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 27,\n          referencia: \"ref: GBR-EJEW-FI0002-29-MC\",\n          nombre: \"Aretes colgantes\",\n          precio: \"C$455.00\",\n          imagen: require('@/assets/img/aretes/27-GBR-EJEW-FI0002-29-MC. Aretes colgantes de cristal con cuentas en forma de corazón, colores mezclados, 66x49mm, 1 parestilo. C$455.00 .png'),\n          descripcion: \"Aretes colgantes de cristal con cuentas en forma de corazón, colores mezclados, 66x49mm, 1 parestilo.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 29,\n          referencia: \"ref: GBR-EJEW-FI0002-29-RC\",\n          nombre: \"Aretes colgantes\",\n          precio: \"C$455.00\",\n          imagen: require('@/assets/img/aretes/29-GBR-EJEW-FI0002-29-RC. Aretes colgantes de cristal con cuentas en forma de corazón, colores mezclados, 66x49mm, 1 parestilo. C$455.00 .png'),\n          descripcion: \"Aretes colgantes de cristal con cuentas en forma de corazón, colores mezclados, 66x49mm, 1 parestilo.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 31,\n          referencia: \"ref: GBR-EJEW-FI0002-29-VH\",\n          nombre: \"Aretes colgantes\",\n          precio: \"C$455.00\",\n          imagen: require('@/assets/img/aretes/31-GBR-EJEW-FI0002-29-VH. Aretes colgantes de cristal con cuentas en forma de corazón, colores mezclados, 66x49mm, 1 parestilo. C$455.00.png'),\n          descripcion: \"Aretes colgantes de cristal con cuentas en forma de corazón, colores mezclados, 66x49mm, 1 parestilo.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 32,\n          referencia: \"ref: GBR-EJEW-G311-02G\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$235.00\",\n          imagen: require('@/assets/img/aretes/32-GBR-EJEW-G311-02G. Aretes de botón esmaltado con baño de oro real de 18 quilates para mujer, con cuentas de acrílico y tuercas para pendientes, con forma de corazón. C$235.00 .png'),\n          descripcion: \"Aretes de botón esmaltado con baño de oro real de 18 quilates para mujer, con cuentas de acrílico y tuercas para pendientes, con forma de corazón.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 34,\n          referencia: \"ref: GBR-EJEW-G312-11G\",\n          nombre: \"Aretes de aro\",\n          precio: \"C$265.00\",\n          imagen: require('@/assets/img/aretes/34-GBR-EJEW-G312-11G. Aretes de aro de tulipán con circonita transparente, joyería para mujer, chapado en oro real de 18 quilates, 24 x 15 x 7 mm, pasador 0,8 mm pasador 0,8 mm. C$265.00.png'),\n          descripcion: \"Aretes de aro de tulipán con circonita transparente, joyería para mujer, chapado en oro real de 18 quilates, 24 x 15 x 7 mm, pasador 0,8 mm pasador 0,8 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 36,\n          referencia: \"ref: GBR-EJEW-H115-04G\",\n          nombre: \"Aretes colgantes\",\n          precio: \"C$335.00\",\n          imagen: require('@/assets/img/aretes/36-GBR-EJEW-H115-04G, Aretes colgantes de chapado de larga duración con forma de corazón triple para mujer, chapado en oro real de 18 quilates, 61 x 20 mm, pasador 1 mm. C$335.00.png'),\n          descripcion: \"Aretes colgantes de chapado de larga duración con forma de corazón triple para mujer, chapado en oro real de 18 quilates, 61 x 20 mm, pasador 1 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 37,\n          referencia: \"ref: GBR-EJEW-H115-04G\",\n          nombre: \"Aretes colgantes\",\n          precio: \"C$291.00\",\n          imagen: require('@/assets/img/aretes/37-GBR-EJEW-H115-04G. Aretes colgantes de acero inoxidable 304, flor, chapado en oro real de 14 quilates, 34,5 x 22,5 mm. C$291.00.png'),\n          descripcion: \"Aretes colgantes de acero inoxidable 304, flor, chapado en oro real de 14 quilates, 34,5 x 22,5 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 39,\n          referencia: \"ref: GBR-EJEW-H115-08P\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$249.00\",\n          imagen: require('@/assets/img/aretes/39-GBR-EJEW-H115-08P. Aretes de botón de acero inoxidable 304, lazo hueco, color plateado, 14 x 17 mm. C$249.00.png'),\n          descripcion: \"Aretes de botón de acero inoxidable 304, lazo hueco, color plateado, 14 x 17 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 88,\n          referencia: \"ref: GBR-EJEW-H115-08P\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$249.00\",\n          imagen: require('@/assets/img/aretes/88-GBR-EJEW-H115-08P. Aretes de botón de acero inoxidable 304, lazo hueco, color plateado, 14 x 17 mm. C$249.00 (2).png'),\n          descripcion: \"Aretes de botón de acero inoxidable 304, lazo hueco, color plateado, 14 x 17 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 40,\n          referencia: \"ref: GBR-EJEW-H125-14A-G\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$225.00\",\n          imagen: require('@/assets/img/aretes/40-GBR-EJEW-H125-14A-G. Aretes de botón esmaltado, con tuercas para pendientes, flor, chapado en oro real de 18 quilates, blanco. C$225.00.png'),\n          descripcion: \"Aretes de botón esmaltado, con tuercas para pendientes, flor, chapado en oro real de 18 quilates, blanco.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 42,\n          referencia: \"ref: GBR-EJEW-I245-03F\",\n          nombre: \"Aretes en Acero\",\n          precio: \"C$75.00\",\n          imagen: require('@/assets/img/aretes/42-GBR-EJEW-I245-03F. Aretes en Acero Inoxidabel argolla en forma ovalada. C$75.00.png'),\n          descripcion: \"Aretes en Acero Inoxidabel argolla en forma ovalada.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 43,\n          referencia: \"ref: GBR-EJEW-I245-27F\",\n          nombre: \"Aretes en Acero\",\n          precio: \"C$75.00\",\n          imagen: require('@/assets/img/aretes/43-GBR-EJEW-I245-27F. Aretes en acero Inoxidable argolla forma de corazón. C$75.00.png'),\n          descripcion: \"Aretes en acero Inoxidable argolla forma de corazón.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 44,\n          referencia: \"ref: GBR-EJEW-I263-02G\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$225.00\",\n          imagen: require('@/assets/img/aretes/44-GBR-EJEW-I263-02G. Aretes de botón de gato y flor con circonita cúbica, pendientes de animales chapados en oro real de 18 quilates para mujer, azul. C$225.00.png'),\n          descripcion: \"Aretes de botón de gato y flor con circonita cúbica, pendientes de animales chapados en oro real de 18 quilates para mujer, azul.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 45,\n          referencia: \"ref: GBR-EJEW-M195-09G\",\n          nombre: \"Earcuff ovalados\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/45-GBR-EJEW-M195-09G. Earcuff ovalados, chapados en oro real de 18 quilates, 10 x 4,5 mm. C$285.00.png'),\n          descripcion: \"Earcuff ovalados, chapados en oro real de 18 quilates, 10 x 4,5 mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 47,\n          referencia: \"ref: GBR-EJEW-N011-60-BLUE\",\n          nombre: \"Aretes enchapado\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/47-GBR-EJEW-N011-60-BLUE. Aretes enchapado en oro 18K, flor dorada y perlas blancas con centro Azul. C$285.00.png'),\n          descripcion: \"Aretes enchapado en oro 18K, flor dorada y perlas blancas con centro Azul.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 48,\n          referencia: \"ref: GBR-EJEW-N011-60-GREEN\",\n          nombre: \"Aretes enchapado\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/48-GBR-EJEW-N011-60-GREEN. Aretes enchapado en oro 18K, flor dorada, perlas blancas y centro Verde. C$285.00.png'),\n          descripcion: \"Aretes enchapado en oro 18K, flor dorada, perlas blancas y centro Verde.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 49,\n          referencia: \"ref: GBR-EJEW-N011-60-PINK\",\n          nombre: \"Aretes enchapado\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/49-GBR-EJEW-N011-60-PINK. Aretes enchapado en oro 18K, flor dorada con perlas blancas y centro rosado. C$285.00.png'),\n          descripcion: \"Aretes enchapado en oro 18K, flor dorada con perlas blancas y centro rosado.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 50,\n          referencia: \"ref: GBR-EJEW-N011-60-WHITE\",\n          nombre: \"Aretes enchapado\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/50-GBR-EJEW-N011-60-WHITE. Aretes enchapado en oro 18K, flor dorada y perlas blancas, centro blanco. C$285.00.png'),\n          descripcion: \"Aretes enchapado en oro 18K, flor dorada y perlas blancas, centro blanco.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 51,\n          referencia: \"ref: GBR-EJEW-S208-037\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$225.00\",\n          imagen: require('@/assets/img/aretes/51GBR-EJEW-S208-037. Aretes de botón con micropavé de circonita cúbica transparente, para religión, con cierres para pendientes, ovalados con virgen, chapado en oro. C$225.00.png'),\n          descripcion: \"Aretes de botón con micropavé de circonita cúbica transparente, para religión, con cierres para pendientes, ovalados con virgen, chapado en oro.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 52,\n          referencia: \"ref: GBR-KK-N216-540\",\n          nombre: \"Accesorios para pendientes\",\n          precio: \"C$295.00\",\n          imagen: require('@/assets/img/aretes/52-GBR-KK-N216-540. Accesorios para pendientes de botón con circonita cúbica, con bucles horizontales, Tuplipanes, dorado, verde. C$295.00.png'),\n          descripcion: \"Accesorios para pendientes de botón con circonita cúbica, con bucles horizontales, Tuplipanes, dorado, verde.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 53,\n          referencia: \"ref: GBR-KK-N232-118B-NF\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$165.00\",\n          imagen: require('@/assets/img/aretes/53-GBR-KK-N232-118B-NF. Aretes de botón con micropavé de circonita cúbica transparente y pasadores de acero inoxidable, flor, Chapado en oro real de 18 quilates, carmesí. C$165.00.png'),\n          descripcion: \"Aretes de botón con micropavé de circonita cúbica transparente y pasadores de acero inoxidable, flor, Chapado en oro real de 18 quilates, carmesí.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 54,\n          referencia: \"ref: GBR-KK-R058-020G-BLACKPEARL\",\n          nombre: \"Aretes de Acero\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/54-GBR-KK-R058-020G-BLACKPEARL. Aretes de Acero Inoxidable Flor dorada y perlas negras y doradas. C$285.00.png'),\n          descripcion: \"Aretes de Acero Inoxidable Flor dorada y perlas negras y doradas.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 55,\n          referencia: \"ref: GBR-KK-R058-020G-WHITEPEARL\",\n          nombre: \"Aretes de Acero\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/55-GBR-KK-R058-020G-WHITEPEARL. Aretes de Acero Inoxidable con perla blanca y doradas, flor dorada. C$285.00.png'),\n          descripcion: \"Aretes de Acero Inoxidable con perla blanca y doradas, flor dorada.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 56,\n          referencia: \"ref: GBR-KK-S263-263-NF\",\n          nombre: \"Aretes colgantes\",\n          precio: \"C$255.00\",\n          imagen: require('@/assets/img/aretes/56-GBR-KK-S263-263-NF. Aretes colgantes enchapados en oro 18K, flor escarchada y centro de punta. C$255.00.png'),\n          descripcion: \"Aretes colgantes enchapados en oro 18K, flor escarchada y centro de punta.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 57,\n          referencia: \"ref: GBR-KK-S336-33G-B\",\n          nombre: \"Aretes colgantes\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/57-GBR-KK-S336-33G-B. Aretes en Acero Inoxidable, tejida con perlas negras y doradas. C$285.00.png'),\n          descripcion: \"Aretes en Acero Inoxidable, tejida con perlas negras y doradas.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 58,\n          referencia: \"ref: GBR-KK-S336-33G-R\",\n          nombre: \"Aretes de Acero\",\n          precio: \"C$285.00\",\n          imagen: require('@/assets/img/aretes/58-GBR-KK-S336-33G-R. Aretes de Acero Inoxidable, tejida en cristales rojos y perlas blancas. C$285.00.png'),\n          descripcion: \"Aretes de Acero Inoxidable, tejida en cristales rojos y perlas blancas.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 59,\n          referencia: \"ref: GBR-KK-S348-124\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$155.00\",\n          imagen: require('@/assets/img/aretes/59-GBR-KK-S348-124. Aretes de botón chapados en oro real de 18 quilates corazón 12X38 pulgadas 13X11mm. pasador 0.7mm. C$155.00.png'),\n          descripcion: \"Aretes de botón chapados en oro real de 18 quilates corazón 12X38 pulgadas 13X11mm. pasador 0.7mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 60,\n          referencia: \"ref: GBR-KK-S348-421\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$195.00\",\n          imagen: require('@/assets/img/aretes/60-GBR-KK-S348-421. Aretes enchapados en oro 18K, flor dorada y perla. C$195.00.png'),\n          descripcion: \"Aretes enchapados en oro 18K, flor dorada y perla.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 61,\n          referencia: \"ref: GBR-KK-S364-042\",\n          nombre: \"Accesorios para pendientes\",\n          precio: \"C$215.00\",\n          imagen: require('@/assets/img/aretes/61-GBR-KK-S364-042. Accesorios para pendientes de botón con micropavé de circonita cúbica, para cuentas perforadas a la mitad, chapado en oro real de 18 quilates. C$215.00.png'),\n          descripcion: \"Accesorios para pendientes de botón con micropavé de circonita cúbica, para cuentas perforadas a la mitad, chapado en oro real de 18 quilates.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 63,\n          referencia: \"ref: GBR-KK-S364-132\",\n          nombre: \"Accesorios para pendientes\",\n          precio: \"C$295.00\",\n          imagen: require('@/assets/img/aretes/63-GBR-KK-S364-132. Aretes enchapado en oro 18K, flor dorada y cadena colgante. C$295.00.png'),\n          descripcion: \"Aretes enchapado en oro 18K, flor dorada y cadena colgante.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 64,\n          referencia: \"ref: GBR-KK-T038-572C-G-NF\",\n          nombre: \"Accesorios para pendientes\",\n          precio: \"C$175.00\",\n          imagen: require('@/assets/img/aretes/64-GBR-KK-T038-572C-G-NF. Accesorios para pendientes de botón esmaltado, con aro, chapado en oro real de 18 quilates, flor, rojo. C$175.00.png'),\n          descripcion: \"Accesorios para pendientes de botón esmaltado, con aro, chapado en oro real de 18 quilates, flor, rojo.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 66,\n          referencia: \"ref: GBR-LS3119-2\",\n          nombre: \"Pendientes colgantes\",\n          precio: \"C$635.00\",\n          imagen: require('@/assets/img/aretes/66-GBR-LS3119-2. Pendientes colgantes de abanico con cuentas de cristal para mujeres, oro real de 18K chapado en acero inoxidable 304, color rojo, colgante 56x51mm. C$635.00.png'),\n          descripcion: \"Pendientes colgantes de abanico con cuentas de cristal para mujeres, oro real de 18K chapado en acero inoxidable 304, color rojo, colgante 56x51mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 68,\n          referencia: \"ref: GBR-STAS-D058-06G\",\n          nombre: \"Pendientes colgantes\",\n          precio: \"C$635.00\",\n          imagen: require('@/assets/img/aretes/68-GBR-STAS-D058-06G. Pendientes colgantes en forma de corazón con cuentas de cristal, colorido, 50mm. C$635.00.png'),\n          descripcion: \"Pendientes colgantes en forma de corazón con cuentas de cristal, colorido, 50mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 70,\n          referencia: \"ref: GBR-STAS-D058-08G\",\n          nombre: \"Pendientes colgantes\",\n          precio: \"C$635.00\",\n          imagen: require('@/assets/img/aretes/70-GBR-STAS-D058-08G. Pendientes colgantes planos redondos con cuentas de cristal, color rosa, 57.5mm. C$635.00.png'),\n          descripcion: \"Pendientes colgantes planos redondos con cuentas de cristal, color rosa, 57.5mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 71,\n          referencia: \"ref: GBR-STAS-D058-12G\",\n          nombre: \"Pendientes colgantes\",\n          precio: \"C$635.00\",\n          imagen: require('@/assets/img/aretes/71-GBR-STAS-D058-12G. Pendientes colgantes planos redondos con cuentas de cristal, acero inoxidable 304 con baño de vacío. Color verde mar, 61mm. C$635.00.png'),\n          descripcion: \"Pendientes colgantes planos redondos con cuentas de cristal, acero inoxidable 304 con baño de vacío. Color verde mar, 61mm.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 73,\n          referencia: \"ref: GBR-STAS-S105-T566D-29.5-2\",\n          nombre: \"Aretes de Acero\",\n          precio: \"C$295.00\",\n          imagen: require('@/assets/img/aretes/73-GBR-STAS-S105-T566D-29.5-2. Aretes de Acero Inoxidable, corazón dorado y perlas tejidas blancas. C$295.00.png'),\n          descripcion: \"Aretes de Acero Inoxidable, corazón dorado y perlas tejidas blancas.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 75,\n          referencia: \"ref: GBR-STAS-S105-T941-2\",\n          nombre: \"Aretes de Acero\",\n          precio: \"C$235.00\",\n          imagen: require('@/assets/img/aretes/75-GBR-STAS-S105-T941-2. Aretes de Acero Inoxidable con lágrima dorada y perlas blancas tejistas. C$235.00.png'),\n          descripcion: \"Aretes de Acero Inoxidable con lágrima dorada y perlas blancas tejistas.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 76,\n          referencia: \"ref: GBR-STAS-S105-T941-2.MOST\",\n          nombre: \"Aretes de Acero\",\n          precio: \"C$315.00\",\n          imagen: require('@/assets/img/aretes/76-GBR-STAS-S105-T941-2.MOST. Aretes de Acero Inoxidable, lágrima dorada tejida con mostacillas blancas y dorada. C$315.00.png'),\n          descripcion: \"Aretes de Acero Inoxidable, lágrima dorada tejida con mostacillas blancas y dorada.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 77,\n          referencia: \"ref: GBR-ZIRC-Q014-083G\",\n          nombre: \"Aretes de botón\",\n          precio: \"C$225.00\",\n          imagen: require('@/assets/img/aretes/77-GBR-ZIRC-Q014-083G. Aretes de botón con micropavé de circonita cúbica, con esmalte, abejas, sin níquel, chapado en oro real de 18 quilates. C$225.00.png'),\n          descripcion: \" Aretes de botón con micropavé de circonita cúbica, con esmalte, abejas, sin níquel, chapado en oro real de 18 quilates.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 78,\n          referencia: \"ref: GBR-EJEW-F280-06E-G\",\n          nombre: \"Aretes de aro\",\n          precio: \"C$255.00\",\n          imagen: require('@/assets/img/aretes/78-GBR-EJEW-F280-06E-G. Aretes de aro gruesos de acero inoxidable 304 chapados al vacío para mujer, dorados. C$255.00 (2).png'),\n          descripcion: \" Aretes de aro gruesos de acero inoxidable 304 chapados al vacío para mujer, dorados.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 81,\n          referencia: \"ref: GBR-EJEW-F280-06E-P\",\n          nombre: \"Aretes de aro\",\n          precio: \"C$255.00\",\n          imagen: require('@/assets/img/aretes/81-GBR-EJEW-F280-06E-P. Aretes de aro gruesos de acero inoxidable 304 para mujer, color acero inoxidable. C$255.00 (2).png'),\n          descripcion: \"Aretes de aro gruesos de acero inoxidable 304 para mujer, color acero inoxidable. C$255.00\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 83,\n          referencia: \"ref: GBR-EJEW-F280-06E-P\",\n          nombre: \"Aretes de aro\",\n          precio: \"C$75.00\",\n          imagen: require('@/assets/img/aretes/83-GBR-EJEW-I245-20F. Aretes de aro de acero inoxidable 201, con pasadores de acero inoxidable 304, forma de anillo, dorados. c$75.00.png'),\n          descripcion: \"Aretes de aro de acero inoxidable 201, con pasadores de acero inoxidable 304, forma de anillo, dorados.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 84,\n          referencia: \"ref: GBR-KK-S336-33G\",\n          nombre: \"Aretes tejidos\",\n          precio: \"C$225.00\",\n          imagen: require('@/assets/img/aretes/84-GBR-KK-S336-33G. Aretes tejidos en acero inoxidable y mostacillas, colores variados, blanco, naranja. C$225.00.png'),\n          descripcion: \"Aretes tejidos en acero inoxidable y mostacillas, colores variados, blanco, naranja.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 85,\n          referencia: \"ref: GBR-KK-S336-33G-N\",\n          nombre: \"Aretes tejidos\",\n          precio: \"C$225.00\",\n          imagen: require('@/assets/img/aretes/85-GBR-KK-S336-33G-N. Aretes tejidos en acero inoxidable y mostacillas, colores variados, negro, celeste. C$225.00.png'),\n          descripcion: \"Aretes tejidos en acero inoxidable y mostacillas, colores variados, negro, celeste.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 86,\n          referencia: \"ref: GBR-KK-S364-014A-E\",\n          nombre: \"Aretes enchapados en oro\",\n          precio: \"C$275.00\",\n          imagen: require('@/assets/img/aretes/86-GBR-KK-S364-014A-E. Aretes enchapados en oro, rosas rojas colgantes con Acero Inoxidable. C$275.00.png'),\n          descripcion: \"Aretes enchapados en oro, rosas rojas colgantes con Acero Inoxidable.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n        {\n          id: 87,\n          referencia: \"ref: GBR-SSEARRING-MS-GOLD\",\n          nombre: \"Aretes enchapados en oro\",\n          precio: \"C$135.00\",\n          imagen: require('@/assets/img/aretes/87-GBR-SSEARRING-MS-GOLD. Aretes de acero inoxidable con cadena y dijes de estrella y media luna. C$135.00.png'),\n          descripcion: \"Aretes de acero inoxidable con cadena y dijes de estrella y media luna.\",\n          seccion: \"sección aretes\",\n          cantidad: 1\n        },\n      ],\n      mostrarModalCarrito: false,\n      mostrarModalInfo: false,\n      productoSeleccionado: null,\n    }\n  },\n  methods: {\n    incrementarCantidad(producto) {\n      producto.cantidad++;\n    },\n    decrementarCantidad(producto) {\n      if (producto.cantidad > 1) {\n        producto.cantidad--;\n      }\n    },\n    agregarAlCarrito(producto) {\n      this.$store.commit('agregarAlCarrito', { ...producto });\n      this.mostrarModalCarrito = true;\n      setTimeout(() => {\n        this.cerrarModalCarrito();\n      }, 1000); // Modal se cierra automáticamente después de 1 segundo\n    },\n    abrirModalInfo(producto) {\n      this.productoSeleccionado = producto;\n      this.mostrarModalInfo = true;\n    },\n    cerrarModalCarrito() {\n      this.mostrarModalCarrito = false;\n    },\n    cerrarModalInfo() {\n      this.mostrarModalInfo = false;\n      this.productoSeleccionado = null;\n    }\n  }\n}\n</script>\n\n\n\n<style lang=\"scss\">\n@import \"@/assets/styles/stylesProductos.scss\";\n\n.contenedor-titulos{\n        position: relative;\n        display: inline-block;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n\n        img{\n            height: 8rem;\n            width: 40rem;\n        }\n\n        .texto{\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n\n            h2{\n                color: $violeta-titulos;\n                // font-family: 'Roboto', sans-serif;\n                font-size: 2.8rem;\n                // font-family: 'Crete Round', serif;\n                font-family: 'Lobster', cursive;\n                font-weight: 300;\n                letter-spacing: 1px;\n            }\n        }\n\n    }\n\n.productos-container {\n  padding: 10px;\n\n  .productos {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-around;\n\n    .producto {\n      margin: 20px;\n\n      .img-container {\n        position: relative;\n\n        img {\n          height: 29rem;\n          width: 24rem;\n          object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\n        }\n\n        .icon-eye {\n          position: absolute;\n          bottom: 10px;\n          right: 10px;\n          background-color: rgba(0, 0, 0, 0.5);\n          padding: 5px;\n          border-radius: 50%;\n          cursor: pointer;\n\n          i {\n            color: #fff;\n            font-size: 18px;\n          }\n        }\n      }\n\n      // .ref, .nombre-producto, .precio, .cantidad, button {\n      //   text-align: center;\n      //   font-size: 16px;\n      // }\n    }\n  }\n\n  .modal {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.7);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n    padding-top: 130px;\n\n    .modal-content {\n      background-color: #fff;\n      padding: 35px 13px;\n      border-radius: 8px;\n      text-align: center;\n      position: relative;\n      max-width: 350px;\n      width: 90%;\n      // margin-top: 100px;\n\n      p{\n        color: $violeta;\n        font-weight:700;\n        font-size: 1.7rem;\n        margin: -.5rem 0 .5rem 0;\n      }\n\n      li{\n        font-size: 1.5rem;\n      }\n\n      img {\n        width: 80%;\n        height: 30rem;\n        margin-bottom: 15px;\n        object-fit: cover;\n        // display: none;\n      }\n\n      .close {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        font-size: 24px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  @media (max-width: 768px) {\n    .productos {\n      flex-direction: column;\n      align-items: center;\n\n      .producto {\n        width: 100%;\n        margin: 10px 0;\n\n        .img-container {\n          img {\n            width: 100%;  // Ajusta el ancho de la imagen según el contenedor\n            height: auto; // Mantén la proporción de la imagen\n          }\n          .icon-eye {\n            bottom: 5px;\n            right: 5px;\n            padding: 3px;\n            i {\n              font-size: 16px;\n            }\n          }\n        }\n\n        .ref, .nombre-producto, .precio, .cantidad, button {\n          font-size: 14px;\n        }\n      }\n    }\n\n    .modal .modal-content {\n      width: 95%;\n      padding: 15px;\n    }\n  }\n\n  @media (max-width: 700px) {\n    .productos {\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: space-between;\n\n      .producto {\n        width: 48%;\n        margin: 10px 0;\n\n        .img-container {\n          img {\n            width: 100%;  // Ajusta el ancho de la imagen según el contenedor\n            height: auto; // Mantén la proporción de la imagen\n          }\n          .icon-eye {\n            bottom: 5px;\n            right: 5px;\n            // padding: 2px;\n            // i {\n            //   font-size: 16px;\n            // }\n          }\n        }\n\n        .ref, .nombre-producto, .precio, .cantidad, button {\n          font-size: 14px;\n        }\n      }\n    }\n\n    .modal{\n      padding-top: 80px;\n\n      .modal-content {\n        width: 100%;\n        padding: 10px;\n\n      p{\n        font-size: 2rem;\n      }  \n\n      li{\n        margin: 1rem 0;\n        font-size: 1.8rem;\n      }\n    }\n    } \n  }\n\n  @media (max-width: 450px) {\n    .productos {\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: space-between;\n\n      .producto {\n        width: 48%;\n        margin: 5px 0;\n\n        .img-container {\n          .icon-eye {\n            bottom: 3px;\n            right: 3px;\n            // padding: 2px;\n            // i {\n            //   font-size: 14px;\n            // }\n          }\n        }\n\n        .ref, .nombre-producto, .precio, .cantidad, button {\n          font-size: 12px;\n        }\n      }\n    }\n  }\n\n  @media (max-width: 400px){\n    .modal .modal-content{\n      width: 70%;\n\n      img{\n      width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\n      height: 25rem;\n      padding:2rem 0 .5rem 0;\n    }\n    } \n  }\n}\n</style>\n\n\n\n\n\n","import { render } from \"./aretes.vue?vue&type=template&id=6c35462f\"\nimport script from \"./aretes.vue?vue&type=script&lang=js\"\nexport * from \"./aretes.vue?vue&type=script&lang=js\"\n\nimport \"./aretes.vue?vue&type=style&index=0&id=6c35462f&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <navCategoria/>\r\n  <Enlaces/>\r\n\r\n  <div class=\"productos-container\">\r\n    <!-- <h1>{{ titulo }}</h1> -->\r\n    <div class=\"contenedor-titulos scroll-up\">\r\n            <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n            <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n    </div>\r\n    <div class=\"productos\">\r\n      <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n        <div class=\"img-container\">\r\n          <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n          <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n            <i class=\"bx bx-show\"></i>\r\n          </div>\r\n        </div>\r\n        <p class=\"ref\">{{ producto.referencia }}</p>\r\n        <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n        <p class=\"precio\">{{ producto.precio }}</p>\r\n        <div class=\"cantidad\">\r\n          <button @click=\"decrementarCantidad(producto)\">-</button>\r\n          <span>{{ producto.cantidad }}</span>\r\n          <button @click=\"incrementarCantidad(producto)\">+</button>\r\n        </div>\r\n        <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- Modal para agregar al carrito -->\r\n    <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n      <div class=\"modal-content\">\r\n        <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n        <p>Producto agregado al carrito</p>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- Modal para información del producto -->\r\n    <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n      <div class=\"modal-content\">\r\n        <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n        <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n        <p>Descripción</p>\r\n        <li>{{ productoSeleccionado.descripcion }}</li>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <Footer/> \r\n</template>\r\n\r\n\r\n\r\n\r\n<script>\r\nimport NavCategoria from '@/components/navCategoria.vue'\r\nimport Enlaces from '@/components/enlaces.vue'\r\nimport Footer from '@/components/footer.vue'\r\n\r\nexport default {\r\n  components: {\r\n    NavCategoria,\r\n    Enlaces,\r\n    Footer,\r\n  },\r\n  data() {\r\n    return {\r\n      titulo: \"Pulseras en platino\",\r\n      productos: [\r\n        {\r\n          id: 1,\r\n          referencia: \"ref: GBR-KK-S338-07-PCH\",\r\n          nombre: \"Pulsera en platino\",\r\n          precio: \"C$995.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_platino/1-GBR-KK-S338-07-PCH. Pulsera estilo europeo con grabado pandora y 5 charms en acero inoxidable. C$995.00.png'),\r\n          descripcion: \"Pulsera estilo europeo con grabado en pandora y 5 charms en acero inoxidable.\",\r\n          seccion: \"sección pulseras en platino\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 2,\r\n          referencia: \"ref: GBR-KK-S338-07\",\r\n          nombre: \"Pulsera en platino\",\r\n          precio: \"C$500.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_platino/2-GBR-KK-S338-07. Pulsera en platino cordón estilo europeo, grabado pandora. C$500.00.png'),\r\n          descripcion: \"Pulsera en platino cordón estilo europeo, grabado pandora.\",\r\n          seccion: \"sección pulseras en platino\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 3,\r\n          referencia: \"ref: GBR-X-PPJ001Y-01S-N\",\r\n          nombre: \"Pulsera en platino\",\r\n          precio: \"C$725.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_platino/3-GBR-X-PPJ001Y-01S-N. Pulsera estilo europeo en platino y 5 charms en acero inoxidable. C$725.00.png'),\r\n          descripcion: \"Pulsera estilo europeo en platino y 5 charms en acero inoxidable.\",\r\n          seccion: \"sección pulseras en platino\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 4,\r\n          referencia: \"ref: GBR-KK-S337-07-PCHD\",\r\n          nombre: \"Pulsera en platino\",\r\n          precio: \"C$995.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_platino/4-GBR-KK-S337-07-PCHD. pulsera estilo europeo con grabado pandora y 5 charms en acero inoxidable. C$995.00.png'),\r\n          descripcion: \"pulsera estilo europeo con grabado pandora y 5 charms en acero inoxidable.\",\r\n          seccion: \"sección pulseras en platino\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 5,\r\n          referencia: \"ref: GBR-X-PPJ001Y-01S-0\",\r\n          nombre: \"Pulsera en platino\",\r\n          precio: \"C$765.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_platino/5-GBR-X-PPJ001Y-01S-0. pulsera estilo europeo en platino y 5 charms en acero inoxidable. C$765.00.png'),\r\n          descripcion: \"pulsera estilo europeo en platino y 5 charms en acero inoxidable.\",\r\n          seccion: \"sección pulseras en platino\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 6,\r\n          referencia: \"ref: GBR-X-PPJ001Y-01S-0C\",\r\n          nombre: \"Pulsera en platino\",\r\n          precio: \"C$765.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_platino/6-GBR-X-PPJ001Y-01S-0C. pulsera estilo europeo en platino y 5 charms en acero inoxidable. C$765.00.png'),\r\n          descripcion: \"pulsera estilo europeo en platino y 5 charms en acero inoxidable.\",\r\n          seccion: \"sección pulseras en platino\",\r\n          cantidad: 1\r\n        },\r\n      ],\r\n      mostrarModalCarrito: false,\r\n      mostrarModalInfo: false,\r\n      productoSeleccionado: null,\r\n    }\r\n  },\r\n  methods: {\r\n    incrementarCantidad(producto) {\r\n      producto.cantidad++;\r\n    },\r\n    decrementarCantidad(producto) {\r\n      if (producto.cantidad > 1) {\r\n        producto.cantidad--;\r\n      }\r\n    },\r\n    agregarAlCarrito(producto) {\r\n      this.$store.commit('agregarAlCarrito', { ...producto });\r\n      this.mostrarModalCarrito = true;\r\n      setTimeout(() => {\r\n        this.cerrarModalCarrito();\r\n      }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n    },\r\n    abrirModalInfo(producto) {\r\n      this.productoSeleccionado = producto;\r\n      this.mostrarModalInfo = true;\r\n    },\r\n    cerrarModalCarrito() {\r\n      this.mostrarModalCarrito = false;\r\n    },\r\n    cerrarModalInfo() {\r\n      this.mostrarModalInfo = false;\r\n      this.productoSeleccionado = null;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n\r\n\r\n<style lang=\"scss\">\r\n@import \"@/assets/styles/stylesProductos.scss\";\r\n\r\n.contenedor-titulos{\r\n        position: relative;\r\n        display: inline-block;\r\n        text-align: center;\r\n        display: flex;\r\n        justify-content: center;\r\n\r\n        img{\r\n            height: 8rem;\r\n            width: 40rem;\r\n        }\r\n\r\n        .texto{\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 100%;\r\n\r\n            h2{\r\n                color: $violeta-titulos;\r\n                // font-family: 'Roboto', sans-serif;\r\n                font-size: 2.8rem;\r\n                // font-family: 'Crete Round', serif;\r\n                font-family: 'Lobster', cursive;\r\n                font-weight: 300;\r\n                letter-spacing: 1px;\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n.productos-container {\r\n  padding: 10px;\r\n\r\n  .productos {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-around;\r\n\r\n    .producto {\r\n      margin: 20px;\r\n\r\n      .img-container {\r\n        position: relative;\r\n\r\n        img {\r\n          height: 29rem;\r\n          width: 24rem;\r\n          object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n        }\r\n\r\n        .icon-eye {\r\n          position: absolute;\r\n          bottom: 10px;\r\n          right: 10px;\r\n          background-color: rgba(0, 0, 0, 0.5);\r\n          padding: 5px;\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n\r\n          i {\r\n            color: #fff;\r\n            font-size: 18px;\r\n          }\r\n        }\r\n      }\r\n\r\n      // .ref, .nombre-producto, .precio, .cantidad, button {\r\n      //   text-align: center;\r\n      //   font-size: 16px;\r\n      // }\r\n    }\r\n  }\r\n\r\n  .modal {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 1000;\r\n    padding-top: 130px;\r\n\r\n    .modal-content {\r\n      background-color: #fff;\r\n      padding: 35px 13px;\r\n      border-radius: 8px;\r\n      text-align: center;\r\n      position: relative;\r\n      max-width: 350px;\r\n      width: 90%;\r\n      // margin-top: 100px;\r\n\r\n      p{\r\n        color: $violeta;\r\n        font-weight:700;\r\n        font-size: 1.7rem;\r\n        margin: -.5rem 0 .5rem 0;\r\n      }\r\n\r\n      li{\r\n        font-size: 1.5rem;\r\n      }\r\n\r\n      img {\r\n        width: 80%;\r\n        height: 30rem;\r\n        margin-bottom: 15px;\r\n        object-fit: cover;\r\n        // display: none;\r\n      }\r\n\r\n      .close {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .productos {\r\n      flex-direction: column;\r\n      align-items: center;\r\n\r\n      .producto {\r\n        width: 100%;\r\n        margin: 10px 0;\r\n\r\n        .img-container {\r\n          img {\r\n            width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n            height: auto; // Mantén la proporción de la imagen\r\n          }\r\n          .icon-eye {\r\n            bottom: 5px;\r\n            right: 5px;\r\n            padding: 3px;\r\n            i {\r\n              font-size: 16px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .ref, .nombre-producto, .precio, .cantidad, button {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal .modal-content {\r\n      width: 95%;\r\n      padding: 15px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .productos {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      justify-content: space-between;\r\n\r\n      .producto {\r\n        width: 48%;\r\n        margin: 10px 0;\r\n\r\n        .img-container {\r\n          img {\r\n            width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n            height: auto; // Mantén la proporción de la imagen\r\n          }\r\n          .icon-eye {\r\n            bottom: 5px;\r\n            right: 5px;\r\n            // padding: 2px;\r\n            // i {\r\n            //   font-size: 16px;\r\n            // }\r\n          }\r\n        }\r\n\r\n        .ref, .nombre-producto, .precio, .cantidad, button {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal{\r\n      padding-top: 80px;\r\n\r\n      .modal-content {\r\n        width: 100%;\r\n        padding: 10px;\r\n\r\n      p{\r\n        font-size: 2rem;\r\n      }  \r\n\r\n      li{\r\n        margin: 1rem 0;\r\n        font-size: 1.8rem;\r\n      }\r\n    }\r\n    } \r\n  }\r\n\r\n  @media (max-width: 450px) {\r\n    .productos {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      justify-content: space-between;\r\n\r\n      .producto {\r\n        width: 48%;\r\n        margin: 5px 0;\r\n\r\n        .img-container {\r\n          .icon-eye {\r\n            bottom: 3px;\r\n            right: 3px;\r\n            // padding: 2px;\r\n            // i {\r\n            //   font-size: 14px;\r\n            // }\r\n          }\r\n        }\r\n\r\n        .ref, .nombre-producto, .precio, .cantidad, button {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 400px){\r\n    .modal .modal-content{\r\n      width: 70%;\r\n\r\n      img{\r\n      width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n      height: 25rem;\r\n      padding:2rem 0 .5rem 0;\r\n    }\r\n    } \r\n  }\r\n}\r\n</style>","import { render } from \"./pulserasPlatino.vue?vue&type=template&id=741d71e0\"\nimport script from \"./pulserasPlatino.vue?vue&type=script&lang=js\"\nexport * from \"./pulserasPlatino.vue?vue&type=script&lang=js\"\n\nimport \"./pulserasPlatino.vue?vue&type=style&index=0&id=741d71e0&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <navCategoria/>\r\n  <Enlaces/>\r\n\r\n  <div class=\"productos-container\">\r\n    <!-- <h1>{{ titulo }}</h1> -->\r\n    <div class=\"contenedor-titulos scroll-up\">\r\n            <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n            <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n    </div>\r\n    <div class=\"productos\">\r\n      <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n        <div class=\"img-container\">\r\n          <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n          <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n            <i class=\"bx bx-show\"></i>\r\n          </div>\r\n        </div>\r\n        <p class=\"ref\">{{ producto.referencia }}</p>\r\n        <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n        <p class=\"precio\">{{ producto.precio }}</p>\r\n        <div class=\"cantidad\">\r\n          <button @click=\"decrementarCantidad(producto)\">-</button>\r\n          <span>{{ producto.cantidad }}</span>\r\n          <button @click=\"incrementarCantidad(producto)\">+</button>\r\n        </div>\r\n        <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- Modal para agregar al carrito -->\r\n    <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n      <div class=\"modal-content\">\r\n        <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n        <p>Producto agregado al carrito</p>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- Modal para información del producto -->\r\n    <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n      <div class=\"modal-content\">\r\n        <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n        <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n        <p>Descripción</p>\r\n        <li>{{ productoSeleccionado.descripcion }}</li>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <Footer/> \r\n</template>\r\n\r\n\r\n\r\n\r\n<script>\r\nimport NavCategoria from '@/components/navCategoria.vue'\r\nimport Enlaces from '@/components/enlaces.vue'\r\nimport Footer from '@/components/footer.vue'\r\n\r\nexport default {\r\n  components: {\r\n    NavCategoria,\r\n    Enlaces,\r\n    Footer,\r\n  },\r\n  data() {\r\n    return {\r\n      titulo: \"Pulseras acero inoxidable\",\r\n      productos: [\r\n        {\r\n          id: 1,\r\n          referencia: \"ref: GBR-BJEW-BB12573\",\r\n          nombre: \"Pulsera Unisex plateada\",\r\n          precio: \"C$500.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/1-GBR-BJEW-BB12573. Pulsera Unisex plateada, grabado 925. C$500.00.png'),\r\n          descripcion: \"Pulsera Unisex plateada, grabado 925.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 2,\r\n          referencia: \"ref: GBR-BJEW-G525-24P\",\r\n          nombre: \"Pulseras de acero\",\r\n          precio: \"C$255.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/2-GBR-BJEW-G525-24P. Pulseras de acero inoxidable 304 con dijes, plateado, con imitación de diamantes en vidrio. C$255.00.png'),\r\n          descripcion: \"Pulseras de acero inoxidable 304 con dijes, plateado, con imitación de diamantes en vidrio.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 3,\r\n          referencia: \"ref: GBR-BJEW-G669-14G\",\r\n          nombre: \"Pulsera de malla\",\r\n          precio: \"C$485.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/3-GBR-BJEW-G669-14G. Pulsera de malla de acero inoxidable 304, estilo correa de reloj para hombres y mujeres, dorada, 17 cm. C$485.00.png'),\r\n          descripcion: \"Pulsera de malla de acero inoxidable 304, estilo correa de reloj para hombres y mujeres, dorada, 17 cm.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 4,\r\n          referencia: \"ref: GBR-BJEW-H511-01\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$195.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/4-GBR-BJEW-H511-01. Pulsera en Acero Inoxidable con ojos turcos de Colores. C$195.00.png'),\r\n          descripcion: \"Pulsera en Acero Inoxidable con ojos turcos de Colores.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 5,\r\n          referencia: \"ref: GBR-BJEW-I283-08\",\r\n          nombre: \"Conjuntos de pulseras\",\r\n          precio: \"C$425.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/5-GBR-BJEW-I283-08. Conjuntos de pulseras para parejas de acero inoxidable 304, rectángulo con corazón dividido, color dorado y plateado. C$425.00 .png'),\r\n          descripcion: \"Conjuntos de pulseras para parejas de acero inoxidable 304, rectángulo con corazón dividido, color dorado y plateado.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 8,\r\n          referencia: \"ref: GBR-BJEW-M121-03G\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$185.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/8-GBR-BJEW-M121-03G. Pulsera en Acero Inoxidable dorado, corazónes minimalistas. C$185.00.png'),\r\n          descripcion: \"Pulsera en Acero Inoxidable dorado, corazónes minimalistas.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 9,\r\n          referencia: \"ref: GBR-CHS-WH0001-06-WHITEPEARL\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$185.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/9-GBR-CHS-WH0001-06-WHITEPEARL. Pulsera de Acero Inoxidable, eslabones grandes dorados y perla de rio. C$185.00.png'),\r\n          descripcion: \"Pulsera de Acero Inoxidable, eslabones grandes dorados y perla de rio.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 10,\r\n          referencia: \"ref: GBR-CRISTALPEARLS-BEIGE\",\r\n          nombre: \"Pulsera elastica\",\r\n          precio: \"C$235.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/10-GBR-CRISTALPEARLS-BEIGE. Pulsera elastica con perlas de cristal y perlitas doradas de Acero Inoxidable. C$235.00.png'),\r\n          descripcion: \"Pulsera elastica con perlas de cristal y perlitas doradas de Acero Inoxidable.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 11,\r\n          referencia: \"ref: GBR-EGLA-A034-P4mm-WHITEPEARL\",\r\n          nombre: \"Pulsera elastica\",\r\n          precio: \"C$205.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/11-GBR-EGLA-A034-P4mm-WHITEPEARL. Pulsera elastica de cristales crema y perlas naturales blancas. C$205.00.png'),\r\n          descripcion: \"Pulsera elastica de cristales crema y perlas naturales blancas.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 12,\r\n          referencia: \"ref: GBR-LAMP-PH0002-05-RED\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$165.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/12-GBR-LAMP-PH0002-05-RED. Pulsera en Acero Inoxidable con cristales y ojo turco, Rojo. C$165.00.png'),\r\n          descripcion: \"Pulsera en Acero Inoxidable con cristales y ojo turco, Rojo.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 13,\r\n          referencia: \"ref: GBR-PEARL-ACEI-CUAR-AMA\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$185.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/13-GBR-PEARL-ACEI-CUAR-AMA. Pulsera en Acero Inoxidable, cuarzo morado, amatista, perlas doradas de Acero Inoxidable y perlas blancas porcelana. C$185.00.png'),\r\n          descripcion: \"Pulsera en Acero Inoxidable, cuarzo morado, amatista, perlas doradas de Acero Inoxidable y perlas blancas porcelana.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 14,\r\n          referencia: \"ref: GBR-PEARL-ACEI-CUAR-GREEN\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$185.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/14-GBR-PEARL-ACEI-CUAR-GREEN. Pulsera en Acero Inoxidable, cuarzo Verde, perlas doradas de Acero Inoxidable y perlas blancas porcelana. C$185.00.png'),\r\n          descripcion: \"Pulsera en Acero Inoxidable, cuarzo Verde, perlas doradas de Acero Inoxidable y perlas blancas porcelana.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 15,\r\n          referencia: \"ref: GBR-PEARL-ACEI-CUAR-MIX\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$185.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/15-GBR-PEARL-ACEI-CUAR-MIX. Pulsera en Acero Inoxidable, cuarzos rosa, verde y lila, perlas doradas de Acero Inoxidable y perlas blancas porcelana. C$185.00.png'),\r\n          descripcion: \"Pulsera en Acero Inoxidable, cuarzos rosa, verde y lila, perlas doradas de Acero Inoxidable y perlas blancas porcelana.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 16,\r\n          referencia: \"ref: GBR-PEARL-ACEI-CUAR-PINK\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$185.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/16-GBR-PEARL-ACEI-CUAR-PINK. Pulsera en Acero Inoxidable, cuarzo rosa, perlas doradas de Acero Inoxidable y perlas blancas porcelana. C$185.00.png'),\r\n          descripcion: \"Pulsera en Acero Inoxidable, cuarzo rosa, perlas doradas de Acero Inoxidable y perlas blancas porcelana.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 17,\r\n          referencia: \"ref: GBR-REDC-2mm-Q201-H557-L244\",\r\n          nombre: \"Pulsera elastica\",\r\n          precio: \"C$155.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/17-GBR-REDC-2mm-Q201-H557-L244. Pulsera elastica en cristales rojos y dijes de estrella, media luna y delfin en Acero Inoxidable. C$155.00.png'),\r\n          descripcion: \"Pulsera elastica en cristales rojos y dijes de estrella, media luna y delfin en Acero Inoxidable.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 18,\r\n          referencia: \"ref: GBR-STAS-B020-12G\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$225.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/18-GBR-STAS-B020-12G. Pulsera en Acero Inoxidable con lámina de Acero Inoxidable dorada. C$225.00.png'),\r\n          descripcion: \"Pulsera en Acero Inoxidable con lámina de Acero Inoxidable dorada.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 19,\r\n          referencia: \"ref: GBR-STAS-B020-12P\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$265.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/19-GBR-STAS-B020-12P. Pulsera de Acero Inoxidable con lámina de Acero Inoxidable plateada y cordón ajustable. C$265.00.png'),\r\n          descripcion: \"Pulsera de Acero Inoxidable con lámina de Acero Inoxidable plateada y cordón ajustable.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 20,\r\n          referencia: \"ref: GBR-STAS-Q201-T461G\",\r\n          nombre: \"Pulsera en Acero\",\r\n          precio: \"C$175.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/20-GBR-STAS-Q201-T461G. Pulsera en acero inoxidable con cadenas colgante, estrellas y mostaciilas. C$175.00.png'),\r\n          descripcion: \"Pulsera en acero inoxidable con cadenas colgante, estrellas y mostaciilas.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 21,\r\n          referencia: \"ref: GBR-STAS-Q201-T463S-RED\",\r\n          nombre: \"Pulsera elastica\",\r\n          precio: \"C$185.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/21-GBR-STAS-Q201-T463S-RED. Pulsera elastica, cristales rojos y transparentes con dije de elefante plateado. C$185.00.png'),\r\n          descripcion: \"Pulsera elastica, cristales rojos y transparentes con dije de elefante plateado.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 22,\r\n          referencia: \"ref: GBR-STAS-S115-01C-G\",\r\n          nombre: \"Pulsera tejida\",\r\n          precio: \"C$355.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/22-GBR-STAS-S115-01C-G. Pulsera tejida en telar con mostracillas de colores y terminales en Acero Inoxidable. C$355.00.png'),\r\n          descripcion: \"Pulsera tejida en telar con mostracillas de colores y terminales en Acero Inoxidable.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 23,\r\n          referencia: \"ref: GBR-STAS-S115-01E-G\",\r\n          nombre: \"Pulsera tejida\",\r\n          precio: \"C$355.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/23-GBR-STAS-S115-01E-G. Pulsera tejida en telar con mostracillas de colores y terminales en Acero Inoxidable. C$355.00.png'),\r\n          descripcion: \"Pulsera tejida en telar con mostracillas de colores y terminales en Acero Inoxidable.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 24,\r\n          referencia: \"ref: GBR-WHITE-CRISTAL-COLORMIX.\",\r\n          nombre: \"Pulsera elastica\",\r\n          precio: \"C$155.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/24-GBR-WHITE-CRISTAL-COLORMIX. Pulsera elastica en cristales blancos y cuencas porcelana de colores. C$155.00.png'),\r\n          descripcion: \"Pulsera elastica en cristales blancos y cuencas porcelana de colores.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 25,\r\n          referencia: \"ref: GBR-X-BJEW-JB08543\",\r\n          nombre: \"Pulsera de eslabones\",\r\n          precio: \"C$465.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/25-GBR-X-BJEW-JB08543. Pulsera de eslabones cruzados de acero inoxidable 201 con cadenas de perlas naturales para mujer, dorada, 18cm. C$465.00.png'),\r\n          descripcion: \"Pulsera de eslabones cruzados de acero inoxidable 201 con cadenas de perlas naturales para mujer, dorada, 18cm.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 26,\r\n          referencia: \"ref: GBR-X-STAS-H436-CRISTALWHITE\",\r\n          nombre: \"Pulsera elástica\",\r\n          precio: \"C$165.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_acero_inoxidable/26-GBR-X-STAS-H436-CRISTALWHITE. Pulsera elástica, con cruz de acero Inoxidable y cristales de colores. C$165.00.png'),\r\n          descripcion: \"Pulsera elástica, con cruz de acero Inoxidable y cristales de colores.\",\r\n          seccion: \"sección pulseras acero inoxidable\",\r\n          cantidad: 1\r\n        },\r\n      ],\r\n      mostrarModalCarrito: false,\r\n      mostrarModalInfo: false,\r\n      productoSeleccionado: null,\r\n    }\r\n  },\r\n  methods: {\r\n    incrementarCantidad(producto) {\r\n      producto.cantidad++;\r\n    },\r\n    decrementarCantidad(producto) {\r\n      if (producto.cantidad > 1) {\r\n        producto.cantidad--;\r\n      }\r\n    },\r\n    agregarAlCarrito(producto) {\r\n      this.$store.commit('agregarAlCarrito', { ...producto });\r\n      this.mostrarModalCarrito = true;\r\n      setTimeout(() => {\r\n        this.cerrarModalCarrito();\r\n      }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n    },\r\n    abrirModalInfo(producto) {\r\n      this.productoSeleccionado = producto;\r\n      this.mostrarModalInfo = true;\r\n    },\r\n    cerrarModalCarrito() {\r\n      this.mostrarModalCarrito = false;\r\n    },\r\n    cerrarModalInfo() {\r\n      this.mostrarModalInfo = false;\r\n      this.productoSeleccionado = null;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n\r\n\r\n<style lang=\"scss\">\r\n@import \"@/assets/styles/stylesProductos.scss\";\r\n\r\n.contenedor-titulos{\r\n        position: relative;\r\n        display: inline-block;\r\n        text-align: center;\r\n        display: flex;\r\n        justify-content: center;\r\n\r\n        img{\r\n            height: 8rem;\r\n            width: 40rem;\r\n        }\r\n\r\n        .texto{\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 100%;\r\n\r\n            h2{\r\n                color: $violeta-titulos;\r\n                // font-family: 'Roboto', sans-serif;\r\n                font-size: 2.8rem;\r\n                // font-family: 'Crete Round', serif;\r\n                font-family: 'Lobster', cursive;\r\n                font-weight: 300;\r\n                letter-spacing: 1px;\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n.productos-container {\r\n  padding: 10px;\r\n\r\n  .productos {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-around;\r\n\r\n    .producto {\r\n      margin: 20px;\r\n\r\n      .img-container {\r\n        position: relative;\r\n\r\n        img {\r\n          height: 29rem;\r\n          width: 24rem;\r\n          object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n        }\r\n\r\n        .icon-eye {\r\n          position: absolute;\r\n          bottom: 10px;\r\n          right: 10px;\r\n          background-color: rgba(0, 0, 0, 0.5);\r\n          padding: 5px;\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n\r\n          i {\r\n            color: #fff;\r\n            font-size: 18px;\r\n          }\r\n        }\r\n      }\r\n\r\n      // .ref, .nombre-producto, .precio, .cantidad, button {\r\n      //   text-align: center;\r\n      //   font-size: 16px;\r\n      // }\r\n    }\r\n  }\r\n\r\n  .modal {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 1000;\r\n    padding-top: 130px;\r\n\r\n    .modal-content {\r\n      background-color: #fff;\r\n      padding: 35px 13px;\r\n      border-radius: 8px;\r\n      text-align: center;\r\n      position: relative;\r\n      max-width: 350px;\r\n      width: 90%;\r\n      // margin-top: 100px;\r\n\r\n      p{\r\n        color: $violeta;\r\n        font-weight:700;\r\n        font-size: 1.7rem;\r\n        margin: -.5rem 0 .5rem 0;\r\n      }\r\n\r\n      li{\r\n        font-size: 1.5rem;\r\n      }\r\n\r\n      img {\r\n        width: 80%;\r\n        height: 30rem;\r\n        margin-bottom: 15px;\r\n        object-fit: cover;\r\n        // display: none;\r\n      }\r\n\r\n      .close {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .productos {\r\n      flex-direction: column;\r\n      align-items: center;\r\n\r\n      .producto {\r\n        width: 100%;\r\n        margin: 10px 0;\r\n\r\n        .img-container {\r\n          img {\r\n            width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n            height: auto; // Mantén la proporción de la imagen\r\n          }\r\n          .icon-eye {\r\n            bottom: 5px;\r\n            right: 5px;\r\n            padding: 3px;\r\n            i {\r\n              font-size: 16px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .ref, .nombre-producto, .precio, .cantidad, button {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal .modal-content {\r\n      width: 95%;\r\n      padding: 15px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .productos {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      justify-content: space-between;\r\n\r\n      .producto {\r\n        width: 48%;\r\n        margin: 10px 0;\r\n\r\n        .img-container {\r\n          img {\r\n            width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n            height: auto; // Mantén la proporción de la imagen\r\n          }\r\n          .icon-eye {\r\n            bottom: 5px;\r\n            right: 5px;\r\n            // padding: 2px;\r\n            // i {\r\n            //   font-size: 16px;\r\n            // }\r\n          }\r\n        }\r\n\r\n        .ref, .nombre-producto, .precio, .cantidad, button {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal{\r\n      padding-top: 80px;\r\n\r\n      .modal-content {\r\n        width: 100%;\r\n        padding: 10px;\r\n\r\n      p{\r\n        font-size: 2rem;\r\n      }  \r\n\r\n      li{\r\n        margin: 1rem 0;\r\n        font-size: 1.8rem;\r\n      }\r\n    }\r\n    } \r\n  }\r\n\r\n  @media (max-width: 450px) {\r\n    .productos {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      justify-content: space-between;\r\n\r\n      .producto {\r\n        width: 48%;\r\n        margin: 5px 0;\r\n\r\n        .img-container {\r\n          .icon-eye {\r\n            bottom: 3px;\r\n            right: 3px;\r\n            // padding: 2px;\r\n            // i {\r\n            //   font-size: 14px;\r\n            // }\r\n          }\r\n        }\r\n\r\n        .ref, .nombre-producto, .precio, .cantidad, button {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 400px){\r\n    .modal .modal-content{\r\n      width: 70%;\r\n\r\n      img{\r\n      width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n      height: 25rem;\r\n      padding:2rem 0 .5rem 0;\r\n    }\r\n    } \r\n  }\r\n}\r\n</style>\r\n\r\n\r\n\r\n\r\n\r\n","import { render } from \"./pulserasAcero.vue?vue&type=template&id=1b191000\"\nimport script from \"./pulserasAcero.vue?vue&type=script&lang=js\"\nexport * from \"./pulserasAcero.vue?vue&type=script&lang=js\"\n\nimport \"./pulserasAcero.vue?vue&type=style&index=0&id=1b191000&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <navCategoria/>\r\n  <Enlaces/>\r\n\r\n  <div class=\"productos-container\">\r\n    <!-- <h1>{{ titulo }}</h1> -->\r\n    <div class=\"contenedor-titulos scroll-up\">\r\n            <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n            <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n    </div>\r\n    <div class=\"productos\">\r\n      <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n        <div class=\"img-container\">\r\n          <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n          <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n            <i class=\"bx bx-show\"></i>\r\n          </div>\r\n        </div>\r\n        <p class=\"ref\">{{ producto.referencia }}</p>\r\n        <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n        <p class=\"precio\">{{ producto.precio }}</p>\r\n        <div class=\"cantidad\">\r\n          <button @click=\"decrementarCantidad(producto)\">-</button>\r\n          <span>{{ producto.cantidad }}</span>\r\n          <button @click=\"incrementarCantidad(producto)\">+</button>\r\n        </div>\r\n        <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- Modal para agregar al carrito -->\r\n    <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n      <div class=\"modal-content\">\r\n        <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n        <p>Producto agregado al carrito</p>\r\n      </div>\r\n    </div>\r\n    \r\n    <!-- Modal para información del producto -->\r\n    <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n      <div class=\"modal-content\">\r\n        <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n        <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n        <p>Descripción</p>\r\n        <li>{{ productoSeleccionado.descripcion }}</li>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <Footer/> \r\n</template>\r\n\r\n\r\n\r\n\r\n<script>\r\nimport NavCategoria from '@/components/navCategoria.vue'\r\nimport Enlaces from '@/components/enlaces.vue'\r\nimport Footer from '@/components/footer.vue'\r\n\r\nexport default {\r\n  components: {\r\n    NavCategoria,\r\n    Enlaces,\r\n    Footer,\r\n  },\r\n  data() {\r\n    return {\r\n      titulo: \"Pulseras en hilo\",\r\n      productos: [\r\n        {\r\n          id: 1,\r\n          referencia: \"ref: GBR-LAMP-PH0002-05-BLUE\",\r\n          nombre: \"Pulsera en hilo\",\r\n          precio: \"C$155.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/1-GBR-LAMP-PH0002-05-BLUE. Pulsera en hilo encerado con cristales y ojo turco Azul. C$155.00.png'),\r\n          descripcion: \"Pulsera en hilo encerado con cristales y ojo turco Azul.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 2,\r\n          referencia: \"ref: GBR-LAMP-PH0002-05-GREEN\",\r\n          nombre: \"Pulsera en hilo\",\r\n          precio: \"C$155.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/2-GBR-LAMP-PH0002-05-GREEN. Pulsera en hilo encerado con cristales y ojo turco Verde. C$155.00.png'),\r\n          descripcion: \"Pulsera en hilo encerado con cristales y ojo turco Verde.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 3,\r\n          referencia: \"ref: GBR-LAMP-PH0002-05-RED\",\r\n          nombre: \"Pulsera en hilo\",\r\n          precio: \"C$155.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/3-GBR-LAMP-PH0002-05-RED. Pulsera en hilo encerado con cristales y ojo turco Rojo. C$155.00.png'),\r\n          descripcion: \"Pulsera en hilo encerado con cristales y ojo turco Rojo.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 4,\r\n          referencia: \"ref: GBR-LAMP-PH0002-05-WHITE\",\r\n          nombre: \"Pulsera en hilo\",\r\n          precio: \"C$155.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/4-GBR-LAMP-PH0002-05-WHITE. Pulsera en hilo encerado con cristales y ojo turco Blanca. C$155.00.png'),\r\n          descripcion: \"Pulsera en hilo encerado con cristales y ojo turco Blanca.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 5,\r\n          referencia: \"ref: GBR-LAMP-PH0002-05-WHITEBLUE\",\r\n          nombre: \"Pulsera en hilo\",\r\n          precio: \"C$155.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/5-GBR-LAMP-PH0002-05-WHITEBLUE. Pulsera en hilo encerado con cristales y ojo turco Celeste. C$155.00.png'),\r\n          descripcion: \"Pulsera en hilo encerado con cristales y ojo turco Celeste.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 6,\r\n          referencia: \"ref: GBR-LAMP-PH0002-05-YELLOW\",\r\n          nombre: \"Pulsera en hilo\",\r\n          precio: \"C$155.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/6-GBR-LAMP-PH0002-05-YELLOW. Pulsera en hilo encerado con cristales y ojo turco Amarillo. C$155.00.png'),\r\n          descripcion: \"Pulsera en hilo encerado con cristales y ojo turco Amarillo.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 7,\r\n          referencia: \"ref: GBR-STAS-F160-31G-PURPLE\",\r\n          nombre: \"Pulsera en hilo\",\r\n          precio: \"C$155.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/7-GBR-STAS-F160-31G-PURPLE. Pulsera en hilo encerado morado, con dije de corazón en Acero Inoxidable. C$105.00.png'),\r\n          descripcion: \"Pulsera en hilo encerado morado, con dije de corazón en Acero Inoxidable.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 8,\r\n          referencia: \"ref: GBR-STAS-F160-31G-WHITE\",\r\n          nombre: \"Pulsera en hilo\",\r\n          precio: \"C$155.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/8-GBR-STAS-F160-31G-WHITE. Pulsera en hilo encerado blanco, con dije de corazón en Acero Inoxidable. C$105.00.png'),\r\n          descripcion: \"Pulsera en hilo encerado blanco, con dije de corazón en Acero Inoxidable.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 9,\r\n          referencia: \"ref: GBR-MAK-P005-03G-C\",\r\n          nombre: \"Pulsera cordón\",\r\n          precio: \"C$255.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/9-GBR-MAK-P005-03G-C. Pulsera cordón de nailon rojo y chapado de larga duración, centro de corazón enchapado en oro y sujetador, chapado en oro real de 18 quilates..png'),\r\n          descripcion: \"Pulsera cordón de nailon rojo y chapado de larga duración, centro de corazón enchapado en oro y sujetador, chapado en oro real de 18 quilates.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 10,\r\n          referencia: \"ref: GBR-MAK-P005-03G-G\",\r\n          nombre: \"Pulsera cordón\",\r\n          precio: \"C$235.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/10-GBR-MAK-P005-03G-G. de nailon rojo y chapado de larga duración, centro de girasol enchapado en oro y sujetador, chapado en oro real de 18 quilates.png'),\r\n          descripcion: \"de nailon rojo y chapado de larga duración, centro de girasol enchapado en oro y sujetador, chapado en oro real de 18 quilates.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 11,\r\n          referencia: \"ref: GBR-MAK-P005-04G-C\",\r\n          nombre: \"Pulsera cordón\",\r\n          precio: \"C$235.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/11-GBR-MAK-P005-04G-C. Pulsera cordón de nailon gris y chapado de larga duración, centro de corazón enchapado en oro y sujetador, chapado en oro real de 18 quilates..png'),\r\n          descripcion: \"Pulsera cordón de nailon gris y chapado de larga duración, centro de corazón enchapado en oro y sujetador, chapado en oro real de 18 quilates.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 12,\r\n          referencia: \"ref: GBR-MAK-P005-04G-G\",\r\n          nombre: \"Pulsera cordón\",\r\n          precio: \"C$235.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/12-GBR-MAK-P005-04G-G. Pulsera cordón de nailon gris y chapado de larga duración, centro de girasol enchapado en oro y sujetador, chapado en oro real de 18 quilates..png'),\r\n          descripcion: \"Pulsera cordón de nailon gris y chapado de larga duración, centro de girasol enchapado en oro y sujetador, chapado en oro real de 18 quilates.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 13,\r\n          referencia: \"ref: GBR-MAK-P005-06G-C\",\r\n          nombre: \"Pulsera cordón\",\r\n          precio: \"C$255.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/13-GBR-MAK-P005-06G-C. Pulsera cordón de nailon negro y chapado de larga duración, centro de corazón enchapado en oro y sujetador, chapado en oro real de 18 quilates..png'),\r\n          descripcion: \"Pulsera cordón de nailon negro y chapado de larga duración, centro de corazón enchapado en oro y sujetador, chapado en oro real de 18 quilates.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n        {\r\n          id: 14,\r\n          referencia: \"ref: GBR-MAK-P005-06G-G\",\r\n          nombre: \"Pulsera cordón\",\r\n          precio: \"C$255.00\",\r\n          imagen: require('@/assets/img/pulseras/pulseras_en_hilo/14-GBR-MAK-P005-06G-G. Pulsera cordón de nailon negro y chapado de larga duración, centro de girasol enchapado en oro y sujetador, chapado en oro real de 18 quilates..png'),\r\n          descripcion: \"Pulsera cordón de nailon negro y chapado de larga duración, centro de girasol enchapado en oro y sujetador, chapado en oro real de 18 quilates.\",\r\n          seccion: \"sección pulseras en hilo\",\r\n          cantidad: 1\r\n        },\r\n      ],\r\n      mostrarModalCarrito: false,\r\n      mostrarModalInfo: false,\r\n      productoSeleccionado: null,\r\n    }\r\n  },\r\n  methods: {\r\n    incrementarCantidad(producto) {\r\n      producto.cantidad++;\r\n    },\r\n    decrementarCantidad(producto) {\r\n      if (producto.cantidad > 1) {\r\n        producto.cantidad--;\r\n      }\r\n    },\r\n    agregarAlCarrito(producto) {\r\n      this.$store.commit('agregarAlCarrito', { ...producto });\r\n      this.mostrarModalCarrito = true;\r\n      setTimeout(() => {\r\n        this.cerrarModalCarrito();\r\n      }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n    },\r\n    abrirModalInfo(producto) {\r\n      this.productoSeleccionado = producto;\r\n      this.mostrarModalInfo = true;\r\n    },\r\n    cerrarModalCarrito() {\r\n      this.mostrarModalCarrito = false;\r\n    },\r\n    cerrarModalInfo() {\r\n      this.mostrarModalInfo = false;\r\n      this.productoSeleccionado = null;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n\r\n\r\n<style lang=\"scss\">\r\n@import \"@/assets/styles/stylesProductos.scss\";\r\n\r\n.contenedor-titulos{\r\n        position: relative;\r\n        display: inline-block;\r\n        text-align: center;\r\n        display: flex;\r\n        justify-content: center;\r\n\r\n        img{\r\n            height: 8rem;\r\n            width: 40rem;\r\n        }\r\n\r\n        .texto{\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 100%;\r\n\r\n            h2{\r\n                color: $violeta-titulos;\r\n                // font-family: 'Roboto', sans-serif;\r\n                font-size: 2.8rem;\r\n                // font-family: 'Crete Round', serif;\r\n                font-family: 'Lobster', cursive;\r\n                font-weight: 300;\r\n                letter-spacing: 1px;\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n.productos-container {\r\n  padding: 10px;\r\n\r\n  .productos {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-around;\r\n\r\n    .producto {\r\n      margin: 20px;\r\n\r\n      .img-container {\r\n        position: relative;\r\n\r\n        img {\r\n          height: 29rem;\r\n          width: 24rem;\r\n          object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n        }\r\n\r\n        .icon-eye {\r\n          position: absolute;\r\n          bottom: 10px;\r\n          right: 10px;\r\n          background-color: rgba(0, 0, 0, 0.5);\r\n          padding: 5px;\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n\r\n          i {\r\n            color: #fff;\r\n            font-size: 18px;\r\n          }\r\n        }\r\n      }\r\n\r\n      // .ref, .nombre-producto, .precio, .cantidad, button {\r\n      //   text-align: center;\r\n      //   font-size: 16px;\r\n      // }\r\n    }\r\n  }\r\n\r\n  .modal {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 1000;\r\n    padding-top: 130px;\r\n\r\n    .modal-content {\r\n      background-color: #fff;\r\n      padding: 35px 13px;\r\n      border-radius: 8px;\r\n      text-align: center;\r\n      position: relative;\r\n      max-width: 350px;\r\n      width: 90%;\r\n      // margin-top: 100px;\r\n\r\n      p{\r\n        color: $violeta;\r\n        font-weight:700;\r\n        font-size: 1.7rem;\r\n        margin: -.5rem 0 .5rem 0;\r\n      }\r\n\r\n      li{\r\n        font-size: 1.5rem;\r\n      }\r\n\r\n      img {\r\n        width: 80%;\r\n        height: 30rem;\r\n        margin-bottom: 15px;\r\n        object-fit: cover;\r\n        // display: none;\r\n      }\r\n\r\n      .close {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .productos {\r\n      flex-direction: column;\r\n      align-items: center;\r\n\r\n      .producto {\r\n        width: 100%;\r\n        margin: 10px 0;\r\n\r\n        .img-container {\r\n          img {\r\n            width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n            height: auto; // Mantén la proporción de la imagen\r\n          }\r\n          .icon-eye {\r\n            bottom: 5px;\r\n            right: 5px;\r\n            padding: 3px;\r\n            i {\r\n              font-size: 16px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .ref, .nombre-producto, .precio, .cantidad, button {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal .modal-content {\r\n      width: 95%;\r\n      padding: 15px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .productos {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      justify-content: space-between;\r\n\r\n      .producto {\r\n        width: 48%;\r\n        margin: 10px 0;\r\n\r\n        .img-container {\r\n          img {\r\n            width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n            height: auto; // Mantén la proporción de la imagen\r\n          }\r\n          .icon-eye {\r\n            bottom: 5px;\r\n            right: 5px;\r\n            // padding: 2px;\r\n            // i {\r\n            //   font-size: 16px;\r\n            // }\r\n          }\r\n        }\r\n\r\n        .ref, .nombre-producto, .precio, .cantidad, button {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal{\r\n      padding-top: 80px;\r\n\r\n      .modal-content {\r\n        width: 100%;\r\n        padding: 10px;\r\n\r\n      p{\r\n        font-size: 2rem;\r\n      }  \r\n\r\n      li{\r\n        margin: 1rem 0;\r\n        font-size: 1.8rem;\r\n      }\r\n    }\r\n    } \r\n  }\r\n\r\n  @media (max-width: 450px) {\r\n    .productos {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      justify-content: space-between;\r\n\r\n      .producto {\r\n        width: 48%;\r\n        margin: 5px 0;\r\n\r\n        .img-container {\r\n          .icon-eye {\r\n            bottom: 3px;\r\n            right: 3px;\r\n            // padding: 2px;\r\n            // i {\r\n            //   font-size: 14px;\r\n            // }\r\n          }\r\n        }\r\n\r\n        .ref, .nombre-producto, .precio, .cantidad, button {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 400px){\r\n    .modal .modal-content{\r\n      width: 70%;\r\n\r\n      img{\r\n      width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n      height: 25rem;\r\n      padding:2rem 0 .5rem 0;\r\n    }\r\n    } \r\n  }\r\n}\r\n</style>","import { render } from \"./pulserasHilo.vue?vue&type=template&id=5216e1af\"\nimport script from \"./pulserasHilo.vue?vue&type=script&lang=js\"\nexport * from \"./pulserasHilo.vue?vue&type=script&lang=js\"\n\nimport \"./pulserasHilo.vue?vue&type=style&index=0&id=5216e1af&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Anillos enchapado en oro\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-RJEW-B028-23G\",\r\n            nombre: \"Anillo abierto\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/1-GBR-RJEW-B028-23G. Anillo abierto con diamantes y circonita cúbica transparente para mujer, en oro real de 18 quilates, diámetro interior 16 mm. C$285.00.png'),\r\n            descripcion: \"Anillo abierto con diamantes y circonita cúbica transparente para mujer, en oro real de 18 quilates, diámetro interior 16 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-RJEW-C056-01P\",\r\n            nombre: \"Anillo abierto\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/2-GBR-RJEW-C056-01P. Anillo abierto con corona de circonita cúbica transparente, enchapado, platino, diámetro interior 17 mm. C$235.00.png'),\r\n            descripcion: \"Anillo abierto con corona de circonita cúbica transparente, enchapado, platino, diámetro interior 17 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-RJEW-C056-06P\",\r\n            nombre: \"Anillo plateado\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/3-GBR-RJEW-C056-06P. Anillo plateado abierto con lazo de circonita cúbica transparente, enchapado, platino, talla estadounidense 7.5. C$235.00.png'),\r\n            descripcion: \"Anillo plateado abierto con lazo de circonita cúbica transparente, enchapado, platino, talla estadounidense 7.5.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-RJEW-E064-01P-01\",\r\n            nombre: \"Anillo ajustable\",\r\n            precio: \"C$315.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/4-GBR-RJEW-E064-01P-01. Anillo ajustable de circonita cúbica rosa, enchapado, platino, talla estadounidense 6.5-7.5. C$315.00.png'),\r\n            descripcion: \"Anillo ajustable de circonita cúbica rosa, enchapado, platino, talla estadounidense 6.5-7.5.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-RJEW-E066-08G\",\r\n            nombre: \"Anillo de acero\",\r\n            precio: \"C$215.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/5GBR-RJEW-E066-08G. Anillo de acero inoxidable 304 con baño y corona abierta para mujer, chapado en oro real de 18 quilates, talla estadounidense 6.5-7. C$215.00.png'),\r\n            descripcion: \"Anillo de acero inoxidable 304 con baño y corona abierta para mujer, chapado en oro real de 18 quilates, talla estadounidense 6.5-7.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-RJEW-E072-04G\",\r\n            nombre: \"Anillo abierto\",\r\n            precio: \"C$215.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/6-GBR-RJEW-E072-04G. Anillo abierto ovalado con circonita cúbica transparente, enchapado, dorado, diámetro interior 16 mm. C$215.00.png'),\r\n            descripcion: \"Anillo abierto ovalado con circonita cúbica transparente, enchapado, dorado, diámetro interior 16 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-RJEW-E072-04P\",\r\n            nombre: \"Anillo plateado\",\r\n            precio: \"C$215.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/7-GBR-RJEW-E072-04P. Anillo plateado abierto ovalado con circonita cubica transparente, enchapado, platino, diametro interior 16 mm. C$215.00.png'),\r\n            descripcion: \"Anillo plateado abierto ovalado con circonita cubica transparente, enchapado, platino, diametro interior 16 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-RJEW-E072-22G\",\r\n            nombre: \"Anillo abierto\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/8-GBR-RJEW-E072-22G. Anillo abierto con formas de corazón de circonita cúbica transparente, enchapado dorado, diámetro interior 18 mm. C$225.00.png'),\r\n            descripcion: \"Anillo abierto con formas de corazón de circonita cúbica transparente, enchapado dorado, diámetro interior 18 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 9,\r\n            referencia: \"ref: GBR-RJEW-E264-02G\",\r\n            nombre: \"Anillo ajustable\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/9-GBR-RJEW-E264-02G. Anillo ajustable de circonita cúbica, joyería bañada en oro real de 18 quilates para muje diámetro interior 17-22 mm. C$295.00.png'),\r\n            descripcion: \"Anillo ajustable de circonita cúbica, joyería bañada en oro real de 18 quilates para muje diámetro interior 17-22 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 10,\r\n            referencia: \"ref: GBR-RJEW-H127-03G\",\r\n            nombre: \"Anillo abierto\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/10-GBR-RJEW-H127-03G. Anillo abierto con forma de estrella de circonita cúbica transparente,enchapado, dorado, talla estadounidense 6.5-7. C$255.00.png'),\r\n            descripcion: \"Anillo abierto con forma de estrella de circonita cúbica transparente,enchapado, dorado, talla estadounidense 6.5-7.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 11,\r\n            referencia: \"ref: GBR-RJEW-H127-03P\",\r\n            nombre: \"Anillo abierto\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/11-GBR-RJEW-H127-03P. Anillo abierto plateado con forma de estrella de circonita cúbica transparente, enchapado, platino, talla estadounidense 6.5-7. C$255.00.png'),\r\n            descripcion: \"Anillo abierto plateado con forma de estrella de circonita cúbica transparente, enchapado, platino, talla estadounidense 6.5-7.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 12,\r\n            referencia: \"ref: GBR-RJEW-H127-31G\",\r\n            nombre: \"Anillo abierto\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/12-GBR-RJEW-H127-31G. Anillo abierto con forma de rama de circonita cúbica transparente, enchapado, dorado, diámetro interior 17,6 mm. C$255.00.png'),\r\n            descripcion: \"Anillo abierto con forma de rama de circonita cúbica transparente, enchapado, dorado, diámetro interior 17,6 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 13,\r\n            referencia: \"ref: GBR-RJEW-H127-31P\",\r\n            nombre: \"Anillo plateado\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/13-GBR-RJEW-H127-31P. Anillo plateado abierto con formas de rama de circonita cúbica transparente, enchapado, platino, diámetro interior 17,6 mm. C$255.00.png'),\r\n            descripcion: \"Anillo plateado abierto con formas de rama de circonita cúbica transparente, enchapado, platino, diámetro interior 17,6 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 14,\r\n            referencia: \"ref: GBR-RJEW-H127-34P\",\r\n            nombre: \"Anillo plateado\",\r\n            precio: \"C$245.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/14-GBR-RJEW-H127-34P. Anillo plateado abierto con circonita cúbica transparente y diseño de infinito, enchapado, platino, diámetro interior talla 7 de EE. UU. C$245.00.png'),\r\n            descripcion: \"Anillo plateado abierto con circonita cúbica transparente y diseño de infinito, enchapado, platino, diámetro interior talla 7 de EE. UU.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 15,\r\n            referencia: \"ref: GBR-RJEW-K240-06P\",\r\n            nombre: \"Anillo ajustable\",\r\n            precio: \"C$315.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/15-GBR-RJEW-K240-06P. Anillo ajustable con formas de corazón de circonita cúbica transparente, enchapado, platino, diámetro interior 18 mm. C$315.00.png'),\r\n            descripcion: \"Anillo ajustable con formas de corazón de circonita cúbica transparente, enchapado, platino, diámetro interior 18 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 16,\r\n            referencia: \"ref: GBR-RJEW-P015-01P\",\r\n            nombre: \"Anillos plateados\",\r\n            precio: \"C$280.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/16-GBR-RJEW-P015-01P. Anillos plateados abiertos, chapado de larga duración, serpiente, platino, tamaño 7, diámetro interior 17 mm. C$280.00.png'),\r\n            descripcion: \"Anillos plateados abiertos, chapado de larga duración, serpiente, platino, tamaño 7, diámetro interior 17 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 17,\r\n            referencia: \"ref: GBR-RJEW-P034-10G\",\r\n            nombre: \"Anillo abierto\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/17-GBR-RJEW-P034-10G. Anillo abierto con corona de circonita cúbica transparente, chapado en oro real de 18 quilates, talla estadounidense 6.5-7. C$285.00.png'),\r\n            descripcion: \"Anillo abierto con corona de circonita cúbica transparente, chapado en oro real de 18 quilates, talla estadounidense 6.5-7.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 18,\r\n            referencia: \"ref: GBR-RJEW-P034-10P\",\r\n            nombre: \"Anillo plateado\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/18-GBR-RJEW-P034-10P. Anillo plateado abierto con corona de circonita cúbica transparente, enchapado, platino, talla estadounidense 6.5-7. C$285.00.png'),\r\n            descripcion: \"Anillo plateado abierto con corona de circonita cúbica transparente, enchapado, platino, talla estadounidense 6.5-7.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 19,\r\n            referencia: \"ref: GBR-RJEW-S044-003\",\r\n            nombre: \"Anillos enchapado\",\r\n            precio: \"C$275.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_oro/19-GBR-RJEW-S044-003. Anillos enchapado ajustables con micropavé de circonita cúbica, dorados, tamaño 8, 18 mm. C$275.00.png'),\r\n            descripcion: \"Anillos enchapado ajustables con micropavé de circonita cúbica, dorados, tamaño 8, 18 mm.\",\r\n            seccion: \"sección anillos oro\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./AnillosOro.vue?vue&type=template&id=38d97b74\"\nimport script from \"./AnillosOro.vue?vue&type=script&lang=js\"\nexport * from \"./AnillosOro.vue?vue&type=script&lang=js\"\n\nimport \"./AnillosOro.vue?vue&type=style&index=0&id=38d97b74&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal2\">\r\n        <div class=\"modal-content2\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p class=\"modal-producto\">Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Anillos en acero inoxidable\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-RJEW-F080-05P\",\r\n            nombre: \"Anillos de acero\",\r\n            precio: \"C$250.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_acero_inoxidable/1-GBR-RJEW-F080-05P-18mm. Anillos de acero inoxidable 304 con circonita cúbica, color plateado, tamaño 8, 18 mm. C$250.00.png'),\r\n            descripcion: \"Anillos de acero inoxidable 304 con circonita cúbica, color plateado, tamaño 8, 18 mm.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-RJEW-I089-27G\",\r\n            nombre: \"Anillos de acero\",\r\n            precio: \"C$175.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_acero_inoxidable/2-GBR-RJEW-I089-27G. Anillo de acero inoxidable 201 con banda simple y fina para mujer, dorado, diámetro interior 17 mm. C$175.00.png'),\r\n            descripcion: \" Anillo de acero inoxidable 201 con banda simple y fina para mujer, dorado, diámetro interior 17 mm.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-RJEW-I089-27P\",\r\n            nombre: \"Anillos de acero\",\r\n            precio: \"C$175.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_acero_inoxidable/3-GBR-RJEW-I089-27P. Anillo de acero inoxidable 201 con banda simple y fina para mujer, color plateado, diámetro interior 17 mm. C$175.00.png'),\r\n            descripcion: \"Anillo de acero inoxidable 201 con banda simple y fina para mujer, color plateado, diámetro interior 17 mm.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-RJEW-N043-11E\",\r\n            nombre: \"Anillo plano\",\r\n            precio: \"C$245.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_acero_inoxidable/4GBR-RJEW-N043-11E. Anillo plano con diamantes de imitación de cristal, joyería de acero inoxidable 201, electroforesis negra, diámetro interior 17 mm. C$245.00.png'),\r\n            descripcion: \"Anillo plano con diamantes de imitación de cristal, joyería de acero inoxidable 201, electroforesis negra, diámetro interior 17 mm.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-RJEW-P036-01G-D\",\r\n            nombre: \"Anillo de sello\",\r\n            precio: \"C$210.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_acero_inoxidable/5-GBR-RJEW-P036-01G-D. Anillo de sello de acero inoxidable 304, anillo redondo trenzado para mujer, patrón de corazón, tamaño de EE. UU. 7.14. C$210.00.png'),\r\n            descripcion: \"Anillo de sello de acero inoxidable 304, anillo redondo trenzado para mujer, patrón de corazón, tamaño de EE. UU. 7.14.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-RJEW-T005-13-10\",\r\n            nombre: \"Anillos de banda\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_acero_inoxidable/6-GBR-RJEW-T005-13-10. Anillos de banda ancha de acero de titanio, con acacia, tamaño 13, bronce de cañón, 22,3 mm. C$255.00.png'),\r\n            descripcion: \" Anillos de banda ancha de acero de titanio, con acacia, tamaño 13, bronce de cañón, 22,3 mm.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-STAS-I160-D-17mm-B\",\r\n            nombre: \"Anillos de banda\",\r\n            precio: \"C$175.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_acero_inoxidable/7-GBR-STAS-I160-D-17mm-B. Anillos de banda plana de acero inoxidable 304, color negro, tamaño 7, diámetro interior 17 mm, 3 mm. C$175.00.png'),\r\n            descripcion: \"Anillos de banda plana de acero inoxidable 304, color negro, tamaño 7, diámetro interior 17 mm, 3 mm.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-STAS-I160-D-17mm-RG\",\r\n            nombre: \"Anillos de banda\",\r\n            precio: \"C$175.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_acero_inoxidable/8-GBR-STAS-I160-D-17mm-RG. Anillos de banda plana de acero inoxidable 304, oro rosa, tamaño 7, diámetro interior 17 mm, 3 mm. C$175.00.png'),\r\n            descripcion: \"Anillos de banda plana de acero inoxidable 304, oro rosa, tamaño 7, diámetro interior 17 mm, 3 mm.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 9,\r\n            referencia: \"ref: GBR-STAS-M309-01G\",\r\n            nombre: \"Anillo de acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_acero_inoxidable/9-GBR-STAS-M309-01G. Anillo de acero inoxidable 304, hueco, anillo de serpiente trenzado, dorado, 3 mm, diámetro interior 18 mm. C$255.00.png'),\r\n            descripcion: \"Anillo de acero inoxidable 304, hueco, anillo de serpiente trenzado, dorado, 3 mm, diámetro interior 18 mm.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 10,\r\n            referencia: \"ref: GBR-VALE-PW0001-039C-04\",\r\n            nombre: \"Anillo de acero\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/anillos/anillos_acero_inoxidable/10-GBR-VALE-PW0001-039C-04. Anillo de acero inoxidable con diseño de latidos del corazón, cambio de color, unisex, plateado. C$265.00.png'),\r\n            descripcion: \"Anillo de acero inoxidable con diseño de latidos del corazón, cambio de color, unisex, plateado.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n\r\n    // .modal2{\r\n    //   position: fixed;\r\n    //   top: 0;\r\n    //   left: 0;\r\n    //   width: 100%;\r\n    //   height: 100%;\r\n    //   background-color: rgba(0, 0, 0, 0.7);\r\n    //   display: flex;\r\n    //   justify-content: center;\r\n    //   align-items: center;\r\n    //   z-index: 1000;\r\n    //   padding-top: 130px;\r\n\r\n    //   .modal-content2{\r\n    //     background-color: #fff;\r\n    //     padding: 35px 13px;\r\n    //     border-radius: 8px;\r\n    //     text-align: center;\r\n    //     position: relative;\r\n    //     max-width: 350px;\r\n    //     width: 90%;\r\n    //     // margin-top: 100px;\r\n        \r\n    //     p{\r\n    //       color: $violeta;\r\n    //       font-weight:700;\r\n    //       font-size: 1.7rem;\r\n    //       // margin: -.5rem 0 .5rem 0;\r\n    //     }\r\n    //   }\r\n    // }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./AnillosAcero.vue?vue&type=template&id=1e056e05\"\nimport script from \"./AnillosAcero.vue?vue&type=script&lang=js\"\nexport * from \"./AnillosAcero.vue?vue&type=script&lang=js\"\n\nimport \"./AnillosAcero.vue?vue&type=style&index=0&id=1e056e05&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Collares y dijes en Acero Inoxidable\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-CHS-S001-06A-P\",\r\n            nombre: \"Collar de acero\",\r\n            precio: \"C$215.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/1-GBR-CHS-S001-06A-P. Collar de acero inoxidable, eslabones grandes, plateado. C$215.00.png'),\r\n            descripcion: \"Collar de acero inoxidable, eslabones grandes, plateado.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-CHS-WH0001-06\",\r\n            nombre: \"Collar de acero\",\r\n            precio: \"C$215.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/3-GBR-CHS-WH0001-06. Collar de Acero Inoxidable, eslabones grandes dorado. C$215.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable, eslabones grandes dorado.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-CROSS\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/4-GBR-NJEW-E026-04G-CROSS. Collar y dije en Acero Inoxidable, Cruz Minimalista C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Cruz Minimalista.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-GOLD\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/5-GBR-NJEW-E026-04G-GOLD. Collar y dije en Acero Inoxidable, Letras Nicaragua. C$295.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Letras Nicaragua.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-GOLD-A\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/6-GBR-NJEW-E026-04G-GOLD-A. Collar y dije en Acero Inoxidable, letra A dorada. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, letra A dorada.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-GOLD-G\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/7-GBR-NJEW-E026-04G-GOLD-G. Collar y dije en Acero Inoxidable, Letra G dorada. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Letra G dorada.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-GOLDHEART\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/8-GBR-NJEW-E026-04G-GOLDHEART. Collar y dije en Acero Inoxidable, Corazón dorado minimalista. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Corazón dorado minimalista.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 9,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-GOLD-J\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/9-GBR-NJEW-E026-04G-GOLD-J. Collar y dije en Acero Inoxidable, Letra J dorada. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Letra J dorada.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 10,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-GOLD-M\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/10GBRNJEWE02604GGOLDM.CollarydijeenAceroInoxidable,Letra Mdorada.C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Letra M dorada.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 11,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-GOLDMAP\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/11-GBR-NJEW-E026-04G-GOLDMAP. Collar y dije en Acero Inoxidable, Mapa de Nicaragua. C$295.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Mapa de Nicaragua.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 13,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-GOLD-RAY\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/13-GBR-NJEW-E026-04G-GOLD-RAY. Collar y dije en Acero Inoxidable, Rayo dorado minimalista. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Rayo dorado minimalista.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 14,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-GOLD-S\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/14-GBR-NJEW-E026-04G-GOLD-S. Collar y dije en Acero Inoxidable, Letra S dorada. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Letra S dorada.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 15,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-PLATED\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/15-GBR-NJEW-E026-04G-PLATED. Collar y dije en Acero Inoxidable, Letras Nicaragua. C$295.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Letras Nicaragua.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 16,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-PL-HEART\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/16-GBR-NJEW-E026-04G-PL-HEART. Collar y dije en Acero Inoxidable, Corazón Minimalista. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Corazón Minimalista.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 18,\r\n            referencia: \"ref: GBR-NJEW-E141-13-GL\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/18-GBR-NJEW-E141-13-GL. Collar y dije en Acero Inoxidable Dorado..png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable Dorado\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 19,\r\n            referencia: \"ref: GBR-NJEW-E141-13-PL\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/19-GBR-NJEW-E141-13-PL. Collar y dije en Acero Inoxidable Plateado..png'),\r\n            descripcion: \" Collar y dije en Acero Inoxidable Plateado\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 20,\r\n            referencia: \"ref: GBR-NJEW-F195-01B-G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$385.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/20-GBR-NJEW-F195-01B-G. Collar de Acero Inoxidable Dorado, estilo serpiente. C$385.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable Dorado, estilo serpiente.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 21,\r\n            referencia: \"ref: GBR-NJEW-F195-01B-P\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$385.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/21-GBR-NJEW-F195-01B-P. Collar de Acero Inoxidable Plateado, estilo serpiente. C$385.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable Plateado, estilo serpiente.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 22,\r\n            referencia: \"ref: GBR-NJEW-L167-03A-P\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$305.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/22-GBR-NJEW-L167-03A-P. Collar en Acero Inoxidable Plateado, cuerda. C$305.00.png'),\r\n            descripcion: \"Collar en Acero Inoxidable Plateado, cuerda.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 23,\r\n            referencia: \"ref: GBR-PALLOY-JF00031-DF\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/23-GBR-PALLOY-JF00031-DF. Collar y dije en Acero Inoxidable. Delfin. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable. Delfin.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 24,\r\n            referencia: \"ref: GBR-PALLOY-JF00031-ES\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/24-GBR-PALLOY-JF00031-ES. Collar y dije en Acero Inoxidable. Estrella. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable. Estrella.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 25,\r\n            referencia: \"ref: GBR-PALLOY-JF00031-LT\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/25-GBR-PALLOY-JF00031-LT. Collar y dije en Acero Inoxidable. Letras Love. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable. Letras Love.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 26,\r\n            referencia: \"ref: GBR-PALLOY-JF00031-MD\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/26-GBR-PALLOY-JF00031-MD. Collar y dije en Acero Inoxidable. Media Luna y estrella. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable. Media Luna y estrella.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 27,\r\n            referencia: \"ref: GBR-PALLOY-JF00031-TR\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/27-GBR-PALLOY-JF00031-TR. Collar y dije en Acero Inoxidable. Trebol. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable. Trebol.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 28,\r\n            referencia: \"ref: GBR-PALLOY-JF00032-CG\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/28-GBR-PALLOY-JF00032-CG. Collar y dije en Acero Inoxidable, Corazón Grande. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Corazón Grande.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 29,\r\n            referencia: \"ref: GBR-PALLOY-JF00032-CH\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/29-GBR-PALLOY-JF00032-CH. Collar y dije en Acero Inoxidable, Corazón Hueco. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Corazón Hueco.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 30,\r\n            referencia: \"ref: GBR-PALLOY-JF00032-CM\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/30-GBR-PALLOY-JF00032-CM. Collar y dije en Acero Inoxidable, Corazón Minimalista. C$205.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Corazón Minimalista.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 31,\r\n            referencia: \"ref: GBR-STAS-F243-39P\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/31-GBR-STAS-F243-39P. Collar y dije en Acero Inoxidable Plateado, Corazón. C$265.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable Plateado, Corazón.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 32,\r\n            referencia: \"ref: GBR-STAS-I192-12P-CR\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/32-GBR-STAS-I192-12P-CR. Collar y dije en Acero Inoxidable. Corazón Crema Letra LOVE. C$225.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable. Corazón Crema Letra LOVE.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 33,\r\n            referencia: \"ref: GBR-STAS-I192-12P-ME\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/33-GBR-STAS-I192-12P-ME. Collar y dije en Acero Inoxidable. Corazón Menta Letra LOVE. C$225.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable. Corazón Menta Letra LOVE.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 34,\r\n            referencia: \"ref: GBR-STAS-I192-12P-RJ\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/34-GBR-STAS-I192-12P-RJ. Collar y dije en Acero Inoxidable. Corazón Rojo Letra LOVE. C$225.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable. Corazón Rojo Letra LOVE.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 35,\r\n            referencia: \"ref: GBR-STAS-I192-13P-CR\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/35-GBR-STAS-I192-13P-CR. Collar y dije en Acero Inoxidable, Corazón Crema y latido. C$225.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Corazón Crema y latido.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 36,\r\n            referencia: \"ref: GBR-STAS-I192-13P-ME\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/36-GBR-STAS-I192-13P-ME. Collar y dije en Acero Inoxidable, Corazón Menta y latido. C$225.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Corazón Menta y latido.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 37,\r\n            referencia: \"ref: GBR-STAS-I192-13P-RJ\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/37-GBR-STAS-I192-13P-RJ. Collar y dije en Acero Inoxidable, Corazón Rojo y latido. C$225.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable, Corazón Rojo y latido.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 38,\r\n            referencia: \"ref: GBR-STAS-N0016-04G\",\r\n            nombre: \"Relicario en Acero\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/38-GBR-STAS-N0016-04G. Relicario en Acero Inoxidable Dorado. C$295.00.png'),\r\n            descripcion: \"Relicario en Acero Inoxidable Dorado.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 39,\r\n            referencia: \"ref: GBR-STAS-N0016-04P\",\r\n            nombre: \"Relicario en Acero\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/39-GBR-STAS-N0016-04P. Relicario en Acero Inoxidable plateado. C$295.00.png'),\r\n            descripcion: \"Relicario en Acero Inoxidable plateado.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 40,\r\n            referencia: \"ref: GBR-STAS-O097-07P-AR\",\r\n            nombre: \"Collar y dije\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/40-GBR-STAS-O097-07P-AR. Collar y dije en Acero Inoxidable. Arbol de la vida. C$255.00.png'),\r\n            descripcion: \"Collar y dije en Acero Inoxidable. Arbol de la vida.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 41,\r\n            referencia: \"ref: GBR-STAS-PN\",\r\n            nombre: \"Cadenas en acero\",\r\n            precio: \"C$215.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/41-GBR-STAS-PN. Cadenas en acero inoxidable con nombres en alambre personalizados. C$215.00.png'),\r\n            descripcion: \"Cadenas en acero inoxidable con nombres en alambre personalizados.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 42,\r\n            referencia: \"ref: GBR-ENAM-A147-01L\",\r\n            nombre: \"Colgantes de aleación\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/42-GBR-ENAM-A147-01L. Colgantes de aleación esmaltados con motivo de lazo rosa para concienciar sobre el cáncer de mama, plateados. C$235.00.png'),\r\n            descripcion: \"Colgantes de aleación esmaltados con motivo de lazo rosa para concienciar sobre el cáncer de mama, plateados.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 42,\r\n            referencia: \"ref: GBR-JN1041A\",\r\n            nombre: \"Colgantes de aleación\",\r\n            precio: \"C$335.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/43-GBR-JN1041A.2 collares colgantes de sol a juego de acero inoxidable 316, joyas paraparejaspara amantes de los mejoresamigos, dorado.C$335.00.png'),\r\n            descripcion: \"collares colgantes de sol a juego de acero inoxidable 316, joyas paraparejaspara amantes de los mejoresamigos, dorado.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 43,\r\n            referencia: \"ref: GBR-SS316-CRUZ-P\",\r\n            nombre: \"cadena en acero inoxidable\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/43-GBR-SS316-CRUZ-P. Cadena de Acero inoxidable plateada con dije minimalista de Cruz. C$205.00 (3).png'),\r\n            descripcion: \"Cadena de Acero inoxidable plateada con dije minimalista de Cruz..\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 45,\r\n            referencia: \"ref: GBR-SS316-LETTER-E\",\r\n            nombre: \"Cadena de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/45-GBR-SS316-LETTER-E. Cadena de Acero inoxidable dorada con letra minimalista E. C$205.00.png'),\r\n            descripcion: \"Cadena de Acero inoxidable dorada con letra minimalista E.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 46,\r\n            referencia: \"ref: GBR-SS316-LETTER-F\",\r\n            nombre: \"Cadena de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/46-GBR-SS316-LETTER-F. Cadena de Acero inoxidable dorada con letra grande F. C$205.00.png'),\r\n            descripcion: \"Cadena de Acero inoxidable dorada con letra grande F.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 47,\r\n            referencia: \"ref: GBR-SS316-LETTER-P\",\r\n            nombre: \"Cadena de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/47-GBR-SS316-LETTER-P. Cadena de Acero inoxidable dorada con letra grande P. C$205.00.png'),\r\n            descripcion: \"Cadena de Acero inoxidable dorada con letra grande P.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 48,\r\n            referencia: \"ref: GBR-SS316-MUELA-GOLD\",\r\n            nombre: \"Cadena de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_y_dijes_en_acero_inoxidable/48-GBR-SS316-MUELA-GOLD. Cadena de Acero inoxidable dorada con dije minimalista de muela. C$205.00.png'),\r\n            descripcion: \"Cadena de Acero inoxidable dorada con dije minimalista de muela.\",\r\n            seccion: \"sección collares y dijes en acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./collaresYDijes.vue?vue&type=template&id=7a871a2e\"\nimport script from \"./collaresYDijes.vue?vue&type=script&lang=js\"\nexport * from \"./collaresYDijes.vue?vue&type=script&lang=js\"\n\nimport \"./collaresYDijes.vue?vue&type=style&index=0&id=7a871a2e&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Collares en Parejas Acero Inoxidable\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-SJEW-E045-03GP\",\r\n            nombre: \"Juego de 2 collares\",\r\n            precio: \"C$425.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_parejas_acero_inoxidable/1-GBR-SJEW-E045-03GP. Juego de 2 collares, corazón y llave, plateado y dorado con 1 par de Aretes en Acero Inoxidable, corazón. C$42.00.png'),\r\n            descripcion: \"Anillos de acero inoxidable 304 con circonita cúbica, color plateado, tamaño 8, 18 mm.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-SJEW-E045-08GP\",\r\n            nombre: \"Juego de 2 collares\",\r\n            precio: \"C$425.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_parejas_acero_inoxidable/2GBR-SJEW-E045-08GP. Juego de 2 collares, dos corazones, plateado y dorado con 1 par de Aretes en Acero Inoxidable de corazón. C$425.00.png'),\r\n            descripcion: \"Juego de 2 collares, dos corazones, plateado y dorado con 1 par de Aretes en Acero Inoxidable de corazón.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-STAS-K235-06EBP\",\r\n            nombre: \"Juego de 2 collares\",\r\n            precio: \"C$435.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_parejas_acero_inoxidable/3-GBR-STAS-K235-06EBP. Juego de 2 Collares, mitad corazones y llave plateado y Negro en Acero Inoxidable. C$435.00.png'),\r\n            descripcion: \"Juego de 2 Collares, mitad corazones y llave plateado y Negro en Acero Inoxidable.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-STAS-K235-07EBP\",\r\n            nombre: \"Juego de 2 collares\",\r\n            precio: \"C$435.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_parejas_acero_inoxidable/4-GBR-STAS-K235-07EBP. Juegos de 2 Collares, mitad corazones plateado y negro en Acero Inoxidable. C$435.00.png'),\r\n            descripcion: \"Juegos de 2 Collares, mitad corazones plateado y negro en Acero Inoxidable.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-VALE-PW0001-011EB\",\r\n            nombre: \"Juego de 2 collares\",\r\n            precio: \"C$405.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_parejas_acero_inoxidable/5-GBR-VALE-PW0001-011EB. Juego de 2 collares (1314 520) corazón y llave, negro y plateado en Acero Inoxidable 201. C$405.00.png'),\r\n            descripcion: \"Juego de 2 collares (1314 520) corazón y llave, negro y plateado en Acero Inoxidable 201.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-VALE-PW0001-011G\",\r\n            nombre: \"Juego de 2 collares\",\r\n            precio: \"C$405.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_parejas_acero_inoxidable/6-GBR-VALE-PW0001-011G. Juego de 2 Collares, (1314 520) Corazón y llave, dorado y plateado en Acero Inoxidable 201. C$405.00.png'),\r\n            descripcion: \"Juego de 2 Collares, (1314 520) Corazón y llave, dorado y plateado en Acero Inoxidable 201.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-VALE-PW0001-011G\",\r\n            nombre: \"Juego de 2 collares\",\r\n            precio: \"C$435.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_parejas_acero_inoxidable/1723044574853.png'),\r\n            descripcion: \"Juego de 2 Collares, (1314 520) Corazón y llave, dorado y plateado en Acero Inoxidable 201.\",\r\n            seccion: \"sección anillos acero inoxidable\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./collaresParejas.vue?vue&type=template&id=c0be1918\"\nimport script from \"./collaresParejas.vue?vue&type=script&lang=js\"\nexport * from \"./collaresParejas.vue?vue&type=script&lang=js\"\n\nimport \"./collaresParejas.vue?vue&type=style&index=0&id=c0be1918&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Collares en Acero Inoxidable y Perlas Naturales\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-CHS-SHEL-S278-072-A\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$275.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/1-GBR-CHS-SHEL-S278-072-A. Collar de Acero Inoxidable con dije en concha nacar natural, Letra A. C$275.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije en concha nacar natural, Letra A.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-CHS-SHEL-S278-072-B\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$275.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/2-GBR-CHS-SHEL-S278-072-B. Collar de Acero Inoxidable con dije en concha nacar natural, Letra B. C$275.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije en concha nacar natural, Letra B.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-CHS-SHEL-S278-072-C\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$275.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/3-GBR-CHS-SHEL-S278-072-C. Collar de Acero Inoxidable con dije en concha nacar natural, Letra C. C$ 275.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije en concha nacar natural, Letra C.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-CHS-SHEL-S278-072-F\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$275.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/4-GBR-CHS-SHEL-S278-072-C. Collar de Acero Inoxidable con dije en concha nacar natural, Letra F. C$ 275.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije en concha nacar natural, Letra F.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-CHS-SHEL-S278-072-D\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$275.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/5-GBR-CHS-SHEL-S278-072-D. Collar de Acero Inoxidable con dije en concha nacar natural, Letra D. C$275.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije en concha nacar natural, Letra D.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-CHS-SHEL-S278-072-E\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$275.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/6-GBR-CHS-SHEL-S278-072-E. Collar de Acero Inoxidable con dije en concha nacar natural, Letra E. C$ 275.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije en concha nacar natural, Letra E.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-CHS-SHEL-S278-072-G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$275.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/7-GBR-CHS-SHEL-S278-072-G. Collar de Acero Inoxidable con dije en concha nacar natural, Letra G. C$ 275.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije en concha nacar natural, Letra G.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-CHS-SHEL-S278-072-I\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$275.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/8-GBR-CHS-SHEL-S278-072-I. Collar de Acero Inoxidable con dije en concha nacar natural, Letra I. C$ 275.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije en concha nacar natural, Letra I.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 9,\r\n            referencia: \"ref: GBR-CR-BROWM\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/9-GBR-CR-BROWM. Collar en acero inoxidable con dije de perla de cristal en cafe transparente. C$255.00.png'),\r\n            descripcion: \"Collar en acero inoxidable con dije de perla de cristal en cafe transparente.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 10,\r\n            referencia: \"ref: GBR-CR-GREEN\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/10-GBR-CR-GREEN. Collar en acero inoxidable con dije de perla de cristal en verde fuerte. C$255.00.png'),\r\n            descripcion: \"Collar en acero inoxidable con dije de perla de cristal en verde fuerte.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 11,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-AMPEARL\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/11-GBR-NJEW-E026-04G-AMPEARL. Collar de Acero Inoxidable con dije en nacar, Perla Amarilla Natural. C$255.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije en nacar, Perla Amarilla Natural.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 12,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-BPEARL\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/12-GBR-NJEW-E026-04G-BPEARL. Collar de Acero Inoxidable con dije en nacar, Perla Blanca Natural. C$255.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije en nacar, Perla Blanca Natural.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 13,\r\n            referencia: \"ref: GBR-NJEW-E026-04G-BPEARL\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/13-GBR-NJEW-E026-04G-BPEARL. Collar de Acero Inoxidable con perlas de río, Perlas Blancas de río. C$255.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con perlas de río, Perlas Blancas de río.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 14,\r\n            referencia: \"ref: GBR-PP-CAI-MOR-05\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$260.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_perlas_naturales/14-GBR-PP-CAI-MOR-05. Collar de Acero Inoxidable con dije Natural, Perla Morada Natural. C260.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije Natural, Perla Morada Natural.\",\r\n            seccion: \"sección collares en acero inoxidable y perlas naturales\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./collaresPerlasNaturales.vue?vue&type=template&id=1441227c\"\nimport script from \"./collaresPerlasNaturales.vue?vue&type=script&lang=js\"\nexport * from \"./collaresPerlasNaturales.vue?vue&type=script&lang=js\"\n\nimport \"./collaresPerlasNaturales.vue?vue&type=style&index=0&id=1441227c&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Collares en Acero Inoxidable y dijes de cristales\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-LAMP-P057-01G-AC\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_de_cristales/1-GBR-LAMP-P057-01G-AC. Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Azul cielo. C$205.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Azul cielo.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes de cristales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-LAMP-P057-01G-AMA\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_de_cristales/2-GBR-LAMP-P057-01G-AMA. Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Amarillo. C$205.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Amarillo.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes de cristales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-LAMP-P057-01G-AZ\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_de_cristales/3-GBR-LAMP-P057-01G-AZ. Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Azul. C$205.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Azul.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes de cristales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-LAMP-P057-01G-B\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_de_cristales/4-GBR-LAMP-P057-01G-B. Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Blanco. C$205.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Blanco.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes de cristales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-LAMP-P057-01G-C\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_de_cristales/5-GBR-LAMP-P057-01G-C. Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color celeste. C$205.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color celeste.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes de cristales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-LAMP-P057-01G-N\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_de_cristales/6-GBR-LAMP-P057-01G-N. Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Negro. C$205.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Negro.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes de cristales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-LAMP-P057-01G-R\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_de_cristales/7-GBR-LAMP-P057-01G-R. Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Rojo. C$205.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dijes de Cristal, ojos turcos, color Rojo.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes de cristales\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-X-GLAA-S180-05A\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$315.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_de_cristales/8-GBR-X-GLAA-S180-05A. Collar de acero inoxidable con dije de vidrio K9  corazón con alas. platino. azul, 26-27x29-30x9 mm. C$315.00.png'),\r\n            descripcion: \"Collar de acero inoxidable con dije de vidrio K9  corazón con alas. platino. azul, 26-27x29-30x9 mm.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes de cristales\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./collaresDijesCristales.vue?vue&type=template&id=3ef5bab2\"\nimport script from \"./collaresDijesCristales.vue?vue&type=script&lang=js\"\nexport * from \"./collaresDijesCristales.vue?vue&type=script&lang=js\"\n\nimport \"./collaresDijesCristales.vue?vue&type=style&index=0&id=3ef5bab2&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Collares en Acero Inoxidable y Cuarzos\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-STAS-UN0016-24P-BLACK\",\r\n            nombre: \"Collar en Acero\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_cuarzos/1-GBR-STAS-UN0016-24P-BLACK. Collar en Acero Inoxidable con dije de cuarzo Negro en forma de Corazón. C$235.00.png'),\r\n            descripcion: \"Collar en Acero Inoxidable con dije de cuarzo Negro en forma de Corazón.\",\r\n            seccion: \"sección collares en acero inoxidable y cuarzos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-STAS-UN0016-24P-BLACK\",\r\n            nombre: \"Collar en Acero\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_cuarzos/2-GBR-STAS-UN0016-24P-BLACK. Collar en Acero Inoxidable con dije de Cuarzo Negro. C$235.00.png'),\r\n            descripcion: \"Collar en Acero Inoxidable con dije de Cuarzo Negro.\",\r\n            seccion: \"sección collares en acero inoxidable y cuarzos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-STAS-UN0016-24P-BLACK-WHITE\",\r\n            nombre: \"Collar en Acero\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_cuarzos/3-GBR-STAS-UN0016-24P-BLACK-WHITE. Collar en Acero Inoxidable con dije de Cuarzo negro y lineas blancas. C$235.00.png'),\r\n            descripcion: \"Collar en Acero Inoxidable con dije de Cuarzo negro y lineas blancas.\",\r\n            seccion: \"sección collares en acero inoxidable y cuarzos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-STAS-UN0016-24P-CEL\",\r\n            nombre: \"Collar en Acero\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_cuarzos/4-GBR-STAS-UN0016-24P-CEL. Collar en Acero Inoxidable con dije de cuarzo transparente y fragmentos en su interior. C$235.00.png'),\r\n            descripcion: \"Collar en Acero Inoxidable con dije de cuarzo transparente y fragmentos en su interior.\",\r\n            seccion: \"sección collares en acero inoxidable y cuarzos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-STAS-UN0016-24P-PINK\",\r\n            nombre: \"Collar en Acero\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_cuarzos/5-GBR-STAS-UN0016-24P-PINK. Collar en Acero Inoxidable con dije de cuarzo rosa en forma de Corazón. C$235.00.png'),\r\n            descripcion: \"Collar en Acero Inoxidable con dije de cuarzo rosa en forma de Corazón.\",\r\n            seccion: \"sección collares en acero inoxidable y cuarzos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-STAS-UN0016-24P-PINK\",\r\n            nombre: \"Collar en Acero\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_cuarzos/6-GBR-STAS-UN0016-24P-PINK. Collar en Acero Inoxidable con dije de Cuarzo Rosa. C$235.00.png'),\r\n            descripcion: \"Collar en Acero Inoxidable con dije de Cuarzo Rosa.\",\r\n            seccion: \"sección collares en acero inoxidable y cuarzos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-STAS-UN0016-24P-PINKTR\",\r\n            nombre: \"Collar en Acero\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_cuarzos/7-GBR-STAS-UN0016-24P-PINKTR. Collar en Acero Inoxidable con dije de Cuarzo Rosa transparente. C$235.00.png'),\r\n            descripcion: \"Collar en Acero Inoxidable con dije de Cuarzo Rosa transparente.\",\r\n            seccion: \"sección collares en acero inoxidable y cuarzos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-STAS-UN0016-24P-TRANS\",\r\n            nombre: \"Collar en Acero\",\r\n            precio: \"C$235.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_cuarzos/8-GBR-STAS-UN0016-24P-TRANS. Collar en Acero Inoxidable con dije de cuarzo transparente en forma de Corazón. C$235.00.png'),\r\n            descripcion: \"ollar en Acero Inoxidable con dije de cuarzo transparente en forma de Corazón.\",\r\n            seccion: \"sección collares en acero inoxidable y cuarzos\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./collaresCuarzos.vue?vue&type=template&id=2fbcc9d2\"\nimport script from \"./collaresCuarzos.vue?vue&type=script&lang=js\"\nexport * from \"./collaresCuarzos.vue?vue&type=script&lang=js\"\n\nimport \"./collaresCuarzos.vue?vue&type=style&index=0&id=2fbcc9d2&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Collares en Acero Inoxidable y dijes enchapados\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-RJEW-F080-05P\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/1-GBR-CAI-CORA-GOLD-00001. Collar de Acero Inoxidable con dije enchapado, Corazón doble. C$265.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Corazón doble.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-CHS-I003-V01-A-G-P\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/2-GBR-CHS-I003-V01-A-G-P. Collar de Acero Inoxidable con perla blanca porcelana. C$205.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con perla blanca porcelana.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-DIY-S031-105A\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$355.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/3-GBR-DIY-S031-105A. Collar de Acero Inoxidable con dije enchapado, Corazón doble cara. C$355.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Corazón doble cara.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-KK-D004-14G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$345.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/4-GBR-KK-D004-14G. Collar de Acero Inoxidable con dije enchapado, flor que se abre (You_re my ray of sunshine). C$345.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, flor que se abre (You_re my ray of sunshine).\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-KK-D026-33G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/5-GBR-KK-D026-33G. Collar de Acero Inoxidable con dije enchapado, Tulipán dorado y verde. C$285.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Tulipán dorado y verde.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-KK-E003-10G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/6-GBR-KK-E003-10G. Collar de Acero Inoxidable con dije enchapado, Corazones dobles crema y brillante. C$285.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Corazones dobles crema y brillante.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-KK-I657-32G-B\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/7-GBR-KK-I657-32G-B. Collar en Acero Inoxidable con dije enchapado en Oro, Virgen de Guadalupe rodeada de perlas blancas. C$255.00.png'),\r\n            descripcion: \"Collar en Acero Inoxidable con dije enchapado en Oro, Virgen de Guadalupe rodeada de perlas blancas.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-KK-N227-80-NF\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/8-GBR-KK-N227-80-NF. Collar de Acero Inoxidable con dije enchapado, Mariposas minimalistas colores. C$255.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Mariposas minimalistas colores.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 9,\r\n            referencia: \"ref: GBR-KK-O126-13G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/9-GBR-KK-O126-13G.  Collar de Acero Inoxidable con dije enchapado en oro, Saturno. C$225.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado en oro, Saturno.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 10,\r\n            referencia: \"ref: GBR-KK-Q278-004-NF\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/10-GBR-KK-Q278-004-NF. Collar de Acero inoxidable con dije enchapado, Tulipán. C$265.00.png'),\r\n            descripcion: \"Collar de Acero inoxidable con dije enchapado, Tulipán.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 11,\r\n            referencia: \"ref: GBR-KK-S354-322-NF\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$345.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/11-GBR-KK-S354-322-NF. Collar en Acero Inoxidable con dije enchapado en oro de flor doble de 4 pétalos, dorada y crema. C$345.00.png'),\r\n            descripcion: \"Collar en Acero Inoxidable con dije enchapado en oro de flor doble de 4 pétalos, dorada y crema.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 12,\r\n            referencia: \"ref: GBR-KK-S354-324-NF\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$335.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/12-GBR-KK-S354-324-NF. Collar de Acero Inoxidable con dije enchapado en oro, Triple Jasmín. C$335.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado en oro, Triple Jasmín.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 13,\r\n            referencia: \"ref: GBR-NJEW-F195-01B-G-CROSS\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$465.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/13-GBR-NJEW-F195-01B-G-CROSS. Collar de Acero Inoxidable estilo serpiente y dije enchapado en oro , Cruz. C$465.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable estilo serpiente y dije enchapado en oro , Cruz.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 14,\r\n            referencia: \"ref: GBR-X-KK-S354-079-NF\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/14-GBR-X-KK-S354-079-NF. Collar de Acero Inoxidable con dije enchapado, Girasol. C$265.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Girasol.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 15,\r\n            referencia: \"ref: GBR-X-KK-S364-014A\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/15-GBR-X-KK-S364-014A. Collar de Acero inoxidable con dije enchapado, Rosa Rosa. C$255.00.png'),\r\n            descripcion: \"Collar de Acero inoxidable con dije enchapado, Rosa Rosa.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 16,\r\n            referencia: \"ref: GBR-ZIRC-A019-14G-AZ\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/16-GBR-ZIRC-A019-14G-AZ. Collar de Acero Inoxidable con dije enchapado, Corazón Azul. C$285.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Corazón Azul.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 17,\r\n            referencia: \"ref: GBR-ZIRC-A019-14G-CE\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/17-GBR-ZIRC-A019-14G-CE. Collar de Acero Inoxidable con dije enchapado, Corazón Celeste. C$285.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Corazón Celeste.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 18,\r\n            referencia: \"ref: GBR-ZIRC-A019-14G-MOR\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/18-GBR-ZIRC-A019-14G-MOR. Collar de Acero Inoxidable con dije enchapado, Corazón Morado. C$285.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Corazón Morado.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 19,\r\n            referencia: \"ref: GBR-ZIRC-A019-14G-ROJO\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/19-GBR-ZIRC-A019-14G-ROJO. Collar de Acero Inoxidable con dije enchapado, Corazón Rojo. C$285.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Corazón Rojo.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 20,\r\n            referencia: \"ref: GBR-ZIRC-C040-46G-01\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/20-GBR-ZIRC-C040-46G-01. Collar de acero inoxidable con dije chapado en oro real de 18 quilates, cruz cruciforme, colorido. C$295.00.png'),\r\n            descripcion: \"Collar de acero inoxidable con dije chapado en oro real de 18 quilates, cruz cruciforme, colorido.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 21,\r\n            referencia: \"ref: GBR-ZIRC-E165-04G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/21-GBR-ZIRC-E165-04G. Collar de Acero Inoxidable con dije enchapado, Media luna y perla. C$265.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Media luna y perla.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 22,\r\n            referencia: \"ref: GBR-ZIRC-F069-22G-BLUE\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/22GBR-ZIRC-F069-22G-BLUE. Collar de Acero Inoxidable, con dije enchapado en oro, corona dorada, flor azul y blanco. C$295.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable, con dije enchapado en oro, corona dorada, flor azul y blanco.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 23,\r\n            referencia: \"ref: GBR-ZIRC-F069-22G-K082-043A\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/23-GBR-ZIRC-F069-22G-K082-043A. Collar de Acero Inoxidable con dije enchapado, Rosa Amarilla y Corona dorada. C$295.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Rosa Amarilla y Corona dorada.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 24,\r\n            referencia: \"ref: GBR-ZIRC-F069-22G-Q014-093G-06\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/24-GBR-ZIRC-F069-22G-Q014-093G-06. Collar de Acero Inoxidable con dije enchapado, Corona y Tulipán Rosa. C$295.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Corona y Tulipán Rosa.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 25,\r\n            referencia: \"ref: GBR-ZIRC-F129-34-G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$250.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/25-GBR-ZIRC-F129-34-G. Collar de Acero Inoxidable con dije enchapado, Flores. C$250.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Flores.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 26,\r\n            referencia: \"ref: GBR-ZIRC-F129-52G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$305.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/26-GBR-ZIRC-F129-52G. acero inoxidable con dije deslizantes de colores chapado de larga duración. flor con con corazón. C$305.00.png'),\r\n            descripcion: \"collar en acero inoxidable con dije deslizantes de colores chapado de larga duración. flor con con corazón.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 27,\r\n            referencia: \"ref: GBR-ZIRC-F133-04G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/27-GBR-ZIRC-F133-04G. Collar de Acero Inoxidable con dije enchapado, Tulipán sin tallo. C$285.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Tulipán sin tallo.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 28,\r\n            referencia: \"ref: GBR-ZIRC-G152-18B-G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/28-GBR-ZIRC-G152-18B-G. Collar de Acero Inoxidable con dije enchapado en oro, Cruz y perlas. C$265.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado en oro, Cruz y perlas.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 29,\r\n            referencia: \"ref: GBR-ZIRC-G161-22\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/29-GBR-ZIRC-G161-22. Collar de Acero Inoxidable y dije enchapado, Flor de Loto Negro. C$265.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable y dije enchapado, Flor de Loto Negro.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 30,\r\n            referencia: \"ref: GBR-ZIRC-I046-15A\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/30-GBR-ZIRC-I046-15A. Collar de Acero Inoxidable con dije enchapado, Mariposa doble rosa. C$225.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Mariposa doble rosa.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 31,\r\n            referencia: \"ref: GBR-ZIRC-I046-15G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/31-GBR-ZIRC-I046-15G. Collar de Acero Inoxidable con dije enchapado, Mariposa doble Negro. C$225.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Mariposa doble Negro.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 32,\r\n            referencia: \"ref: GBR-ZIRC-I047-03\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/32-GBR-ZIRC-I047-03. Collar de Acero Inoxidable con dije enchapado, Mariposas colores. C$225.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Mariposas colores.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 33,\r\n            referencia: \"ref: GBR-ZIRC-I055-02G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$335.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/33-GBR-ZIRC-I055-02G. Collar en acero inoxidable con dije enchapado en oro de grisaol dorado giratorio. C$335.00.png'),\r\n            descripcion: \"Collar en acero inoxidable con dije enchapado en oro de grisaol dorado giratorio.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 34,\r\n            referencia: \"ref: GBR-ZIRC-I063-38G-AZ\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/34-GBR-ZIRC-I063-38G-AZ. Collar de Acero Inoxidable con dije enchapado, corazón centro azul. C$285.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, corazón centro azul.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 35,\r\n            referencia: \"ref: GBR-ZIRC-I063-38G-ROS\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/35-GBR-ZIRC-I063-38G-ROS. Collar de Acero Inoxidable con dije enchapado, corazón centro rosado. C$285.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, corazón centro rosado.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 36,\r\n            referencia: \"ref: GBR-ZIRC-I063-38G-VER\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$285.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/36-GBR-ZIRC-I063-38G-VER. Collar de Acero Inoxidable con dije enchapado, corazón centro verde. C$285.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, corazón centro verde.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 37,\r\n            referencia: \"ref: GBR-ZIRC-K082-043A\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/37-GBR-ZIRC-K082-043A. Collar de Acero Inoxidable con dije enchapado, Rosa amarilla. C$255.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Rosa amarilla.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 38,\r\n            referencia: \"ref: GBR-ZIRC-L093-71G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/38-GBR-ZIRC-L093-71G. Collar de Acero Inoxidable con dije enchapado, MAMÁ. C$265.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, MAMÁ.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 39,\r\n            referencia: \"ref: GBR-ZIRC-R014-31\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$255.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/39-GBR-ZIRC-R014-31. Collar de Acero Inoxidable con dije enchapado, Delfin doble perla morada. C$255.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Delfin doble perla morada.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 40,\r\n            referencia: \"ref: GBR-ZIRC-R014-53\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$250.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/40-GBR-ZIRC-R014-53. Collar de Acero Inoxidable con dije enchapado, Delfin doble perla blanca. C$250.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Delfin doble perla blanca.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 41,\r\n            referencia: \"ref: GBR-ZIRC-Z007-11G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/41-GBR-ZIRC-Z007-11G. Collar de Acero Inoxidable con dije enchapado, Corazón Abu. C$265.00.png'),\r\n            descripcion: \"Collar de Acero Inoxidable con dije enchapado, Corazón Abu.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 42,\r\n            referencia: \"ref: GBR-KK-A160-14G\",\r\n            nombre: \"Collar de Acero\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/42-GBR-KK-A160-14G. Collar en acero inoxidable con baño de micro pavé de circonitas cúbicas, con perla, chapado de larga duración, chapado en oro real de 18 quilates, oso, rojo. C$295.00.jpg'),\r\n            descripcion: \"Collar en acero inoxidable con baño de micro pavé de circonitas cúbicas, con perla, chapado de larga duración, chapado en oro real de 18 quilates, oso, rojo.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 43,\r\n            referencia: \"ref: GBR-NJEW-G074-58G-B\",\r\n            nombre: \"Collar con colgante\",\r\n            precio: \"C$325.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/43-GBR-NJEW-G074-58G-B. Collar con colgante de letra inicial V de concha sintética, joyeria de acero inoxidable 304 chapado en oro para mujer, centro negro. C$325.00.jpg'),\r\n            descripcion: \"Collar con colgante de letra inicial V de concha sintética, joyeria de acero inoxidable 304 chapado en oro para mujer, centro negro.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 44,\r\n            referencia: \"ref: GBR-NJEW-G074-58G-V\",\r\n            nombre: \"Collar con colgante\",\r\n            precio: \"C$325.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/44-GBR-NJEW-G074-58G-V. Collar con colgante de letra inicial V de concha sintética, joyeria de acero inoxidable 304 chapado en oro para mujer, centro verde. C$325.00.jpg'),\r\n            descripcion: \"Collar con colgante de letra inicial V de concha sintética, joyeria de acero inoxidable 304 chapado en oro para mujer, centro verde.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 45,\r\n            referencia: \"ref: GBR-NJEW-G074-58G-W\",\r\n            nombre: \"Collar con colgante\",\r\n            precio: \"C$325.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/45-GBR-NJEW-G074-58G-W. Collar con colgante de letra inicial V de concha sintética, joyeria de acero inoxidable 304 chapado en oro para mujer, centro negro. C$325.00.jpg'),\r\n            descripcion: \"Collar con colgante de letra inicial V de concha sintética, joyeria de acero inoxidable 304 chapado en oro para mujer, centro negro.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 46,\r\n            referencia: \"ref: GBR-NJEW-I104-13A\",\r\n            nombre: \"Collares de tenis\",\r\n            precio: \"C$339.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/46-GBR-NJEW-I104-13A. Collares de tenis, con cadena de copa de circonita cúbicas y cierres de pinza de langosta, transparente, 13 pulgada (33 cm) C$339.00.jpg'),\r\n            descripcion: \"Collares de tenis, con cadena de copa de circonita cúbicas y cierres de pinza de langosta, transparente, 13 pulgada (33 cm)\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 47,\r\n            referencia: \"ref: GBR-ZIRC-C004-02G\",\r\n            nombre: \"Collar de acero\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/47-GBR-ZIRC-C004-02G. Collar de acero inoxidable con micropavé de circonitas cúbicas, dije de cabeza de perro, chapado en oro real de 18 quilates , 12.5x13x3mm. C$295.00.jpg'),\r\n            descripcion: \"Collar de acero inoxidable con micropavé de circonitas cúbicas, dije de cabeza de perro, chapado en oro real de 18 quilates , 12.5x13x3mm.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 48,\r\n            referencia: \"ref: GBR-ZIRC-C040-46G-01\",\r\n            nombre: \"Collar en acero\",\r\n            precio: \"C$295.00\",\r\n            imagen: require('@/assets/img/collares/collares_en_acero_inoxidable_y_dijes_enchapados/48-GBR-ZIRC-C040-46G-01. Collar en acero inoxidable con dije chapado de largo duración, chapado en oro real de 18k, cruz de colores. C$295.00.jpg'),\r\n            descripcion: \"Collar en acero inoxidable con dije chapado de largo duración, chapado en oro real de 18k, cruz de colores.\",\r\n            seccion: \"sección collares en acero inoxidable y dijes enchapados\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./collaresDijesEnchapados.vue?vue&type=template&id=da304562\"\nimport script from \"./collaresDijesEnchapados.vue?vue&type=script&lang=js\"\nexport * from \"./collaresDijesEnchapados.vue?vue&type=script&lang=js\"\n\nimport \"./collaresDijesEnchapados.vue?vue&type=style&index=0&id=da304562&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n  \r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n  \r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Colección conjuntos\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-CON-DOBLEAI-STRS-BLACK\",\r\n            nombre: \"Conjunto de collar doble\",\r\n            precio: \"C$355.00\",\r\n            imagen: require('@/assets/img/conjuntos/1-GBR-CON-DOBLEAI-STRS-BLACK. Conjunto de collar doble, aretes y pulsera de Acero Inoxidable con mostacillas de colores y estrellas. C$355.00.png'),\r\n            descripcion: \"Conjunto de collar doble, aretes y pulsera de Acero Inoxidable con mostacillas de colores y estrellas.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-CON-DOBLEAI-STRS-PINK\",\r\n            nombre: \"Conjunto de collar doble\",\r\n            precio: \"C$355.00\",\r\n            imagen: require('@/assets/img/conjuntos/2-GBR-CON-DOBLEAI-STRS-PINK. Conjunto de collar doble, aretes y pulsera de Acero Inoxidable con mostacillas de colores y estrellas. C$355.00.png'),\r\n            descripcion: \"Conjunto de collar doble, aretes y pulsera de Acero Inoxidable con mostacillas de colores y estrellas.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-CONJ-KK-I657-32G-B\",\r\n            nombre: \"Conjunto de aretes\",\r\n            precio: \"C$485.00\",\r\n            imagen: require('@/assets/img/conjuntos/3-GBR-CONJ-KK-I657-32G-B. Conjunto de aretes y collar en Acero Inoxidable con dije enchapado en Oro, Virgen de Guadalupe rodeada de perlas blancas. C$485.00.png'),\r\n            descripcion: \"Conjunto de aretes y collar en Acero Inoxidable con dije enchapado en Oro, Virgen de Guadalupe rodeada de perlas blancas.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-CONJ-KK-N231-74-NF\",\r\n            nombre: \"Conjunto de aretes\",\r\n            precio: \"C$465.00\",\r\n            imagen: require('@/assets/img/conjuntos/4-GBR-CONJ-KK-N231-74-NF. Conjunto de aretes enchapados en oro, flor y collar de acero inoxidable con dije enchapado en oro real 18 quilates, flor, blanca y corona. C$465.00.png'),\r\n            descripcion: \"Conjunto de aretes enchapados en oro, flor y collar de acero inoxidable con dije enchapado en oro real 18 quilates, flor, blanca y corona.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-CONJ-KK-O142-56G-PK\",\r\n            nombre: \"Conjunto de collar\",\r\n            precio: \"C$375.00\",\r\n            imagen: require('@/assets/img/conjuntos/5-conjunto.png'),\r\n            descripcion: \"Conjunto de collar de acero inoxidable, dije y aretes esmaltados con baño de oro real de 18 quilates, chapado en oro de larga duración, dije de flor, rosa.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-CONJ-PEARLRIVER\",\r\n            nombre: \"Conjunto de pulsera\",\r\n            precio: \"C$445.00\",\r\n            imagen: require('@/assets/img/conjuntos/6-GBR-CONJ-PEARLRIVER. Conjunto de pulsera, aretes y collar en acero inoxidable con perlas de río narurales. C$445.00.png'),\r\n            descripcion: \"Conjunto de pulsera, aretes y collar en acero inoxidable con perlas de río narurales.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-CONJ-PEAR-R064-01\",\r\n            nombre: \"Conjunto de Collar\",\r\n            precio: \"C$325.00\",\r\n            imagen: require('@/assets/img/conjuntos/7-GBR-CONJ-PEAR-R064-01. Conjunto de Collar y areres dorados en Acero Inoxidable con perlas de río y estrella. C$325.00.png'),\r\n            descripcion: \"Conjunto de Collar y areres dorados en Acero Inoxidable con perlas de río y estrella.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-CONJ-PEARS-AI-L\",\r\n            nombre: \"Conjunto de aretes\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/conjuntos/8-GBR-CONJ-PEARS-AI-L. Conjunto de aretes y collar en acero inoxidable con perlas de rio natural y letra acerada personalizada. C$265.00.png'),\r\n            descripcion: \"Conjunto de aretes y collar en acero inoxidable con perlas de rio natural y letra acerada personalizada.\",\r\n            seccion: \"sección aretes\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 9,\r\n            referencia: \"ref: GBR-CONJ-PEARS-AI-M\",\r\n            nombre: \"Conjunto de aretes\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/conjuntos/9-GBR-CONJ-PEARS-AI-M. Conjunto de aretes y collar en acero inoxidable con perlas de rio natural y letra acerada personalizada. C$265.00.png'),\r\n            descripcion: \"Conjunto de aretes y collar en acero inoxidable con perlas de rio natural y letra acerada personalizada.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 10,\r\n            referencia: \"ref: GBR-CONJ-PEARS-AI-S\",\r\n            nombre: \"Conjunto de aretes\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/conjuntos/10-GBR-CONJ-PEARS-AI-S. Conjunto de aretes y collar en acero inoxidable con perlas de rio natural y letra acerada personalizada. C$265.00.png'),\r\n            descripcion: \"Conjunto de aretes y collar en acero inoxidable con perlas de rio natural y letra acerada personalizada.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 11,\r\n            referencia: \"ref: GBR-CONJ-PINKPEARLS\",\r\n            nombre: \"Conjunto de collar\",\r\n            precio: \"C$455.00\",\r\n            imagen: require('@/assets/img/conjuntos/11-GBR-CONJ-PINKPEARLS. Conjunto de collar, aretes y pulsera en acero inoxidable con perlas naturales rosadas..png'),\r\n            descripcion: \"Conjunto de collar, aretes y pulsera en acero inoxidable con perlas naturales rosadas.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 12,\r\n            referencia: \"ref: GBR-CONJ-STAS-L234-069G\",\r\n            nombre: \"Conjunto de collar\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/conjuntos/12-GBR-CONJ-STAS-L234-069G. Conjunto de collar y aretes dorados en acero inoxidable, perlas y estrellas. C$265.00.png'),\r\n            descripcion: \"Conjunto de collar y aretes dorados en acero inoxidable, perlas y estrellas.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 13,\r\n            referencia: \"ref: GBR-CONJ-STAS-L234-069G\",\r\n            nombre: \"Conjunto de collar\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/conjuntos/13-GBR-CONJ-STAS-L234-069G. Conjunto de collar y aretes dorados en Acero Inoxidable, perlas y estrellas. C$265.00.png'),\r\n            descripcion: \"Conjunto de collar y aretes dorados en acero inoxidable, perlas y estrellas.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 14,\r\n            referencia: \"ref: GBR-CONJ-ZIRC-G152-18B-G\",\r\n            nombre: \"Conjunto de aretes\",\r\n            precio: \"C$465.00\",\r\n            imagen: require('@/assets/img/conjuntos/14-GBR-CONJ-ZIRC-G152-18B-G.Conjunto de aretes enchapados en oro, formacruz minimalista y collar de acero inoxidable con dije enchapados en oro y circonitas, cruz, dorado. C$465.00.png'),\r\n            descripcion: \"Conjunto de aretes enchapados en oro, formacruz minimalista y collar de acero inoxidable con dije enchapados en oro y circonitas, cruz, dorado.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 15,\r\n            referencia: \"ref: GBR-DOBLE-WHITEPEARLS\",\r\n            nombre: \"Conjunto de aretes\",\r\n            precio: \"C$375.00\",\r\n            imagen: require('@/assets/img/conjuntos/15-GBR-DOBLE-WHITEPEARLS. Conjunto de aretes y cadena doble de perlas blancas y letra nácar personalizada, con detalles en acero inoxidable. C$375.00.png'),\r\n            descripcion: \"Conjunto de aretes y cadena doble de perlas blancas y letra nácar personalizada, con detalles en acero inoxidable.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 16,\r\n            referencia: \"ref: GBR-EJEW-G312-11G\",\r\n            nombre: \"Conjunto de collar\",\r\n            precio: \"C$485.00\",\r\n            imagen: require('@/assets/img/conjuntos/16-GBR-EJEW-G312-11G. Conjunto de collar en acero inoxidable, dije y aretes enchapados en oro. C$485.00.png'),\r\n            descripcion: \"Conjunto de collar en acero inoxidable, dije y aretes enchapados en oro.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 17,\r\n            referencia: \"ref: GBR-KK-S263-263-NF\",\r\n            nombre: \"Conjunto de cadena\",\r\n            precio: \"C$485.00\",\r\n            imagen: require('@/assets/img/conjuntos/17-GBR-KK-S263-263-NF. Conjunto de cadena en acero inoxidable, dije y aretes enchapados en oro, flor enchapada dorada. C$485.00.png'),\r\n            descripcion: \"Conjunto de cadena en acero inoxidable, dije y aretes enchapados en oro, flor enchapada dorada.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 18,\r\n            referencia: \"ref: GBR-LAMP-PH0002-05\",\r\n            nombre: \"Conjunto de acero\",\r\n            precio: \"C$435.00\",\r\n            imagen: require('@/assets/img/conjuntos/18-GBR-LAMP-PH0002-05. Conjunto de acero inoxidable aretes y collar doble con cristales, ojo turco y estrellas. C$435.00.png'),\r\n            descripcion: \"Conjunto de acero inoxidable aretes y collar doble con cristales, ojo turco y estrellas.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 19,\r\n            referencia: \"ref: GBR-PEARS-AI-G\",\r\n            nombre: \"Conjunto de acero\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/conjuntos/19-GBR-PEARS-AI-G. Conjunto de aretes y collar en acero inoxidable con perlas de rio natural y letra acerada personalizada. C$265.00.png'),\r\n            descripcion: \"Conjunto de aretes y collar en acero inoxidable con perlas de rio natural y letra acerada personalizada.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 20,\r\n            referencia: \"ref: GBR-WHITEGOLD-PEARLS\",\r\n            nombre: \"Conjunto de aretes\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/conjuntos/20-GBR-WHITEGOLD-PEARLS. Conjunto de aretes y collar sencillo de perlas blancas y doradas, detalles en acero inoxidable. C$265.00.png'),\r\n            descripcion: \"Conjunto de aretes y collar sencillo de perlas blancas y doradas, detalles en acero inoxidable.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 21,\r\n            referencia: \"ref: GBR-WHITE-PEARLS\",\r\n            nombre: \"Conjunto de aretes\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/conjuntos/21-GBR-WHITE-PEARLS. Conjunto de aretes y collar sencillo de perlas blancas y detalles en acero inoxidable. C$265.00.png'),\r\n            descripcion: \"Conjunto de aretes y collar sencillo de perlas blancas y detalles en acero inoxidable.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 22,\r\n            referencia: \"ref: GBR-WHITE-PEARLS\",\r\n            nombre: \"Conjunto de aretes\",\r\n            precio: \"C$265.00\",\r\n            imagen: require('@/assets/img/conjuntos/22-GBR-WHITE-PEARLS. Conjunto de aretes y collar sencillo de perlas blancas y detalles en acero inoxidable. C$265.00.png'),\r\n            descripcion: \"Conjunto de aretes y collar sencillo de perlas blancas y detalles en acero inoxidable.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 23,\r\n            referencia: \"ref: GBR-CON-DOBLEAI-STRS-WHITE\",\r\n            nombre: \"Conjunto de collar\",\r\n            precio: \"C$355.00\",\r\n            imagen: require('@/assets/img/conjuntos/23-GBR-CON-DOBLEAI-STRS-WHITE. Conjunto de collar doble, aretes y pulsera de Acero Inoxidable con mostacillas de colores y estrellas. C$355.00.png'),\r\n            descripcion: \"Conjunto de collar doble, aretes y pulsera de Acero Inoxidable con mostacillas de colores y estrellas.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 24,\r\n            referencia: \"ref: GBR-CONJ-KK-O142-56G-CL\",\r\n            nombre: \"Conjunto de collar\",\r\n            precio: \"C$375.00\",\r\n            imagen: require('@/assets/img/conjuntos/24-GBR-CONJ-KK-O142-56G-CL. Conjunto de collar de acero inoxidable, dije y aretes esmaltados con baño de oro real de 18 quilates, chapado en oro de larga duración, celeste. C$375.00.png'),\r\n            descripcion: \"Conjunto de collar de acero inoxidable, dije y aretes esmaltados con baño de oro real de 18 quilates, chapado en oro de larga duración, celeste.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 25,\r\n            referencia: \"ref: GBR-CONJ-KK-O142-56G-OR\",\r\n            nombre: \"Conjunto de collar\",\r\n            precio: \"C$375.00\",\r\n            imagen: require('@/assets/img/conjuntos/25-GBR-CONJ-KK-O142-56G-OR. Conjunto de collar de acero inoxidable, dije y aretes esmaltados con baño de oro real de 18 quilates, chapado en oro, dije de flor, naranja. C$375.00.png'),\r\n            descripcion: \"Conjunto de collar de acero inoxidable, dije y aretes esmaltados con baño de oro real de 18 quilates, chapado en oro, dije de flor, naranja.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 26,\r\n            referencia: \"ref: GBR-CONJ-KK-O142-56G-YL\",\r\n            nombre: \"Conjunto de collar\",\r\n            precio: \"C$375.00\",\r\n            imagen: require('@/assets/img/conjuntos/26-GBR-CONJ-KK-O142-56G-YL. Conjunto de collar de acero inoxidable, dije y aretes esmaltados con baño de oro real de 18 quilates, chapado en oro, dije de flor, amarillo. C$375.00 (2).png'),\r\n            descripcion: \"Conjunto de collar de acero inoxidable, dije y aretes esmaltados con baño de oro real de 18 quilates, chapado en oro, dije de flor, amarillo.\",\r\n            seccion: \"sección conjuntos\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>\r\n  \r\n  \r\n  \r\n  \r\n  \r\n  ","import { render } from \"./conjuntos.vue?vue&type=template&id=1115d284\"\nimport script from \"./conjuntos.vue?vue&type=script&lang=js\"\nexport * from \"./conjuntos.vue?vue&type=script&lang=js\"\n\nimport \"./conjuntos.vue?vue&type=style&index=0&id=1115d284&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Charms Acero Inoxidable para pulseras estilo Europeo\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-STAS-F243-39P\",\r\n            nombre: \"Charm de Acero\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_estilo_europeo/1-GBR-STAS-F243-39P. Charm de Acero Inoxidable, corazón plateado. C$205.00.png'),\r\n            descripcion: \"Charm de Acero Inoxidable, corazón plateado.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras estilo Europeo\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-STAS-I192-12P-BEIGE\",\r\n            nombre: \"Charm de Acero\",\r\n            precio: \"C$195.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_estilo_europeo/2-GBR-STAS-I192-12P-BEIGE. Charm de Acero Inoxidable, corazón letra LOVE, Beige. C$195.00.png'),\r\n            descripcion: \"Charm de Acero Inoxidable, corazón letra LOVE, Beige.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras estilo Europeo\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-STAS-I192-12P-GREEN\",\r\n            nombre: \"Charm de Acero\",\r\n            precio: \"C$195.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_estilo_europeo/3-GBR-STAS-I192-12P-GREEN. Charm de Acero Inoxidable, corazón letra LOVE, Verde Menta. C$195.00.png'),\r\n            descripcion: \"Charm de Acero Inoxidable, corazón letra LOVE, Verde Menta.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras estilo Europeo\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-STAS-I192-12P-RED\",\r\n            nombre: \"Charm de Acero\",\r\n            precio: \"C$195.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_estilo_europeo/4-GBR-STAS-I192-12P-RED. Charm de Acero Inoxidable, corazón letra LOVE, Red. C$195.00.png'),\r\n            descripcion: \"Charm de Acero Inoxidable, corazón letra LOVE, Red.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras estilo Europeo\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-STAS-I192-13P-BEIGE\",\r\n            nombre: \"Charm de Acero\",\r\n            precio: \"C$195.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_estilo_europeo/5-GBR-STAS-I192-13P-BEIGE. Charm de Acero Inoxidable, corazón y latidos, Beige. C$195.00.png'),\r\n            descripcion: \"Charm de Acero Inoxidable, corazón y latidos, Beige.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras estilo Europeo\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-STAS-I192-13P-BLACK\",\r\n            nombre: \"Charm de Acero\",\r\n            precio: \"C$195.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_estilo_europeo/6-GBR-STAS-I192-13P-BLACK. Charm de Acero Inoxidable, corazón y latidos, Negro. C$195.00.png'),\r\n            descripcion: \" Charm de Acero Inoxidable, corazón y latidos, Negro.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras estilo Europeo\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-STAS-I192-13P-GREEN\",\r\n            nombre: \"Charm de Acero\",\r\n            precio: \"C$195.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_estilo_europeo/7-GBR-STAS-I192-13P-GREEN. Charm de Acero Inoxidable, corazón y latidos, Verde Menta. C$195.00.png'),\r\n            descripcion: \"Charm de Acero Inoxidable, corazón y latidos, Verde Menta.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras estilo Europeo\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-STAS-I192-13P-RED\",\r\n            nombre: \"Charm de Acero\",\r\n            precio: \"C$195.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_estilo_europeo/8-GBR-STAS-I192-13P-REED. Charm de Acero Inoxidable, corazón y latidos, Rojo. C$195.00.png'),\r\n            descripcion: \"Charm de Acero Inoxidable, corazón y latidos, Rojo.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras estilo Europeo\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 9,\r\n            referencia: \"ref: GBR-STAS-O097-07P\",\r\n            nombre: \"Charm de Acero\",\r\n            precio: \"C$195.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_estilo_europeo/9-GBR-STAS-O097-07P. Charm de Acero Inoxidable, árbol de la vida, perlas colores. C$195.00.png'),\r\n            descripcion: \"Charm de Acero Inoxidable, árbol de la vida, perlas colores.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras estilo Europeo\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./charmsPulseraEuropeo.vue?vue&type=template&id=074c65de\"\nimport script from \"./charmsPulseraEuropeo.vue?vue&type=script&lang=js\"\nexport * from \"./charmsPulseraEuropeo.vue?vue&type=script&lang=js\"\n\nimport \"./charmsPulseraEuropeo.vue?vue&type=style&index=0&id=074c65de&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Charms Acero Inoxidable para Pulseras córdon Serpiente\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-PALLOY-JF00031\",\r\n            nombre: \"Charm en Acero\",\r\n            precio: \"C$145.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_cordon_serpiente/1-GBR-PALLOY-JF00031. Charm en Acero Inoxidable, trebol plateado. C$145.00.png'),\r\n            descripcion: \"Charm en Acero Inoxidable, trebol plateado.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras córdon serpiente\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-PALLOY-JF00031-DOLPHIN\",\r\n            nombre: \"Charm en Acero\",\r\n            precio: \"C$145.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_cordon_serpiente/2-GBR-PALLOY-JF00031-DOLPHIN. Charm de Acero Inoxidable, delfin. C$145.00.png'),\r\n            descripcion: \"Charm de Acero Inoxidable, delfin.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras córdon serpiente\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-PALLOY-JF00031-LOVE\",\r\n            nombre: \"Charm en Acero\",\r\n            precio: \"C$145.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_cordon_serpiente/3-GBR-PALLOY-JF00031-LOVE. Charm en Acero Inoxidable, letras LOVE plateado. C$145.00.png'),\r\n            descripcion: \"Charm en Acero Inoxidable, letras LOVE plateado.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras córdon serpiente\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-PALLOY-JF00031-MUSIC\",\r\n            nombre: \"Charm en Acero\",\r\n            precio: \"C$145.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_cordon_serpiente/4-GBR-PALLOY-JF00031-MUSIC. Charm en Acero Inoxidable, letra musical plateada. C$145.00.png'),\r\n            descripcion: \"Charm en Acero Inoxidable, letra musical plateada.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras córdon serpiente\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-PALLOY-JF00031-STAR\",\r\n            nombre: \"Charm en Acero\",\r\n            precio: \"C$145.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_cordon_serpiente/5-GBR-PALLOY-JF00031-STAR. Charm en Acero Inoxidable, estrella plateada. C$145.00.png'),\r\n            descripcion: \"Charm en Acero Inoxidable, estrella plateada.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras córdon serpiente\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-PALLOY-JF00032-HEART\",\r\n            nombre: \"Charm en Acero\",\r\n            precio: \"C$165.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_cordon_serpiente/6-GBR-PALLOY-JF00032-HEART. Charm en Acero Inoxidable, corazón plateado. C$165.00.png'),\r\n            descripcion: \"Charm en Acero Inoxidable, corazón plateado.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras córdon serpiente\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: PALLOY-JF00032-HEARTOPEN\",\r\n            nombre: \"Charm en Acero\",\r\n            precio: \"C$145.00\",\r\n            imagen: require('@/assets/img/charms/charms_en_acero_inoxidable_para_pulseras_cordon_serpiente/7-GBR-PALLOY-JF00032-HEARTOPEN. Charm en Acero Inoxidable, corazón hueco plateado. C$145.00.png'),\r\n            descripcion: \"Charm en Acero Inoxidable, corazón hueco plateado.\",\r\n            seccion: \"sección charms acero inoxidable para pulseras córdon serpiente\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./charmsPulserasSerpiente.vue?vue&type=template&id=83a9bd6e\"\nimport script from \"./charmsPulserasSerpiente.vue?vue&type=script&lang=js\"\nexport * from \"./charmsPulserasSerpiente.vue?vue&type=script&lang=js\"\n\nimport \"./charmsPulserasSerpiente.vue?vue&type=style&index=0&id=83a9bd6e&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Charms de Perlas de Colores\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-RPDL-T002-04\",\r\n            nombre: \"Charms en acero C-U\",\r\n            precio: \"C$75.00\",\r\n            imagen: require('@/assets/img/charms/charms_de_perlas_de_colores/1-GBR-RPDL-T002-04. Charms en acero inoxidable perlas y escharche. C$75.00 C-U.png'),\r\n            descripcion: \"Charms en acero inoxidable perlas y escharche. C$75.00 C-U.\",\r\n            seccion: \"sección charms de perlas de colores\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-RPDL-T003-08\",\r\n            nombre: \"Charms en acero C-U\",\r\n            precio: \"C$75.00\",\r\n            imagen: require('@/assets/img/charms/charms_de_perlas_de_colores/2-GBR-RPDL-T003-08. Charms en Acero Inoxidables, colores solidos combinados. C$75.00 c-U.png'),\r\n            descripcion: \"Charms en Acero Inoxidables, colores solidos combinados. C$75.00 C-U\",\r\n            seccion: \"sección charms de perlas de colores\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./charmsPerlasColores.vue?vue&type=template&id=24f18d8c\"\nimport script from \"./charmsPerlasColores.vue?vue&type=script&lang=js\"\nexport * from \"./charmsPerlasColores.vue?vue&type=script&lang=js\"\n\nimport \"./charmsPerlasColores.vue?vue&type=style&index=0&id=24f18d8c&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Tarjetas dedicatorias\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-TARJ-ALADIN-BOOK\",\r\n            nombre: \"Tarjeta estilo libro\",\r\n            precio: \"C$65.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/1-GBR-TARJ-ALADIN-BOOK. Tarjeta estilo libro para regalar accesorios con Dedicatoria, interior Aladin, con bolsa de celofan y lazo. C$65.00.png'),\r\n            descripcion: \"Tarjeta estilo libro para regalar accesorios con Dedicatoria, interior Aladin, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-TARJ-ATRAP-BOOK\",\r\n            nombre: \"Tarjeta estilo libro\",\r\n            precio: \"C$65.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/2-GBR-TARJ-ATRAP-BOOK. Tarjeta estilo libro para regalar accesorios con Dedicatoria, interior Atrapados, con bolsa de Celofan y lazo. C$65.00.png'),\r\n            descripcion: \"Tarjeta estilo libro para regalar accesorios con Dedicatoria, interior Atrapados, con bolsa de Celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-TARJ-CHOICE-PINK-PAGE\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$45.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/3-GBR-TARJ-CHOICE-PINK-PAGE. Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo. C$45.00.png'),\r\n            descripcion: \"Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-TARJ-CHOISE-PAGE\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$45.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/4-GBR-TARJ-CHOISE-PAGE. Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo. C$45.00.png'),\r\n            descripcion: \"Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-TARJ-DESTINO-BOOK\",\r\n            nombre: \"Tarjeta estilo libro\",\r\n            precio: \"C$65.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/5-GBR-TARJ-DESTINO-BOOK. Tarjeta estilo libro con Dedicatoria para regalar accesorios, interior, tu eres mi destino, con bolsa de celofan y lazo. C$65.00.png'),\r\n            descripcion: \"Tarjeta estilo libro con Dedicatoria para regalar accesorios, interior, tu eres mi destino, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-TARJ-FLOWER-BOOK\",\r\n            nombre: \"Tarjeta estilo libro\",\r\n            precio: \"C$65.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/6-GBR-TARJ-FLOWER-BOOK. Tarjeta estilo libro con Dedicatoria para regalar accesorios, interior, Eres mi paz, con bolsa de celofan y lazo. C$65.00.png'),\r\n            descripcion: \"Tarjeta estilo libro con Dedicatoria para regalar accesorios, interior, Eres mi paz, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-TARJ-FRIEND-PAGE\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$45.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/7-GBR-TARJ-FRIEND-PAGE. Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo. C$45.00.png'),\r\n            descripcion: \"Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-TARJ-FRIEND-PINK-PAGE\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$45.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/8-GBR-TARJ-FRIEND-PINK-PAGE. Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo. C$45.00.png'),\r\n            descripcion: \"Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 9,\r\n            referencia: \"ref: GBR-TARJ-PERESPE-BOOK\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$65.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/9-GBR-TARJ-PERESPE-BOOK. Tarjeta estilo libro con Dedicatoria para regalar accesorios, tu eres mi persona especial, con bolsa de celofan y lazo. C$65.00.png'),\r\n            descripcion: \"Tarjeta estilo libro con Dedicatoria para regalar accesorios, tu eres mi persona especial, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 10,\r\n            referencia: \"ref: GBR-TARJ-QUEEN-PINK-PAGE\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$45.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/10-GBR-TARJ-QUEEN-PINK-PAGE. Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo. C$45.00.png'),\r\n            descripcion: \"Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 11,\r\n            referencia: \"ref: GBR-TARJ-SANVALE-AMOR-PAGE\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$45.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/11-GBR-TARJ-SANVALE-AMOR-PAGE. Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo. C$45.00.png'),\r\n            descripcion: \"Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 12,\r\n            referencia: \"ref: GBR-TARJ-SANVALE-CONEC-PAGE\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$45.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/12-GBR-TARJ-SANVALE-CONEC-PAGE. Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo. C$45.00.png'),\r\n            descripcion: \"Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 13,\r\n            referencia: \"ref: GBR-TARJ-SANVALE-TUL-PAGE\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$45.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/13-GBR-TARJ-SANVALE-TUL-PAGE. Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo. C$45.00.png'),\r\n            descripcion: \"Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 14,\r\n            referencia: \"ref: GBR-TARJ-SNVALE-GIR-PAGE\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$45.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/14-GBR-TARJ-SNVALE-GIR-PAGE. Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo. C$45.00.png'),\r\n            descripcion: \"Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 15,\r\n            referencia: \"ref: GBR-TARJ-WOMANDAY-GIR-PAGE\",\r\n            nombre: \"Tarjeta con dedicatoria\",\r\n            precio: \"C$45.00\",\r\n            imagen: require('@/assets/img/accesorios/tarjetas_dedicatoria/15-GBR-TARJ-WOMANDAY-GIR-PAGE. Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo. C$45.00.png'),\r\n            descripcion: \"Tarjeta con Dedicatoria para regalar accesorio, con bolsa de celofan y lazo.\",\r\n            seccion: \"sección tarjetas dedicatorias\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./tarjetasDedicatorias.vue?vue&type=template&id=27c0b48a\"\nimport script from \"./tarjetasDedicatorias.vue?vue&type=script&lang=js\"\nexport * from \"./tarjetasDedicatorias.vue?vue&type=script&lang=js\"\n\nimport \"./tarjetasDedicatorias.vue?vue&type=style&index=0&id=27c0b48a&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Llaveros de resina\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-LLAV-RESIN-A\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/1-GBR-LLAV-RESIN-A. Llavero de inicial en resina letra A.C$205.00..png'),\r\n            descripcion: \"Llavero de inicial en resina letra A.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-LLAV-RESIN-C\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/2-GBR-LLAV-RESIN-C. Llavero de inicial en resina letra C. C$205.00.png'),\r\n            descripcion: \"Llavero de inicial en resina letra C.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-LLAV-RESIN-G\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/3-GBR-LLAV-RESIN-G. Llavero de inicial en resina letra G. C$205.00.png'),\r\n            descripcion: \"Llavero de inicial en resina letra G.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-LLAV-RESIN-J\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/4-GBR-LLAV-RESIN-J. Llavero de inicial en resina letra J. C$205.00.png'),\r\n            descripcion: \"Llavero de inicial en resina letra J.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-LLAV-RESIN-M\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/5-GBR-LLAV-RESIN-M. Llavero de inicial en resina letra M. C$205.00.png'),\r\n            descripcion: \"Llavero de inicial en resina letra M.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-LLAV-RESIN-RED-D\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/6-GBR-LLAV-RESIN-RED-D. Llavero redondo con inicial en resina letra D. C$205.00.png'),\r\n            descripcion: \"Llavero redondo con inicial en resina letra D.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-LLAV-RESIN-RED-F\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/7-GBR-LLAV-RESIN-RED-F. Llavero redondo con inicial en resina letra F. C$205.00.png'),\r\n            descripcion: \"Llavero redondo con inicial en resina letra F.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-LLAV-RESIN-RED-K\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/8-GBR-LLAV-RESIN-RED-K. Llavero redondo con inicial en resina letra K. C$205.00.png'),\r\n            descripcion: \"Llavero redondo con inicial en resina letra K.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 9,\r\n            referencia: \"ref: GBR-LLAV-RESIN-RED-L\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/9-GBR-LLAV-RESIN-RED-L. Llavero redondo con inicial en resina letra L. C$205.00.png'),\r\n            descripcion: \"Llavero redondo con inicial en resina letra L.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 10,\r\n            referencia: \"ref: GBR-LLAV-RESIN-RED-N\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/10-GBR-LLAV-RESIN-RED-N. Llavero redondo con inicial en resina letra N. C$205.00.png'),\r\n            descripcion: \"Llavero redondo con inicial en resina letra N.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 11,\r\n            referencia: \"ref: GBR-LLAV-RESIN-RED-R\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/11-GBR-LLAV-RESIN-RED-R. Llavero redondo con inicial en resina letra R. C$205.00.png'),\r\n            descripcion: \"Llavero redondo con inicial en resina letra R.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 12,\r\n            referencia: \"ref: GBR-LLAV-RESIN-S\",\r\n            nombre: \"Llavero de inicial\",\r\n            precio: \"C$205.00\",\r\n            imagen: require('@/assets/img/accesorios/llaveros_resina/12-GBR-LLAV-RESIN-S. Llavero de inicial en resina letra S. C$205.00.png'),\r\n            descripcion: \"Llavero de inicial en resina letra S.\",\r\n            seccion: \"sección llaveros de resina\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./llaverosResina.vue?vue&type=template&id=fd6d3d3a\"\nimport script from \"./llaverosResina.vue?vue&type=script&lang=js\"\nexport * from \"./llaverosResina.vue?vue&type=script&lang=js\"\n\nimport \"./llaverosResina.vue?vue&type=style&index=0&id=fd6d3d3a&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Cajitas de formas\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-CON-B008-01B\",\r\n            nombre: \"Cajita para anillo\",\r\n            precio: \"C$185.00\",\r\n            imagen: require('@/assets/img/accesorios/cajitas_formas/1-GBR-CON-B008-01B. Cajita para anillo en forma de corona, Rojo. C$185.00.png'),\r\n            descripcion: \"Cajita para anillo en forma de corona, Rojo.\",\r\n            seccion: \"sección cajitas de formas\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: GBR-CON-B008-01D\",\r\n            nombre: \"Cajita para anillo\",\r\n            precio: \"C$185.00\",\r\n            imagen: require('@/assets/img/accesorios/cajitas_formas/2-GBR-CON-B008-01D. Cajita para anillo en forma de corona, Rosada. C$185.00.png'),\r\n            descripcion: \"Cajita para anillo en forma de corona, Rosada.\",\r\n            seccion: \"sección cajitas de formas\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: GBR-CON-C015-01B\",\r\n            nombre: \"Cajita para anillo\",\r\n            precio: \"C$165.00\",\r\n            imagen: require('@/assets/img/accesorios/cajitas_formas/3-GBR-CON-C015-01B. Cajita para anillo en forma de Rosa, chote rojo. C$165.00.png'),\r\n            descripcion: \"Cajita para anillo en forma de Rosa, chote rojo.\",\r\n            seccion: \"sección cajitas de formas\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: GBR-CON-C015-02B\",\r\n            nombre: \"Cajita para anillo\",\r\n            precio: \"C$215.00\",\r\n            imagen: require('@/assets/img/accesorios/cajitas_formas/4-GBR-CON-C015-02B. Cajita para anillo en forma de rosa, roja, con rama y hojas. C$215.00.png'),\r\n            descripcion: \"Cajita para anillo en forma de rosa, roja, con rama y hojas.\",\r\n            seccion: \"sección cajitas de formas\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: GBR-CON-CA0001-010\",\r\n            nombre: \"Cajita para anillo\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/accesorios/cajitas_formas/5-GBR-CON-CA0001-010. Caja para anillo de graduación de terciopelo con espuma para decoración de exhibición de graduación longitud 5,8 cm. C$225.00.png'),\r\n            descripcion: \"Caja para anillo de graduación de terciopelo con espuma para decoración de exhibición de graduación longitud 5,8 cm.\",\r\n            seccion: \"sección cajitas de formas\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 6,\r\n            referencia: \"ref: GBR-CON-CA0001-011\",\r\n            nombre: \"Cajita para anillo\",\r\n            precio: \"C$225.00\",\r\n            imagen: require('@/assets/img/accesorios/cajitas_formas/6-GBR-CON-CA0001-011. Caja para anillo de graduación de terciopelo con espuma para decoración de exhibición de graduación longitud 5,8 cm. C$225.00.png'),\r\n            descripcion: \"Caja para anillo de graduación de terciopelo con espuma para decoración de exhibición de graduación longitud 5,8 cm.\",\r\n            seccion: \"sección cajitas de formas\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 7,\r\n            referencia: \"ref: GBR-HEAR-PW0001-040H\",\r\n            nombre: \"Cajita para anillo\",\r\n            precio: \"C$185.00\",\r\n            imagen: require('@/assets/img/accesorios/cajitas_formas/7-GBR-HEAR-PW0001-040H. Cajas de terciopelo para anillos, para bodas, estuche para guardar joyas, corazón, rojo oscuro, 4,8 x 4,8 x 3,5 cm. C$185.00.png'),\r\n            descripcion: \"Cajas de terciopelo para anillos, para bodas, estuche para guardar joyas, corazón, rojo oscuro, 4,8 x 4,8 x 3,5 cm.\",\r\n            seccion: \"sección cajitas de formas\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 8,\r\n            referencia: \"ref: GBR-LBOX-L005-F02\",\r\n            nombre: \"Cajita para anillo\",\r\n            precio: \"C$215.00\",\r\n            imagen: require('@/assets/img/accesorios/cajitas_formas/8-GBR-LBOX-L005-F02. Caja cuadrada de regalo en rosa oro. C$215.00.png'),\r\n            descripcion: \"Caja cuadrada de regalo en rosa oro.\",\r\n            seccion: \"sección cajitas de formas\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./cajitasDeForma.vue?vue&type=template&id=38ba8fb3\"\nimport script from \"./cajitasDeForma.vue?vue&type=script&lang=js\"\nexport * from \"./cajitasDeForma.vue?vue&type=script&lang=js\"\n\nimport \"./cajitasDeForma.vue?vue&type=style&index=0&id=38ba8fb3&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Cajitas sencillas\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: GBR-CBOX-N011-03\",\r\n            nombre: \"Cajas de cartón para anillos\",\r\n            precio: \"C$25.00\",\r\n            imagen: require('@/assets/img/accesorios/cajitas_sencillas/1-GBR-CBOX-N011-03. Cajas de cartón para anillos, con lazo y esponja en el interior, cuadradas, colores variados, 4,2 x 4,2 x 2,9 cm. C$25.00.png'),\r\n            descripcion: \"Cajas de cartón para anillos, con lazo y esponja en el interior, cuadradas, colores variados, 4,2 x 4,2 x 2,9 cm.\",\r\n            seccion: \"sección cajitas sencillas\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./cajitasSencillas.vue?vue&type=template&id=5f7872c1\"\nimport script from \"./cajitasSencillas.vue?vue&type=script&lang=js\"\nexport * from \"./cajitasSencillas.vue?vue&type=script&lang=js\"\n\nimport \"./cajitasSencillas.vue?vue&type=style&index=0&id=5f7872c1&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <navCategoria/>\r\n    <Enlaces/>\r\n  \r\n    <div class=\"productos-container\">\r\n      <!-- <h1>{{ titulo }}</h1> -->\r\n      <div class=\"contenedor-titulos scroll-up\">\r\n              <img src=\"@/assets/img/fondo-titulos.png\" alt=\"\">\r\n              <div class=\"texto\"><h2>{{titulo}}</h2></div>\r\n      </div>\r\n      <div class=\"productos\">\r\n        <div class=\"producto\" v-for=\"producto in productos\" :key=\"producto.id\">\r\n          <div class=\"img-container\">\r\n            <img :src=\"producto.imagen\" :alt=\"producto.nombre\">\r\n            <div class=\"icon-eye\" @click=\"abrirModalInfo(producto)\">\r\n              <i class=\"bx bx-show\"></i>\r\n            </div>\r\n          </div>\r\n          <p class=\"ref\">{{ producto.referencia }}</p>\r\n          <p class=\"nombre-producto\">{{ producto.nombre }}</p>\r\n          <p class=\"precio\">{{ producto.precio }}</p>\r\n          <div class=\"cantidad\">\r\n            <button @click=\"decrementarCantidad(producto)\">-</button>\r\n            <span>{{ producto.cantidad }}</span>\r\n            <button @click=\"incrementarCantidad(producto)\">+</button>\r\n          </div>\r\n          <button @click=\"agregarAlCarrito(producto)\">Agregar al carrito</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para agregar al carrito -->\r\n      <div v-if=\"mostrarModalCarrito\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <!-- <span class=\"close\" @click=\"cerrarModalCarrito\">&times;</span> -->\r\n          <p>Producto agregado al carrito</p>\r\n        </div>\r\n      </div>\r\n      \r\n      <!-- Modal para información del producto -->\r\n      <div v-if=\"mostrarModalInfo && productoSeleccionado\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n          <span class=\"close\" @click=\"cerrarModalInfo\">&times;</span>\r\n          <img :src=\"productoSeleccionado.imagen\" :alt=\"productoSeleccionado.nombre\">\r\n          <p>Descripción</p>\r\n          <li>{{ productoSeleccionado.descripcion }}</li>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer/> \r\n  </template>\r\n  \r\n  \r\n  \r\n  \r\n  <script>\r\n  import NavCategoria from '@/components/navCategoria.vue'\r\n  import Enlaces from '@/components/enlaces.vue'\r\n  import Footer from '@/components/footer.vue'\r\n  \r\n  export default {\r\n    components: {\r\n      NavCategoria,\r\n      Enlaces,\r\n      Footer,\r\n    },\r\n    data() {\r\n      return {\r\n        titulo: \"Joyeros\",\r\n        productos: [\r\n          {\r\n            id: 1,\r\n            referencia: \"ref: CON-P016-B04\",\r\n            nombre: \"Joyero blanco\",\r\n            precio: \"C$750.00\",\r\n            imagen: require('@/assets/img/accesorios/joyeros/JoyeroBlanco.png'),\r\n            descripcion: \"Joyero blanco.\",\r\n            seccion: \"sección joyeros\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 2,\r\n            referencia: \"ref: CON-P016-B03\",\r\n            nombre: \"Joyero negro\",\r\n            precio: \"C$750.00\",\r\n            imagen: require('@/assets/img/accesorios/joyeros/JoyeroNegro.png'),\r\n            descripcion: \"Joyero negro.\",\r\n            seccion: \"sección joyeros\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 3,\r\n            referencia: \"ref: Código: CON-P016-B05\",\r\n            nombre: \"Joyero verde\",\r\n            precio: \"C$750.00\",\r\n            imagen: require('@/assets/img/accesorios/joyeros/JoyeroVerde.png'),\r\n            descripcion: \"Joyero verde.\",\r\n            seccion: \"sección joyeros\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 4,\r\n            referencia: \"ref: Código: CON-PW0001-178C\",\r\n            nombre: \"Joyero rosa\",\r\n            precio: \"C$330\",\r\n            imagen: require('@/assets/img/accesorios/joyeros/joyeros1.jpg'),\r\n            descripcion: \"Joyero portátil 10x105cm - rosa\",\r\n            seccion: \"sección joyeros\",\r\n            cantidad: 1\r\n          },\r\n          {\r\n            id: 5,\r\n            referencia: \"ref: Código: CON-PW0001-178A\",\r\n            nombre: \"Joyero negro\",\r\n            precio: \"C$330\",\r\n            imagen: require('@/assets/img/accesorios/joyeros/joyeros2.jpg'),\r\n            descripcion: \"Joyero portátil 10x105cm - negro\",\r\n            seccion: \"sección joyeros\",\r\n            cantidad: 1\r\n          },\r\n        ],\r\n        mostrarModalCarrito: false,\r\n        mostrarModalInfo: false,\r\n        productoSeleccionado: null,\r\n      }\r\n    },\r\n    methods: {\r\n      incrementarCantidad(producto) {\r\n        producto.cantidad++;\r\n      },\r\n      decrementarCantidad(producto) {\r\n        if (producto.cantidad > 1) {\r\n          producto.cantidad--;\r\n        }\r\n      },\r\n      agregarAlCarrito(producto) {\r\n        this.$store.commit('agregarAlCarrito', { ...producto });\r\n        this.mostrarModalCarrito = true;\r\n        setTimeout(() => {\r\n          this.cerrarModalCarrito();\r\n        }, 1000); // Modal se cierra automáticamente después de 1 segundo\r\n      },\r\n      abrirModalInfo(producto) {\r\n        this.productoSeleccionado = producto;\r\n        this.mostrarModalInfo = true;\r\n      },\r\n      cerrarModalCarrito() {\r\n        this.mostrarModalCarrito = false;\r\n      },\r\n      cerrarModalInfo() {\r\n        this.mostrarModalInfo = false;\r\n        this.productoSeleccionado = null;\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  \r\n  \r\n  \r\n  <style lang=\"scss\">\r\n  @import \"@/assets/styles/stylesProductos.scss\";\r\n  \r\n  .contenedor-titulos{\r\n          position: relative;\r\n          display: inline-block;\r\n          text-align: center;\r\n          display: flex;\r\n          justify-content: center;\r\n  \r\n          img{\r\n              height: 8rem;\r\n              width: 40rem;\r\n          }\r\n  \r\n          .texto{\r\n              position: absolute;\r\n              top: 50%;\r\n              left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              width: 100%;\r\n  \r\n              h2{\r\n                  color: $violeta-titulos;\r\n                  // font-family: 'Roboto', sans-serif;\r\n                  font-size: 2.8rem;\r\n                  // font-family: 'Crete Round', serif;\r\n                  font-family: 'Lobster', cursive;\r\n                  font-weight: 300;\r\n                  letter-spacing: 1px;\r\n              }\r\n          }\r\n  \r\n      }\r\n  \r\n  .productos-container {\r\n    padding: 10px;\r\n  \r\n    .productos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-around;\r\n  \r\n      .producto {\r\n        margin: 20px;\r\n  \r\n        .img-container {\r\n          position: relative;\r\n  \r\n          img {\r\n            height: 29rem;\r\n            width: 24rem;\r\n            object-fit: cover; // Asegura que la imagen mantenga sus proporciones dentro del contenedor\r\n          }\r\n  \r\n          .icon-eye {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            padding: 5px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n  \r\n            i {\r\n              color: #fff;\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n  \r\n        // .ref, .nombre-producto, .precio, .cantidad, button {\r\n        //   text-align: center;\r\n        //   font-size: 16px;\r\n        // }\r\n      }\r\n    }\r\n  \r\n    .modal {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.7);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1000;\r\n      padding-top: 130px;\r\n  \r\n      .modal-content {\r\n        background-color: #fff;\r\n        padding: 35px 13px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        max-width: 350px;\r\n        width: 90%;\r\n        // margin-top: 100px;\r\n  \r\n        p{\r\n          color: $violeta;\r\n          font-weight:700;\r\n          font-size: 1.7rem;\r\n          margin: -.5rem 0 .5rem 0;\r\n        }\r\n  \r\n        li{\r\n          font-size: 1.5rem;\r\n        }\r\n  \r\n        img {\r\n          width: 80%;\r\n          height: 30rem;\r\n          margin-bottom: 15px;\r\n          object-fit: cover;\r\n          // display: none;\r\n        }\r\n  \r\n        .close {\r\n          position: absolute;\r\n          top: 10px;\r\n          right: 10px;\r\n          font-size: 24px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 768px) {\r\n      .productos {\r\n        flex-direction: column;\r\n        align-items: center;\r\n  \r\n        .producto {\r\n          width: 100%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              padding: 3px;\r\n              i {\r\n                font-size: 16px;\r\n              }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal .modal-content {\r\n        width: 95%;\r\n        padding: 15px;\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 700px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 10px 0;\r\n  \r\n          .img-container {\r\n            img {\r\n              width: 100%;  // Ajusta el ancho de la imagen según el contenedor\r\n              height: auto; // Mantén la proporción de la imagen\r\n            }\r\n            .icon-eye {\r\n              bottom: 5px;\r\n              right: 5px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 16px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .modal{\r\n        padding-top: 80px;\r\n  \r\n        .modal-content {\r\n          width: 100%;\r\n          padding: 10px;\r\n  \r\n        p{\r\n          font-size: 2rem;\r\n        }  \r\n  \r\n        li{\r\n          margin: 1rem 0;\r\n          font-size: 1.8rem;\r\n        }\r\n      }\r\n      } \r\n    }\r\n  \r\n    @media (max-width: 450px) {\r\n      .productos {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n  \r\n        .producto {\r\n          width: 48%;\r\n          margin: 5px 0;\r\n  \r\n          .img-container {\r\n            .icon-eye {\r\n              bottom: 3px;\r\n              right: 3px;\r\n              // padding: 2px;\r\n              // i {\r\n              //   font-size: 14px;\r\n              // }\r\n            }\r\n          }\r\n  \r\n          .ref, .nombre-producto, .precio, .cantidad, button {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    @media (max-width: 400px){\r\n      .modal .modal-content{\r\n        width: 70%;\r\n  \r\n        img{\r\n        width: 80%;  // Cambia el tamaño de la imagen al 70% del contenedor\r\n        height: 25rem;\r\n        padding:2rem 0 .5rem 0;\r\n      }\r\n      } \r\n    }\r\n  }\r\n  </style>","import { render } from \"./joyeros.vue?vue&type=template&id=16edf436\"\nimport script from \"./joyeros.vue?vue&type=script&lang=js\"\nexport * from \"./joyeros.vue?vue&type=script&lang=js\"\n\nimport \"./joyeros.vue?vue&type=style&index=0&id=16edf436&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n\n  \n    <navCategoria/>\n    <Enlaces/>\n\n\n    <div class=\"carrito-container\">\n      <h1>Carrito de Compras</h1>\n      <div v-if=\"carrito.length === 0\">\n        <p>No hay productos en el carrito.</p>\n      </div>\n      <div class=\"items-carrito\" v-else>\n        <div class=\"producto\" v-for=\"producto in carrito\" :key=\"producto.id\">\n          <p>{{ producto.referencia }}</p>\n          <p>{{ producto.nombre }}</p>\n          <p>{{ producto.precio }}</p>\n          <p>Cantidad: {{ producto.cantidad }}</p>\n          <button class=\"eliminar-button\" @click=\"eliminarDelCarrito(producto)\">Eliminar del carrito</button>\n        </div>\n        <p class=\"total\">Total: C${{ calcularTotal() }}</p>\n        <button class=\"comprar-button\" @click=\"comprar()\">Comprar</button>\n      </div>\n    </div>\n  </template>\n  \n  <script>\n    import NavCategoria from '@/components/navCategoria.vue'\n    import Enlaces from '@/components/enlaces.vue'\n\n  export default {\n    components: {\n    NavCategoria,\n    Enlaces,\n  },\n\n    computed: {\n      carrito() {\n        return this.$store.state.carrito;\n      }\n    },\n    methods: {\n      eliminarDelCarrito(producto) {\n        this.$store.commit('eliminarDelCarrito', producto);\n      },\n      calcularTotal() {\n        let total = 0;\n        this.carrito.forEach(producto => {\n          total += parseFloat(producto.precio.replace('C$', '')) * producto.cantidad;\n        });\n        return total.toFixed(2);\n      },\n      comprar() {\n        // Crear el mensaje de WhatsApp\n        let mensaje = \"Hola, estoy interesado en comprar los siguientes productos:\\n\";\n        this.carrito.forEach(producto => {\n          mensaje += `${producto.seccion} - ${producto.referencia} - ${producto.nombre} - ${producto.precio} - Cantidad: ${producto.cantidad}\\n`;\n        });\n  \n        // Agregar el total al mensaje\n        mensaje += `\\nTotal: C$${this.calcularTotal()}`;\n        \n        // Codificar el mensaje para incluirlo en la URL\n        let mensajeCodificado = encodeURIComponent(mensaje);\n        \n        // Número de WhatsApp al que se enviará el mensaje\n        let numeroWhatsApp = \"+50587617146\"; // Cambiar al número deseado\n        \n        // Crear la URL de WhatsApp\n        let url = `https://api.whatsapp.com/send?phone=${numeroWhatsApp}&text=${mensajeCodificado}`;\n        \n        // Redirigir a WhatsApp\n        window.open(url, '_blank');\n      }\n    }\n  }\n  </script>\n  \n  <style scoped lang=\"scss\"> \n    @import \"@/assets/styles/normalize.css\";\n    @import \"@/assets/styles/variables.scss\";\n    @import \"@/assets/styles/fonts.scss\";\n\n\n  .carrito-container {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 20px;\n    text-align: center;\n\n    h1{\n      color: $violeta;\n      font-size: 2.5rem;\n    }\n\n    p{\n      font-size: 1.5rem;\n    }\n\n    .items-carrito .total{\n      margin-top: 4rem;\n      font-size: 2rem;\n    }\n  }\n  \n  .productos {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-around;\n    margin-bottom: 20px;\n    text-align: center;\n  }\n  \n  .producto {\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    padding: 10px;\n    width: 50%;\n    margin: 10px auto;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n  }\n  \n  .producto p {\n    margin: 5px 0;\n  }\n  \n  .eliminar-button{\n    background-color: $violeta;\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    text-align: center;\n    text-decoration: none;\n    display: inline-block;\n    font-size: 16px;\n    margin: 4px 2px;\n    cursor: pointer;\n    border-radius: 8px;\n  }\n  \n  .comprar-button {\n    background-color: $violeta;\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    text-align: center;\n    text-decoration: none;\n    display: inline-block;\n    font-size: 16px;\n    margin: 1rem 0;\n    cursor: pointer;\n    border-radius: 8px;\n  }\n  \n  .comprar-button:hover {\n    background-color: #45a049;\n  }\n  \n  .total {\n    font-weight: bold;\n    margin-bottom: 20px;\n  }\n\n  @media (max-width:650px){\n    .producto{\n      width: 70%;\n    }\n  }\n\n  @media (max-width:450px){\n    .eliminar-button{\n      font-size: 13px;\n    }\n\n    .comprar-button{\n      font-size: 13px;\n    }\n  }\n  </style>\n  ","import { render } from \"./carrito.vue?vue&type=template&id=0447f792&scoped=true\"\nimport script from \"./carrito.vue?vue&type=script&lang=js\"\nexport * from \"./carrito.vue?vue&type=script&lang=js\"\n\nimport \"./carrito.vue?vue&type=style&index=0&id=0447f792&scoped=true&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0447f792\"]])\n\nexport default __exports__","// src/router/index.js\nimport { createRouter, createWebHistory } from 'vue-router';\nimport Home from '../components/home.vue';\nimport TodasLasCategorias from '../components/TodasLasCategorias.vue';\n\nimport Aretes from '../components/categorias/aretes.vue';\n// import Pulseras from '../components/categorias/pulseras.vue';\n\nimport PulserasPlatino from '../components/categorias/pulserasPlatino.vue';\nimport PulserasAcero from '../components/categorias/pulserasAcero.vue';\nimport PulserasHilo from '../components/categorias/pulserasHilo.vue';\n\nimport AnillosOro from '../components/categorias/AnillosOro.vue';\nimport AnillosAcero from '../components/categorias/AnillosAcero.vue';\n\nimport collaresYDijes from '../components/categorias/collaresYDijes.vue';\nimport collaresParejas from '../components/categorias/collaresParejas.vue';\nimport collaresPerlasNaturales from '../components/categorias/collaresPerlasNaturales.vue';\nimport collaresDijesCristales from '../components/categorias/collaresDijesCristales.vue';\nimport collaresCuarzos from '../components/categorias/collaresCuarzos.vue';\nimport collaresDijesEnchapados from '../components/categorias/collaresDijesEnchapados.vue';\n\nimport Conjuntos from '../components/categorias/conjuntos.vue';\n\nimport charmsPulseraEuropeo from '../components/categorias/charmsPulseraEuropeo.vue';\nimport charmsPulserasSerpiente from '../components/categorias/charmsPulserasSerpiente.vue';\nimport charmsPerlasColores from '../components/categorias/charmsPerlasColores.vue';\n\nimport tarjetasDedicatorias from '../components/categorias/tarjetasDedicatorias.vue';\nimport llaverosResina from '../components/categorias/llaverosResina.vue';\nimport cajitasDeFormas from '../components/categorias/cajitasDeForma.vue';\nimport cajitasSencillas from '../components/categorias/cajitasSencillas.vue';\nimport joyeros from '../components/categorias/joyeros.vue';\n\n\nimport Carrito from '../components/categorias/carrito.vue';\n\nconst routes = [\n  { path: '/', name: 'Home', component: Home},\n  { path: '/categorias', name: 'TodasLasCategorias', component: TodasLasCategorias},\n  { path: '/home', name: 'home', component: Home},\n\n  { path: '/aretes', component: Aretes },\n  \n  { path: '/pulseras/platino', component: PulserasPlatino },\n  { path: '/pulseras/acero', component: PulserasAcero },\n  { path: '/pulseras/hilo', component: PulserasHilo },\n\n  { path: '/anillos/oro', component: AnillosOro },\n  { path: '/anillos/acero', component: AnillosAcero },\n\n  { path: '/collares/collares_y_dijes', component: collaresYDijes },\n  { path: '/collares/collares_en_parejas', component: collaresParejas },\n  { path: '/collares/collares_y_perlas_naturales', component: collaresPerlasNaturales },\n  { path: '/collares/collares_y_dijes_cristales', component: collaresDijesCristales },\n  { path: '/collares/collares_y_cuarzos', component: collaresCuarzos },\n  { path: '/collares/collares_y_dijes_enchapados', component: collaresDijesEnchapados },\n\n  { path: '/conjuntos', component: Conjuntos },\n\n  { path: '/charms/charms_pulseras_europeo', component: charmsPulseraEuropeo },\n  { path: '/charms/charms_pulserasSerpiente', component: charmsPulserasSerpiente },\n  { path: '/charms/charms_perlas_colores', component: charmsPerlasColores },\n\n  { path: '/accesorios/tarjetas_dedicatorias', component: tarjetasDedicatorias },\n  { path: '/accesorios/llaveros_resina', component: llaverosResina },\n  { path: '/accesorios/cajitas_de_formas', component: cajitasDeFormas },\n  { path: '/accesorios/cajitas_sencillas', component: cajitasSencillas },\n  { path: '/accesorios/joyeros', component: joyeros },\n\n  { path: '/carrito', component: Carrito },\n];\n\nconst router = createRouter({\n  history: createWebHistory(),\n  routes\n});\n\n// Cambiar el título de la pestaña en todas las rutas\nrouter.beforeEach((to, from, next) => {\n  document.title = 'Glamour By Ramos';  // Título fijo para todas las rutas\n  next();\n});\n\nexport default router;\n","import { createStore } from 'vuex';\n\nconst store = createStore({\n  state: {\n    carrito: []\n  },\n  mutations: {\n    agregarAlCarrito(state, producto) {\n      state.carrito.push(producto);\n    },\n    eliminarDelCarrito(state, producto) {\n      const index = state.carrito.findIndex(item => item.id === producto.id);\n      if (index !== -1) {\n        state.carrito.splice(index, 1);\n      }\n    }\n  }\n});\n\nexport default store;\n","// src/main.js\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport router from './router/index.js';\nimport store from './store/index'\nimport { createMetaManager } from 'vue-meta';\n\nimport 'boxicons/css/boxicons.min.css';\n\nimport 'swiper/swiper-bundle.css';\n\n// Importación de vue-lazyload\nimport VueLazyLoad from 'vue-lazyload';\n\ncreateApp(App)\n  .use(router)\n  .use(store)\n  .use(createMetaManager())\n  .use(VueLazyLoad)\n  .mount('#app');\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkglamour\"] = self[\"webpackChunkglamour\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(6641); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["id","_createElementBlock","_hoisted_1","_createVNode","_component_router_view","name","__exports__","render","_Fragment","_component_Nav","_component_Slider","_component_Informacion","_component_SobreNosotros","_component_ProductosRecomendados","_component_Instagram","_component_Formulario","_component_Contactos","_component_Footer","class","_createElementVNode","src","_imports_0","alt","href","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_component_router_link","to","default","_withCtx","_createTextVNode","_","_hoisted_8","_hoisted_9","mounted","menu","document","querySelector","navbar","onclick","classList","toggle","window","onscroll","remove","_hoisted_10","this","initSwiper","methods","Swiper","spaceBetween","effect","grabCursor","loop","autoplay","delay","disableOnInteraction","centeredSlides","pagination","el","clickable","_createStaticVNode","script","require","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_46","_hoisted_47","_hoisted_48","_hoisted_49","_hoisted_50","_hoisted_51","_hoisted_52","_hoisted_53","_hoisted_54","_hoisted_55","loadScript","then","console","log","breakpoints","slidesPerView","catch","error","Promise","resolve","reject","createElement","onload","onerror","body","appendChild","type","onSubmit","_cache","_withModifiers","args","$options","submitForm","$event","$data","nombre","placeholder","required","correo","mensaje","data","axios","post","response","alert","target","enviarSuscripcion","email","status","components","Nav","Slider","Informacion","SobreNosotros","ProductosRecomendados","Formulario","Instagram","Contactos","Footer","_component_navCategoria","_component_Enlaces","key","onClick","toggleSubmenu","activeSubmenu","_createCommentVNode","_toDisplayString","itemCount","computed","$store","state","carrito","length","NavCategoria","Enlaces","titulo","_renderList","productos","producto","imagen","abrirModalInfo","referencia","precio","decrementarCantidad","cantidad","incrementarCantidad","agregarAlCarrito","mostrarModalCarrito","mostrarModalInfo","productoSeleccionado","cerrarModalInfo","descripcion","seccion","commit","setTimeout","cerrarModalCarrito","eliminarDelCarrito","calcularTotal","comprar","total","forEach","parseFloat","replace","toFixed","mensajeCodificado","encodeURIComponent","numeroWhatsApp","url","open","routes","path","component","Home","TodasLasCategorias","Aretes","PulserasPlatino","PulserasAcero","PulserasHilo","AnillosOro","AnillosAcero","collaresYDijes","collaresParejas","collaresPerlasNaturales","collaresDijesCristales","collaresCuarzos","collaresDijesEnchapados","Conjuntos","charmsPulseraEuropeo","charmsPulserasSerpiente","charmsPerlasColores","tarjetasDedicatorias","llaverosResina","cajitasDeFormas","cajitasSencillas","joyeros","Carrito","router","createRouter","history","createWebHistory","beforeEach","from","next","title","store","createStore","mutations","push","index","findIndex","item","splice","createApp","App","use","createMetaManager","VueLazyLoad","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","fulfilled","j","Object","keys","every","r","d","definition","o","defineProperty","enumerable","get","g","globalThis","Function","e","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","value","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}