{"version":3,"file":"CoRx1jdv.js","sources":["../../../../pages/credor/casas-bahia.vue"],"sourcesContent":["<template>\n  <div class=\"partner-page casas-bahia-page\">\n    <PartnersBanner :creditor=\"creditor\" />\n    <PartnersHowItWorks :creditor=\"creditor\" />\n    <HomeOurChannels\n      iconsPath=\"partners/\"\n      mobilePath=\"/images/partners/casas-bahia/m-our-channel.png\"\n      desktopPath=\"/images/partners/casas-bahia/our-channel.png\"\n      :isPartner=\"true\"\n    />\n    <PartnersLoggedArea :imageFolder=\"'partners/' + creditor.alias\" />\n    <PartnersNeedHelp :creditor=\"creditor\" />\n    <HomeOurPartners :partnerName=\"creditor.name\" :isPartner=\"true\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\ndefinePageMeta({\n  layout: \"creditor\",\n});\n\nconst creditor = ref<CreditorProfile>({\n  name: \"Casas Bahia\",\n  alias: \"casas-bahia\",\n  id: 3,\n  chave: \"casas_bahia\",\n});\n</script>\n\n<style lang=\"scss\">\n@import \"@/styles/variables\";\n@import \"@/styles/partners/casasBahia\";\n\n.casas-bahia-header {\n  .content .creditor-logo {\n    max-width: 161px;\n    max-height: 17.121px;\n    width: 100%;\n    height: 100%;\n    margin-right: 17px;\n\n    @media screen and (min-width: 834px) and (max-width: 959px) {\n      max-width: 163.2px;\n      max-height: 17.3px;\n      margin-right: 28px;\n    }\n\n    @media screen and (min-width: 960px) {\n      max-width: 170px;\n      max-height: 18px;\n      margin-right: 30px;\n    }\n  }\n}\n\n.casas-bahia-page {\n  .text-chip {\n    background-color: $primaryColor !important;\n    color: $white !important;\n  }\n\n  .title {\n    color: $greyDark !important;\n    font-family: \"Open Sans\";\n    font-weight: 800;\n  }\n\n  .partner-banner-section {\n    background-image: url(@/assets/images/partners/casas-bahia/bg-banner.png);\n    background-position: 45% top;\n    border-bottom: 10px solid $secondaryColor;\n\n    .wrapper {\n      .banner-content {\n        .banner-text {\n          max-width: 300px;\n        }\n\n        .banner-button {\n          background-color: $secondaryColor;\n          margin: 0px auto 13px;\n\n          &:hover {\n            background-color: $buttonHover;\n          }\n        }\n      }\n\n      .image-component img {\n        margin-bottom: -10px;\n      }\n\n      @media screen and (min-width: 834px) and (max-width: 1199px) {\n        .banner-content {\n          .banner-text {\n            width: 330px;\n          }\n          .banner-button {\n            margin: 0px 0px 69px;\n          }\n        }\n      }\n\n      @media screen and (min-width: 960px) and (max-width: 1199px) {\n        padding: 0px 32.5px;\n\n        .image-component img {\n          width: 522px;\n        }\n      }\n\n      @media screen and (min-width: 834px) {\n        .banner-content {\n          .banner-text {\n            max-width: unset;\n          }\n        }\n      }\n\n      @media screen and (min-width: 1200px) {\n        .banner-content {\n          .banner-text {\n            width: 438px;\n            margin: 29px 0px 30px;\n          }\n\n          .banner-button {\n            margin: 0px 0px 132px;\n          }\n        }\n      }\n    }\n  }\n\n  .partner-how-works-section {\n    .steps {\n      .default-card .step-counter {\n        background-color: $tertiaryColor;\n      }\n    }\n  }\n\n  .our-channels-section.partner-page {\n    @media screen and (min-width: 1200px) {\n      padding: 68px 0px 65px;\n    }\n  }\n\n  .partner-logged-area {\n    @media screen and (min-width: 1200px) {\n      .content-box {\n        column-gap: 80px;\n      }\n    }\n  }\n\n  .need-help-section {\n    .the-faq-list {\n      .panels {\n        .panel {\n          .v-expansion-panel-title {\n            &:hover {\n              color: $primaryColor;\n            }\n\n            .mdi {\n              color: $primaryColor;\n            }\n          }\n\n          .v-expansion-panel-title--active {\n            color: $primaryColor;\n          }\n\n          &:hover {\n            border-color: $primaryColor;\n          }\n        }\n\n        .v-expansion-panel--active {\n          border-color: $primaryColor !important;\n        }\n      }\n    }\n\n    .talk-button {\n      background-color: $secondaryColor;\n      color: $white;\n\n      &:hover {\n        background-color: $buttonHover !important;\n      }\n    }\n  }\n\n  .our-partners-section.partner-page {\n    .content .content-sheet .creditors .creditor-block .creditor-logo:hover {\n      border-color: $primaryColor;\n      box-shadow: 0px 6px 15px $dropShadow !important;\n    }\n  }\n}\n</style>\n"],"names":["creditor","ref"],"mappings":"gXAqBA,MAAMA,EAAWC,EAAqB,CACpC,KAAM,cACN,MAAO,cACP,GAAI,EACJ,MAAO,aAAA,CACR"}