{"version":3,"sources":["webpack:///./src/blog-lp/sections/Plans.vue?0892","webpack:///./src/assets/icons/check.svg","webpack:///./src/blog-lp/sections/Plans.vue?5cc4","webpack:///./src/blog-lp/sections/Plans.vue?e356","webpack:///./src/blog-lp/sections/Plans.vue?58c6","webpack:///./src/blog-lp/sections/Plans.vue"],"names":["plans","price","first_button_text","second_button_text","ul"],"mappings":";;;;;;;;;AAAA,uC;;;;;;;;;;;ACAA,iBAAiB,qBAAuB,4B;;;;;;;;;;;;ACAxC;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAmE;AACL;;AAEc;;AAE0D;AACtI,iCAAiC,+IAAe,CAAC,qFAAM;;AAExC,0E;;;;;;;;;;;;ACRf;AAAA;AAAA;AAAA;AAAA,wCAA4gB,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC4Bxd;;;;;;;;;;IAShD,MAAMA,KAAK,GAAG,CACV;MACIC,KAAK,EAAE,CAAC;MACRC,iBAAiB,EAAE,aAAa;MAChCC,kBAAkB,EAAE,UAAU;MAC9BC,EAAE,EAAE,CACA,qCAAqC,EACrC,oDAAoD,EACpD,yDAAyD,EACzD,uCAAuC;IAE/C,CAAC,CACJ","file":"js/chunk-1d48436e.5c1eea26.js","sourcesContent":["// extracted by mini-css-extract-plugin","module.exports = __webpack_public_path__ + \"img/check.88b19559.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Plans.vue?vue&type=style&index=0&id=3dcc0f84&scoped=true&lang=css\"","import script from \"./Plans.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Plans.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Plans.vue?vue&type=style&index=0&id=3dcc0f84&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1250588209/src/flip-child-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3dcc0f84\"]])\n\nexport default __exports__","export { default } from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Plans.vue?vue&type=script&setup=true&lang=js\"; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Plans.vue?vue&type=script&setup=true&lang=js\"","<template>\n    <section class=\"plans\">\n        <div class=\"plans-content max-width\">\n            <div class=\"plans-inner\">\n                <h6>E tudo isso sem pagar nada.</h6>\n                <p>\n                    Cadastre-se agora e tenha tudo o que precisa para começar a vender e lucrar!\n                </p>\n            </div>\n            <div class=\"plans-cards\">\n                <div v-for=\"( plan, index ) in plans\" :key=\"index\" \n                class=\"plan-card\">\n                    <p>R${{ plan.price }}</p>\n                    <a v-text=\"plan.first_button_text\"></a>\n                    <ul>\n                        <li v-for=\"( item, indexItem ) in plan.ul\" :key=\"indexItem\">\n                            <img :src=\"checkSvg\">\n                            <p>{{ item }}</p>\n                        </li>\n                    </ul>\n                    <a @click=\"goToForm\" class=\"button-go-to-form\" v-text=\"plan.second_button_text\" />\n                </div>\n            </div>\n        </div>\n    </section>\n</template>\n<script setup>\n    import { defineProps } from 'vue';\n    import checkSvg from '@/assets/icons/check.svg';\n\n    defineProps({\n        goToForm: {\n            type: Function,\n            required: true\n        }\n    })\n\n    const plans = [\n        {\n            price: 0,\n            first_button_text: '100% grátis',\n            second_button_text: 'Eu quero',\n            ul: [\n                'Todas as funcionalidades liberadas.',\n                'Tenha seus links e cupons reunidos no mesmo lugar.',\n                'Acompanhe seus resultados e resgate a qualquer momento.',\n                'Acesso aos nossos cursos e materiais.'\n            ]\n        }\n    ]\n</script>\n<style scoped>\n    .plans {\n        margin-top: 0px;\n        background-color: var(--flip-color-primary);\n        position: relative;\n    }\n\n    .plans-content {\n        padding: 38px 20px;\n        position: relative;\n        margin: 0 auto;\n    }\n\n    .plans-inner {\n        margin: 0 auto;\n    }\n\n    .plans-inner h6 {\n        font-size: max(31px, min(5vw, 43px));\n        margin-bottom: 30px;\n        line-height: 1.1;\n        text-align: left;\n        font-weight: 700;\n    }\n\n    .plans-inner > p {\n        font-size: max(15px, min(5vw, 24px));\n        font-weight: 300;\n    }\n\n    .plans-inner h6, .plans-inner > p {\n        text-align: center;\n        color: #fff;\n    }\n\n    .plans-inner a {\n        height: 60px;\n        font-weight: 700;\n        display: flex;\n        justify-content: center;\n        padding-left: 0px;\n        max-width: 391px;\n        margin: 30px auto 0px auto;\n        font-size: max(12px, min(5vw, 17px));\n        text-transform: uppercase;\n        color: #fff;\n        background-color: var(--flip-color-primary);\n    }\n\n    .plans-cards {\n        margin: 25px auto 0px auto;\n        position: relative;\n        max-width: 339px;\n        border-radius: 16px;\n    }\n\n    .plan-card {\n        background-color: #F9F9F9;\n        border-radius: 20px;\n        padding: 1.5rem 1.5rem 2.2rem 1.5rem;\n    }\n\n    .plan-card > p {\n        font-size: max(56px, min(5vw, 47px));\n        font-weight: 800;\n        color: var(--flip-color-primary);\n        text-align: center;\n    }\n\n    .plan-card ul {\n        display: grid;\n        align-items: center;\n        margin: 40px 0px 30px 0px;\n        gap: 20px;\n    }\n\n    .plan-card ul li {\n        display: flex;\n        align-items: center;\n    }\n\n    .plan-card ul li p {\n        padding-left: 15px;\n        font-weight: 600;\n        color: #000;\n        font-size: 12px;\n    }\n\n    .plan-card a {\n        background-color: #1E1735;\n        color: #fff;\n        font-weight: 600;\n        display: flex;\n        justify-content: center;\n        padding-left: 0px;\n        height: 44px;\n        border-radius: 8px;\n        text-transform: uppercase;\n        margin: 16px 10px 40px 10px;\n    }\n\n    .plan-card a:last-child {\n        background-color: var(--flip-color-primary);\n        font-weight: 700;\n        border-radius: 40px;\n        height: 46px;\n        padding: 0px;\n        margin: 0px;\n    }\n\n    @media (min-width: 599.99px) {\n      .plans-content {\n        display: flex;\n        gap: 20px;\n      }\n     \n      .plans-inner h6, .plans-inner > p {\n        text-align: left;\n      }\n\n      .plans-cards {\n        margin-top: 3rem;\n      }\n    }\n\n    @media (min-width: 768px) {\n        .plans-inner {\n            max-width: 400px\n        }\n    }\n\n    /* Estilos para o modo landscape */\n    @media (max-width: 767px) and (orientation: landscape) {\n        .plans-cards {\n            margin-top: 0px;\n        }\n\n        .plans-content > div {\n            width: calc(100% / 2);\n        }\n    }\n\n    @media ( min-width: 1080px ) {\n        .plans {\n            margin-top: 140px;\n        }\n\n        .plans-inner {\n            margin-left: 0px !important;\n            max-width: 503px;\n        }\n\n        .plans-inner h6 {\n            margin-top: 0px;\n        }\n\n        .plans-inner a {\n            width: 202px;\n            border-radius: 20px;\n            float: left;\n            height: 40px;\n        }\n\n        .plans-content {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n        }\n\n        .plans-cards {\n            position: absolute;\n            top: 47%;\n            right: 12vw;\n            border: 1px solid #667082;\n            transform: translate(0, -52%);\n            box-shadow: 0 5px 10px rgba(220, 220, 220, 0.5);\n        }\n\n        .plan-card {\n            padding: 1.5rem 2rem;\n        }\n    }\n</style>"],"sourceRoot":""}