{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.array.reduce.js","webpack:///./src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue?0b09","webpack:///./node_modules/core-js/internals/engine-is-node.js","webpack:///./node_modules/core-js/internals/array-method-is-strict.js","webpack:///./node_modules/core-js/internals/array-reduce.js","webpack:///./src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue","webpack:///src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue","webpack:///./src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue?728e","webpack:///./src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue?665a"],"names":["$","$reduce","left","arrayMethodIsStrict","CHROME_VERSION","IS_NODE","CHROME_BUG","FORCED","target","proto","forced","reduce","callbackfn","length","arguments","this","undefined","global","classof","module","exports","process","fails","METHOD_NAME","argument","method","call","aCallable","toObject","IndexedObject","lengthOfArrayLike","$TypeError","TypeError","createMethod","IS_RIGHT","that","argumentsLength","memo","O","self","index","i","right","render","_vm$infoCurso$categor","_vm$infoCurso$preview","_vm","_c","_self","staticClass","infoCurso","staticStyle","attrs","_v","_s","titulo","descripcion","categoriaCurso","scopedSlots","_u","key","fn","privacidad","proxy","class","_f","ultimaActualizacion","responsable","nombres","apellidos","previewImagenUrl","listaClases","totalHoras","clase","parseInt","duracion","certificadoFinalizacion","_e","id","_l","staticRenderFns","name","data","responsableId","clases","categoriaCursoId","urlClaseVideo","crusoAcademiaId","ultimaAcatualizacion","cursoAcademia","$isLoading","getListClasesCursoAcademia","$route","params","methods","cursoId","res","$store","dispatch","path","success","error","filters","formatLastUpdateDate","fechaOriginal","moment_timezone","tz","format","component"],"mappings":"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","file":"js/chunk-9f5eba5c.dfae8475.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar $reduce = require('../internals/array-reduce').left;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar CHROME_VERSION = require('../internals/engine-v8-version');\nvar IS_NODE = require('../internals/engine-is-node');\n\n// Chrome 80-82 has a critical bug\n// https://bugs.chromium.org/p/chromium/issues/detail?id=1049982\nvar CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;\nvar FORCED = CHROME_BUG || !arrayMethodIsStrict('reduce');\n\n// `Array.prototype.reduce` method\n// https://tc39.es/ecma262/#sec-array.prototype.reduce\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  reduce: function reduce(callbackfn /* , initialValue */) {\n    var length = arguments.length;\n    return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);\n  }\n});\n","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InfoCurso.vue?vue&type=style&index=0&id=49115e99&prod&scoped=true&lang=css\"","'use strict';\nvar global = require('../internals/global');\nvar classof = require('../internals/classof-raw');\n\nmodule.exports = classof(global.process) === 'process';\n","'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = function (METHOD_NAME, argument) {\n  var method = [][METHOD_NAME];\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call -- required for testing\n    method.call(null, argument || function () { return 1; }, 1);\n  });\n};\n","'use strict';\nvar aCallable = require('../internals/a-callable');\nvar toObject = require('../internals/to-object');\nvar IndexedObject = require('../internals/indexed-object');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\n\nvar $TypeError = TypeError;\n\n// `Array.prototype.{ reduce, reduceRight }` methods implementation\nvar createMethod = function (IS_RIGHT) {\n  return function (that, callbackfn, argumentsLength, memo) {\n    var O = toObject(that);\n    var self = IndexedObject(O);\n    var length = lengthOfArrayLike(O);\n    aCallable(callbackfn);\n    var index = IS_RIGHT ? length - 1 : 0;\n    var i = IS_RIGHT ? -1 : 1;\n    if (argumentsLength < 2) while (true) {\n      if (index in self) {\n        memo = self[index];\n        index += i;\n        break;\n      }\n      index += i;\n      if (IS_RIGHT ? index < 0 : length <= index) {\n        throw new $TypeError('Reduce of empty array with no initial value');\n      }\n    }\n    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {\n      memo = callbackfn(memo, self[index], index, O);\n    }\n    return memo;\n  };\n};\n\nmodule.exports = {\n  // `Array.prototype.reduce` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduce\n  left: createMethod(false),\n  // `Array.prototype.reduceRight` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduceright\n  right: createMethod(true)\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',[_c('div',{staticClass:\"custom-container\"},[(_vm.infoCurso !== null)?_c('div',{staticClass:\"banner-info position-relative rounded\"},[_c('div',{staticClass:\"p-3 d-flex flex-column content-banner\",staticStyle:{\"width\":\"60%\",\"gap\":\"10px\"}},[_c('div',[_c('vs-button',{staticClass:\"m-0\",attrs:{\"size\":\"large\",\"transparent\":\"\",\"to\":\"/helex/Ayuda/Academia/\"}},[_c('i',{staticClass:\"fas fa-chevron-left mr-1\"}),_vm._v(\" Volver a cursos \")])],1),_c('h1',{staticClass:\"font-weight-bold text-capitalize\"},[_vm._v(\" \"+_vm._s(_vm.infoCurso.titulo)+\" \")]),_c('p',{staticClass:\"h4 text-white-50\",staticStyle:{\"line-height\":\"1.5\"}},[_vm._v(\" \"+_vm._s(_vm.infoCurso.descripcion)+\" \")]),_c('div',[_c('div',{staticClass:\"d-flex my-2\"},[_c('span',{staticClass:\"custom-punto d-flex align-items-center text-success font-weight-bold\"},[_vm._v(_vm._s(_vm.infoCurso.categoriaCurso?.descripcion))]),_c('vs-tooltip',{scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(_vm._s(_vm.infoCurso.privacidad === 1 ? \"Curso público\" : \"Curso privado\"))]},proxy:true}],null,false,242321461)},[_c('i',{class:`fas fa-${\n                  _vm.infoCurso.privacidad === 1 ? 'earth-americas' : 'lock'\n                }`})])],1),_c('div',{staticClass:\"d-flex flex-wrap\"},[_c('span',{staticClass:\"custom-punto d-flex align-items-center\"},[_c('i',{staticClass:\"fas fa-circle-check mr-1\"}),_vm._v(\" Última actualización: \"),_c('span',{staticClass:\"text-info ml-1\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatLastUpdateDate\")(_vm.infoCurso.ultimaActualizacion)))])]),_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\"Por \"+_vm._s(_vm.infoCurso.responsable.nombres)+\" \"+_vm._s(_vm.infoCurso.responsable.apellidos))])])])]),_c('div',{staticClass:\"position-absolute custom-card\",staticStyle:{\"top\":\"20%\",\"right\":\"5%\",\"z-index\":\"2\"}},[_c('b-card',{staticClass:\"mb-2\",staticStyle:{\"max-width\":\"25rem\"},attrs:{\"title\":\"Este curso incluye:\",\"img-src\":_vm.infoCurso.previewImagenUrl ?? '/img/image_cursos_alt.png',\"img-alt\":_vm.infoCurso.titulo,\"img-top\":\"\",\"tag\":\"article\",\"bg-variant\":\"dark\"}},[_c('b-card-text',[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"gap\":\"10px\"}},[_c('div',{staticClass:\"border rounded-circle d-flex align-items-center justify-content-center\",staticStyle:{\"width\":\"40px\",\"height\":\"40px\"}},[_c('i',{staticClass:\"fas fa-clock\"})]),_c('span',[_vm._v(_vm._s(_vm.listaClases.reduce( (totalHoras, clase) => totalHoras + parseInt(clase.duracion), 0 ))+\" horas de vídeo bajo demanda\")])]),(_vm.infoCurso.certificadoFinalizacion === 1)?_c('div',{staticClass:\"d-flex align-items-center mt-2\",staticStyle:{\"gap\":\"10px\"}},[_c('div',{staticClass:\"border rounded-circle d-flex align-items-center justify-content-center\",staticStyle:{\"width\":\"40px\",\"height\":\"40px\"}},[_c('i',{staticClass:\"fas fa-trophy\"})]),_c('span',[_vm._v(\"Certificado de finalización\")])]):_vm._e()]),_c('vs-button',{attrs:{\"to\":`/helex/Ayuda/Academia/AcademiaVideos/${_vm.infoCurso.id}`,\"animation-type\":\"vertical\",\"block\":\"\",\"danger\":\"\",\"gradient\":\"\",\"size\":\"large\"},scopedSlots:_vm._u([{key:\"animate\",fn:function(){return [_c('i',{staticClass:\"fas fa-play mr-2\"})]},proxy:true}],null,false,658471270)},[_vm._v(\" Iniciar ahora \")])],1)],1)]):_vm._e(),(_vm.listaClases.length > 0)?_c('div',{staticClass:\"p-3 content-curso\",staticStyle:{\"width\":\"60%\"}},[_c('h3',[_vm._v(\"Contenido del curso\")]),_c('div',{staticClass:\"d-flex my-2\"},[_c('span',{staticClass:\"custom-punto d-flex align-items-center\"},[_vm._v(\" \"+_vm._s(_vm.listaClases.length)+\" \"+_vm._s(_vm.listaClases.length > 1 ? \"clases\" : \"clase\")+\" \")]),_c('span',[_vm._v(_vm._s(_vm.listaClases.reduce( (totalHoras, clase) => totalHoras + parseInt(clase.duracion), 0 ))+\"h duración total\")])]),_c('div',{staticClass:\"content-list-class\"},[_c('b-list-group',{staticClass:\"mt-2 custom-content list-clases\"},_vm._l((_vm.listaClases),function(clase){return _c('b-list-group-item',{key:clase.id,staticClass:\"d-flex align-items-center justify-content-between item-list rounded py-4 border-0\",staticStyle:{\"background\":\"#0f213f\"}},[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"width\":\"90%\"}},[_c('i',{staticClass:\"fas fa-circle-play mr-2\",staticStyle:{\"font-size\":\"2rem\"}}),_c('div',[_c('h4',{staticClass:\"custom-text-truncate-title h4 m-0 text-capitalize font-weight-bold\",staticStyle:{\"max-width\":\"100%\"}},[_vm._v(\" \"+_vm._s(clase.titulo)+\" \")]),_c('p',{staticClass:\"custom-text-truncate-title m-0 text-white-50\"},[_vm._v(\" \"+_vm._s(clase.descripcion)+\" \")])])]),_c('span',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\" \"+_vm._s(clase.duracion)+\"h \")])])}),1)],1)]):_c('div',{staticClass:\"d-flex justify-content-center align-items-center font-italic h3\"},[_c('i',{staticClass:\"fas fa-spinner fa-spin mr-1\"}),_vm._v(\" Cargando datos... \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card>\r\n    <div class=\"custom-container\">\r\n      <div\r\n        v-if=\"infoCurso !== null\"\r\n        class=\"banner-info position-relative rounded\"\r\n      >\r\n        <div\r\n          class=\"p-3 d-flex flex-column content-banner\"\r\n          style=\"width: 60%; gap: 10px\"\r\n        >\r\n          <div>\r\n            <vs-button\r\n              size=\"large\"\r\n              transparent\r\n              class=\"m-0\"\r\n              to=\"/helex/Ayuda/Academia/\"\r\n            >\r\n              <i class=\"fas fa-chevron-left mr-1\"></i> Volver a cursos\r\n            </vs-button>\r\n          </div>\r\n          <h1 class=\"font-weight-bold text-capitalize\">\r\n            {{ infoCurso.titulo }}\r\n          </h1>\r\n          <p class=\"h4 text-white-50\" style=\"line-height: 1.5\">\r\n            {{ infoCurso.descripcion }}\r\n          </p>\r\n          <div>\r\n            <!-- <div class=\"d-flex align-items-center flex-wrap\">\r\n              <b-form-rating\r\n                id=\"rating-inline\"\r\n                variant=\"warning\"\r\n                readonly\r\n                inline\r\n                show-value\r\n                no-border\r\n                value=\"4.9\"\r\n                class=\"bg-transparent p-0\"\r\n                style=\"font-size: 1rem\"\r\n              ></b-form-rating>\r\n              <span\r\n                class=\"custom-punto d-flex align-items-center\"\r\n                style=\"font-size: 1rem\"\r\n                >(120 calificaciones)</span\r\n              >\r\n              <vs-tooltip>\r\n                <i\r\n                  :class=\"`fas fa-${\r\n                    infoCurso.privacidad === 1 ? 'earth-americas' : 'lock'\r\n                  }`\"\r\n                ></i>\r\n                <template #tooltip>{{\r\n                  infoCurso.privacidad === 1 ? \"Curso público\" : \"Curso privado\"\r\n                }}</template>\r\n              </vs-tooltip>\r\n            </div> -->\r\n            <div class=\"d-flex my-2\">\r\n              <span\r\n                class=\"custom-punto d-flex align-items-center text-success font-weight-bold\"\r\n                >{{ infoCurso.categoriaCurso?.descripcion }}</span\r\n              >\r\n              <vs-tooltip>\r\n                <i\r\n                  :class=\"`fas fa-${\r\n                    infoCurso.privacidad === 1 ? 'earth-americas' : 'lock'\r\n                  }`\"\r\n                ></i>\r\n                <template #tooltip>{{\r\n                  infoCurso.privacidad === 1 ? \"Curso público\" : \"Curso privado\"\r\n                }}</template>\r\n              </vs-tooltip>\r\n            </div>\r\n            <div class=\"d-flex flex-wrap\">\r\n              <span class=\"custom-punto d-flex align-items-center\">\r\n                <i class=\"fas fa-circle-check mr-1\"></i> Última actualización:\r\n                <span class=\"text-info ml-1\">\r\n                  {{\r\n                    infoCurso.ultimaActualizacion | formatLastUpdateDate\r\n                  }}</span\r\n                >\r\n              </span>\r\n              <span class=\"text-capitalize\"\r\n                >Por {{ infoCurso.responsable.nombres }}\r\n                {{ infoCurso.responsable.apellidos }}</span\r\n              >\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"position-absolute custom-card\"\r\n          style=\"top: 20%; right: 5%; z-index: 2\"\r\n        >\r\n          <b-card\r\n            title=\"Este curso incluye:\"\r\n            :img-src=\"infoCurso.previewImagenUrl ?? '/img/image_cursos_alt.png'\"\r\n            :img-alt=\"infoCurso.titulo\"\r\n            img-top\r\n            tag=\"article\"\r\n            style=\"max-width: 25rem\"\r\n            class=\"mb-2\"\r\n            bg-variant=\"dark\"\r\n          >\r\n            <b-card-text>\r\n              <div class=\"d-flex align-items-center\" style=\"gap: 10px\">\r\n                <div\r\n                  style=\"width: 40px; height: 40px\"\r\n                  class=\"border rounded-circle d-flex align-items-center justify-content-center\"\r\n                >\r\n                  <i class=\"fas fa-clock\"></i>\r\n                </div>\r\n                <span\r\n                  >{{\r\n                    listaClases.reduce(\r\n                      (totalHoras, clase) =>\r\n                        totalHoras + parseInt(clase.duracion),\r\n                      0\r\n                    )\r\n                  }}\r\n                  horas de vídeo bajo demanda</span\r\n                >\r\n              </div>\r\n              <div\r\n                v-if=\"infoCurso.certificadoFinalizacion === 1\"\r\n                class=\"d-flex align-items-center mt-2\"\r\n                style=\"gap: 10px\"\r\n              >\r\n                <div\r\n                  style=\"width: 40px; height: 40px\"\r\n                  class=\"border rounded-circle d-flex align-items-center justify-content-center\"\r\n                >\r\n                  <i class=\"fas fa-trophy\"></i>\r\n                </div>\r\n                <span>Certificado de finalización</span>\r\n              </div>\r\n            </b-card-text>\r\n            <vs-button\r\n              :to=\"`/helex/Ayuda/Academia/AcademiaVideos/${infoCurso.id}`\"\r\n              animation-type=\"vertical\"\r\n              block\r\n              danger\r\n              gradient\r\n              size=\"large\"\r\n            >\r\n              Iniciar ahora\r\n              <template #animate> <i class=\"fas fa-play mr-2\"></i></template>\r\n            </vs-button>\r\n          </b-card>\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"listaClases.length > 0\"\r\n        class=\"p-3 content-curso\"\r\n        style=\"width: 60%\"\r\n      >\r\n        <h3>Contenido del curso</h3>\r\n        <div class=\"d-flex my-2\">\r\n          <span class=\"custom-punto d-flex align-items-center\">\r\n            {{ listaClases.length }}\r\n            {{ listaClases.length > 1 ? \"clases\" : \"clase\" }}\r\n          </span>\r\n          <span\r\n            >{{\r\n              listaClases.reduce(\r\n                (totalHoras, clase) => totalHoras + parseInt(clase.duracion),\r\n                0\r\n              )\r\n            }}h duración total</span\r\n          >\r\n        </div>\r\n        <div class=\"content-list-class\">\r\n          <b-list-group class=\"mt-2 custom-content list-clases\">\r\n            <b-list-group-item\r\n              v-for=\"clase in listaClases\"\r\n              :key=\"clase.id\"\r\n              class=\"d-flex align-items-center justify-content-between item-list rounded py-4 border-0\"\r\n              style=\"background: #0f213f\"\r\n            >\r\n              <div class=\"d-flex align-items-center\" style=\"width: 90%\">\r\n                <i class=\"fas fa-circle-play mr-2\" style=\"font-size: 2rem\"></i>\r\n                <div>\r\n                  <h4\r\n                    class=\"custom-text-truncate-title h4 m-0 text-capitalize font-weight-bold\"\r\n                    style=\"max-width: 100%\"\r\n                  >\r\n                    {{ clase.titulo }}\r\n                  </h4>\r\n                  <p class=\"custom-text-truncate-title m-0 text-white-50\">\r\n                    {{ clase.descripcion }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n              <span class=\"font-weight-bold text-white-50\">\r\n                {{ clase.duracion }}h\r\n              </span>\r\n            </b-list-group-item>\r\n          </b-list-group>\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-else\r\n        class=\"d-flex justify-content-center align-items-center font-italic h3\"\r\n      >\r\n        <i class=\"fas fa-spinner fa-spin mr-1\"></i>\r\n        Cargando datos...\r\n      </div>\r\n    </div>\r\n  </b-card>\r\n</template>\r\n\r\n<script>\r\nimport moment_timezone from \"moment-timezone\";\r\n\r\nexport default {\r\n  name: \"infoCurso\",\r\n  data() {\r\n    return {\r\n      infoCurso: {\r\n        id: null,\r\n        titulo: \"\",\r\n        descripcion: \"\",\r\n        previewImagenUrl: null,\r\n        privacidad: null,\r\n        responsableId: null,\r\n        responsable: {},\r\n        certificadoFinalizacion: null,\r\n        categoriaCurso: {},\r\n        clases: [],\r\n        categoriaCursoId: null,\r\n        ultimaActualizacion: null,\r\n      },\r\n      listaClases: [\r\n        {\r\n          id: null,\r\n          titulo: \"\",\r\n          descripcion: \"\",\r\n          duracion: \"\",\r\n          urlClaseVideo: \"\",\r\n          crusoAcademiaId: null,\r\n          ultimaAcatualizacion: \"\",\r\n          responsableId: null,\r\n          responsable: {},\r\n          cursoAcademia: {},\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    this.infoCurso = null;\r\n    this.listaClases = [];\r\n    await this.getListClasesCursoAcademia(this.$route.params.id);\r\n    this.$isLoading(false);\r\n  },\r\n  methods: {\r\n    async getListClasesCursoAcademia(cursoId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: `ClasesCursosAcademia/All/${cursoId}`,\r\n        });\r\n        console.log(\"list clases cursoAcademia...\", res);\r\n        if (res.success) {\r\n          this.infoCurso = res.data[0].cursoAcademia;\r\n          this.listaClases = res.data;\r\n        }\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n  },\r\n  filters: {\r\n    formatLastUpdateDate(fechaOriginal) {\r\n      return moment_timezone\r\n        .tz(fechaOriginal, \"America/Bogota\")\r\n        .format(\"MMM D, YYYY\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.custom-content {\r\n  max-height: 400px;\r\n  overflow: auto;\r\n}\r\n\r\n.content-list-class {\r\n  position: relative;\r\n  max-height: 400px;\r\n  overflow: hidden;\r\n}\r\n.list-clases {\r\n  max-height: 400px;\r\n  overflow-y: scroll;\r\n  gap: 0.5rem;\r\n  padding-bottom: 200px;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n.content-list-class::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100px; /* Altura del área de desvanecimiento */\r\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(16, 36, 68));\r\n  pointer-events: none; /* Evita que el degradado interfiera con la interacción del usuario */\r\n}\r\n\r\n@keyframes show {\r\n  from {\r\n    opacity: 0;\r\n    scale: 25%;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    scale: 100%;\r\n  }\r\n}\r\n\r\n.item-list {\r\n  view-timeline-name: --clase;\r\n  view-timeline-axis: block;\r\n\r\n  animation-timeline: --clase;\r\n  animation-name: show;\r\n  animation-range: entry 25% cover 50%;\r\n  animation-fill-mode: both;\r\n}\r\n\r\n.custom-content::-webkit-scrollbar-thumb {\r\n  background: rgba(250, 250, 250, 0.1);\r\n}\r\n.banner-info {\r\n  background-image: url(/img/blob-scene-haikei-l.svg);\r\n  background-size: cover;\r\n  background-position: center;\r\n}\r\n.dark .banner-info {\r\n  background-image: url(/img/blob-scene-haikei.svg);\r\n  background-size: cover;\r\n  background-position: center;\r\n}\r\n\r\n\r\n@media (max-width: 1200px) {\r\n  .custom-card {\r\n    position: static !important;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n  .content-banner,\r\n  .content-curso {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n.custom-text-truncate-p {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 5;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: normal;\r\n}\r\n\r\n.custom-text-truncate-title {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: normal;\r\n}\r\n</style>\r\n","import mod 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/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InfoCurso.vue?vue&type=script&lang=js\"; export default mod; 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/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InfoCurso.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./InfoCurso.vue?vue&type=template&id=49115e99&scoped=true\"\nimport script from \"./InfoCurso.vue?vue&type=script&lang=js\"\nexport * from \"./InfoCurso.vue?vue&type=script&lang=js\"\nimport style0 from \"./InfoCurso.vue?vue&type=style&index=0&id=49115e99&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"49115e99\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}