{"version":3,"file":"BZgDZpuz.js","sources":["../../../../pages/credor/pontofrio.vue"],"sourcesContent":["<template>\n  <div class=\"partner-page pontofrio-page\">\n    <PartnersBanner :creditor=\"creditor\" />\n    <PartnersHowItWorks :creditor=\"creditor\" />\n    <HomeOurChannels\n      iconsPath=\"partners/\"\n      mobilePath=\"/images/partners/pontofrio/m-our-channel.png\"\n      desktopPath=\"/images/partners/pontofrio/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: \"Ponto Frio\",\n  alias: \"pontofrio\",\n  id: 2,\n  chave: \"pontofrio\",\n});\n</script>\n\n<style lang=\"scss\">\n@import \"@/styles/variables\";\n@import \"@/styles/partners/pontofrio\";\n\n.pontofrio-header {\n  .content .creditor-logo {\n    max-width: 200px;\n    max-height: 25.6px;\n    width: 100%;\n    height: 100%;\n    margin-right: 17px;\n\n    @media screen and (min-width: 834px) {\n      max-width: 200px;\n      max-height: 26.4px;\n    }\n\n    @media screen and (min-width: 834px) and (max-width: 959px) {\n      margin-right: 28px;\n    }\n\n    @media screen and (min-width: 960px) {\n      margin-right: 30px;\n    }\n  }\n}\n\n.pontofrio-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/pontofrio/bg-banner.png);\n    background-position: 45% top;\n    border-bottom: 10px solid $secondaryColor;\n\n    .wrapper {\n      .banner-content {\n        .banner-button {\n          background-color: $secondaryColor;\n          margin: 0px auto 36px;\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            margin: 10px 0px 24px;\n          }\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: 1200px) {\n        .banner-content {\n          .banner-text {\n            margin: 28px 0px 20px;\n            max-width: 438px;\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":"4WAqBA,MAAMA,EAAWC,EAAqB,CACpC,KAAM,aACN,MAAO,YACP,GAAI,EACJ,MAAO,WAAA,CACR"}