@import url('https://app.patoacademy.club/proxy/static/vendor.css');
@import url('https://app.patoacademy.club/proxy/static/client.css');

:root {
    color-scheme: dark;
  }
/* Font Poppins */
@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Regular.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: italic;
    font-weight: 400;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Italic.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 250;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Thin.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: italic;
    font-weight: 250;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-ThinItalic.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 275;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraLight.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: italic;
    font-weight: 275;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraLightItalic.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 300;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Light.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: italic;
    font-weight: 300;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-LightItalic.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 500;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Medium.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: italic;
    font-weight: 500;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-MediumItalic.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 600;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-SemiBold.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: italic;
    font-weight: 600;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-SemiBoldItalic.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 700;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Bold.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: italic;
    font-weight: 700;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-BoldItalic.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 800;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraBold.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: italic;
    font-weight: 800;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraBoldItalic.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 900;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Black.woff) format('woff')
}

@font-face {
    font-family: poppins;
    font-style: italic;
    font-weight: 900;
    src: local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-BlackItalic.woff) format('woff')
}



@media (prefers-color-scheme: dark) {
    body {
        font-weight: 350;
    }
}

.-error {
    display: none !important;
}

::-webkit-scrollbar {
    width: 0px !important;
  }

body {
    overflow-x: hidden !important; 
    background: #09090b !important;
    color-scheme: dark !important;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: "Poppins" !important;

}

.home-view > .campaign-shelves:nth-of-type(2), .-award { 
    display: none !important;
}

.loading-screen > span, .loading-screen > h1, .loading-screen > h4 { 
    display: none !important; 
}

div.app > svg { 
    height: 35% !important; 
}
.notice-modal {
    display: none !important;
}

.c-spinner-circle { 
    stroke: #b8b8b8 !important;
}
.login-page {
    display: none !important
}

p,td,li,dd,span,strong,label,small,select,option,div {
    font-family: "Poppins" !important;
}

.c-button>.c-icon {
    fill: #cacaca !important;
}

.message, .title, .description {
    color: #CECECE !important;
    font-family: 'Poppins' !important;
}

div.common-quantity-message>p.message {
    color: #9D9D9D !important;
    margin: 0 0 2px 7px !important;
}

h1.title > span {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 150% !important;
}

h4.title {
    font-size: 16px !important;
    font-family: "Poppins";
}

input {
    font-family: "Poppins" !important;
}

.character, .c-character {
    display: none !important;
}

.category-menu {
    background: #09090b !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-sizing: border-box !important;
    /* Auto layout */
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 6px !important;
}

.category-menu > a {
    margin: 0px 0.5% !important;
}

.category-menu > a:hover, .category-menu >a.-active {
    background-color: #59595914 !important;
}

.icon {
    color: #f5f5f5c2 !important;
}

.category-menu > a > .name {
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: #f5f5f5eb !important;
}

footer {
    opacity: 0 !important;
    height: 1px !important;
    max-height: 1px !important;
}

.footer-links { 
    display: none !important;
}

.cashback-gtm, .banner {
    display: none !important;
}

.home-view>.separator {
    display: none !important;
}

.c-title:after {
    display: none !important;
    height: 0 !important;
    width: 0 !important
}

.content, body, footer, .logged {
    background: #09090b !important;
}

.banner-details.-result>.card:hover {
    -webkit-box-shadow: 0 0 21px 0 rgb(109 109 109 / 36%) !important;
    box-shadow: 0 0 21px 0 rgb(109 109 109 / 36%) !important;
}

:root {
    color-scheme: dark !important;
    --color-primary: #302F37 !important;
    --color-secondary: #b7bbc8 !important;
    --color-tertiary: #62BFEF !important;
    --color-primary-9: #5d6274e6 !important;
    --color-secondary-9: #B7BBC8E6 !important;
    --color-tertiary-9: #53acda !important;
    --color-primary-8: #565F7DCC !important;
    --color-secondary-8: #B7BBC8CC !important;
    --color-tertiary-8: #5f9ab8 !important;
    --color-primary-5: #565F7D80 !important;
    --color-secondary-5: #B7BBC880 !important;
    --color-tertiary-5: #62bfef99 !important;
    --signIn-background: #f8f9fd !important;
    --signIn-mainButton: #727580 !important;
    --signIn-mainButtonText: #fff !important;
    --signIn-mainText: #565F7D80 !important;
    --signIn-divisors: #565F7D1A !important;
    --signIn-or: #565F7DCC !important;
    --signIn-secondaryButton: #565f7d !important;
    --signIn-forgotPassword: #565f7d !important;
    --signIn-negativeFeedback: #ee525 !important;
}

@media only screen and (min-width: 769px) {
    .campaign-shelves, .search-results {
        max-width:1320px !important;
    }
}

.partner-card {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.c-button>.text {
    font-family: "Poppins" !important;
    font-style: normal !important;
    font-weight: 40;
    font-size: 13px;
    color: #d8d8d8e6;
}

.c-button:hover, .c-button {
    border-color: rgb(255 255 255 / 13%) !important;
    border: 1px solid rgb(255 255 255 / 13%) !important;
    border-radius: 99px !important;
    height: 38px !important;
}

.banner-list {
    display: none !important;
}

.layout-navbar {
    display: none !important;
}

.campaign-tag {
    font-family: "Poppins" !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 150% !important;
}

.card > img.image {
    background-repeat: no-repeat !important;
    background-color: white !important;
    background-position: center center !important;
    background-size: 40% !important;
    clip-path: circle(30% at 50% 50%) !important;
}

.tag, .tag > svg {
    height: 24px !important;
}

.campaign-tag>.tag,.campaign-tag>.-bottom>.tag,.campaign-tag>.cashback>.tag,.campaign-tag>.exclusive>.tag {
    padding: 2px 5px !important;
    color: #F5F5F5 !important;
    font-size: 12px !important;
}

.campaign-card.-square>.card>.tag:not(.-bottom) {
    left: 125px !important;
}

.campaign-card.-square>.card {
    background: #131316 !important;
    width: 250px !important;
    height: 250px !important;
}

.campaign-card>.card>.image {
    max-width: 158px !important;
    max-height: 80px !important;
    margin: 29px 46px !important;
    padding: 40px 50px !important;
    background-clip: border-box !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
}

.card {
    background-color: #131316 !important;
}

.campaign-card.-square {
    background-color: #131316 !important;
}

.cashback-gtm {
    display: none !important
}

.top-menu-spaceholder {
    height: 100px !important;
}


.top-menu-spaceholder, .banner-details, .title > icon {
    /* display: none !important; */
}

.campaign-tag>.-bottom>.tag.-cashback, .campaign-tag>.cashback>.tag.-cashback, .campaign-tag>.exclusive>.tag.-cashback, .campaign-tag>.tag.-cashback {
    color: #000 !important;
    font-weight: 500 !important;
    text-shadow: #2fb9ff4d 0px 1px 1px;
}

.title > .icon {
    display: none !important;
    font-size: 0 !important;
    margin: 0 !important;
}

h1, h2, h3, h4, h5 {
    color: #F5F5F5 !important;
}

.campaign-card>.card>.description>.partner>.name {
    font-size: 18px !important;
    color: #fff !important; 
}
.partner {
    font-weight: 300 !important;
    font-family: "Poppins" !important;
    font-size: 14px !important;
    line-height: 21px !important;
}

.c-title>.text {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 150% !important;
    color: #2EB1F4 !important;
}

.k-button.-alternative-button {
    background: transparent;
    color: rgba(18,30,72,.8);
    border: 1px solid rgba(18,30,72,.8);
    width: 195px;
    height: 30px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 12px
}

.k-button.-alternative-button .icon {
    bottom: 8px
}

.k-button.-alternative-button:hover {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 2px var(--color-secondary);
    box-shadow: 0 0 0 2px var(--color-secondary)
}

.loading-screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.loading-screen h1 {
    font-size: 22px;
    line-height: 26px;
    padding: 12px;
    color: #202950
}

.loading-screen h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5e6684
}

.app.-warn-explorer {
    min-height: 100%;
    margin-top: 80px
}

.k-button.-alternative-button {
    background: transparent;
    color: rgba(18,30,72,.8);
    border: 1px solid rgba(18,30,72,.8);
    width: 195px;
    height: 30px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 12px
}

.k-button.-alternative-button .icon {
    bottom: 8px
}

.k-button.-alternative-button:hover {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 2px var(--color-secondary);
    box-shadow: 0 0 0 2px var(--color-secondary)
}

.campaign-card.-square>.card>.partner {
    margin: 0px 20px 5px 20px !important;
    line-height: 21px !important;
    font-size: 14px !important;
}

/* Search results */
.search-results>.header>.actions-container>.order {
    margin-right: 15px !important;
}

.item.banner-details.-link.-result {
    opacity: 0.82 !important;
}

.item.banner-details.-link.-result:hover {
    opacity: 1 !important;
}

.campaigns-view .campaign-card>.card {
    width: 100% !important;
    height: 100% !important;
    min-height: 210px !important;
    padding-bottom: 15px !important;
    background-origin: border-box;
}

.search-results .campaign-card {
    gap: 15px;
    width: 424px !important;
    height: 210px !important;
    padding-bottom: 15px;
}

.search-results .partner > .name {
    color: #F5F5F5 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
}

.search-results .campaign-card>.card>.image {
    margin: 64px 0 0 0 !important;
}

.search-results .card>div.description {
    padding-top: 69px !important;
}

p.expiry {
    color: #cececead !important;
}

p.expiry>.icon-alarm-clock {
    padding-right: 4px;
    padding-bottom: 1px;
    !important; opacity: 0.8;
}

/* Pagina de uma campanha  /campanhas/xxxx */
.negative-experience {
    display: none !important;
}

.campaigns-view>.breadcrumb-container {
    display: none;
}

/* === */


/* PATO CSS */

p {
    color: #cecece !important;
}

.wallet-header {
    background: #09090b !important;
    color: #f5f5f5 !important;
}

.wallet-header a {
    color: #f5f5f5 !important;
    font-weight: 400 !important;
}

.wallet-header .list .link {
    border-bottom: 1px solid #09090b !important;
}

.wallet-header .list .link.router-link-exact-active {
    border-color: #f5f5f5 !important;
}

.like-button {
    display: none !important;
}

.wallet-balance .header {
    background: #131316 !important;
    border: 1px solid rgba(255, 255, 255, 0.2)
}

.wallet-balance .balance {
    background: #2b2b33 !important;
    
}

.wallet-balance .title {
    font-weight: 500 !important;
} 

.wallet-balance .balance p {
    color: #fff !important;
}

.icon-award-star:before {
    color: #fff !important;
}

.transactions-header {
    background: #09090b !important;
}

.c-tabber > .tab{
    color: #f5f5f5 !important;
    font-weight: 400 !important;
}

.campaign-header>.partner>.logo {
    background-color: #f5f5f5 !important;
    border-radius: 4px !important;
}

.c-card {
    background-color: #131316 !important;
}

.campaign-information>.how-to-use>.campaign-information-how {
    background: #131316 !important;
}

.important-informations .likes {
    color: #f5f5f5 !important;
    font-weight: 400 !important;
}

.important-informations .favorite,.important-informations .like {
    background: #1D1C21 !important;
}

.campaign-information-tag>.description>.text,
.campaign-information-tag>.description>.until {
    color: #f5f5f5 !important;
}

.important-informations>.information-card>.campaign-information-important {
    background: none !important;
}

.campaign-information-important>.information>.container>.text,.campaign-information-important>.information>.container>.text>* {
    color: #cecece !important;
}

.c-modal {
    background: #09090b !important;
}

.c-popover {
    background: #09090b !important;
}

.c-popover.-bottom:before,.c-popover.-top:before {
    background-color: #09090b !important;
    border-color: #09090b !important
}

.filter-group>.filters>.filter {
    transition: 200ms !important;
}

.filter-group>.filters>.filter:hover {
    filter: brightness(1.2) !important;
}

.campaign-details>.header {
    background-color: #0a090b !important;
    background-image: none !important;

}
.campaign-header>header.header {
    display: none !important;
}

.campaign-details > .c-tabber {
    display: none !important;

}

.important-informations > .information-card > .header {
    border-bottom: 0 !important;
    margin-bottom: 23px !important;
    opacity: 0.7 !important;
}

.container > p.text > p {
    line-height: 125% !important;
}


div.information-card {
    padding-bottom: 40px !important;
}

.steps {
    padding-bottom: 18px !important;
}

.voucher {
    color:#2EB1F4 !important;
    font-size: 16px !important;
}

.campaign-information-step > p {
    padding-top: 30px !important;
}

.campaign-information-step>.arrows>.c-icon {
    fill: rgb(255 255 255 / 32%) !important;
}

.arrows {
    padding-bottom: 5px !important;
}

.acess-promo>a>.text {
    font-family: "Poppins" !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #ffffff !important;
}

.campaign-details>.header>.toggler {
    display: none !important;
}

.unique-code-wrapper .header>.search {
    display: none !important;
}

div.campaigns-view > div.campaign-details > header > div.c-tabber.toggler {
    display: none !important;
}

div.transactions-container > div.purchase-list-container > section > div.header > div.search {
    display: none !important;
}

div.campaigns-view > div:nth-child(2) > section > div.header > div.actions-container > div:nth-child(2) > div > div > div > div.filters > div:nth-child(1) {
    display: none !important;
}

.voucher-list-container>.header>.search, .letter-list>.header>.search, .cashback-total>.header>.search { 
    display: none !important;
}

div.important-informations > div > div.campaign-information-tag > div.description > p.until > span {
    margin-right: 8px !important;
}

div.campaigns-view > div:nth-child(2) > section > div.header > div.actions-container > div:nth-child(2) > div > div > button {
    border-radius: 0 !important;
    background: #111112 !important;
    border: 1px black !important;
}


.category-menu>.-disabled {
    pointer-events: initial !important;
    cursor: initial !important;
    -webkit-user-select: initial !important;
    -moz-user-select: initial !important;
    -ms-user-select: initial !important;
    user-select: initial !important;
}


.event-disclaimer {
    background-color: transparent !important;
    background: transparent !important;
}

.c-modal-mask {
    backdrop-filter: blur(5px) !important;
    background: transparent !important;
    background-color: transparent !important; 
}

.search {
    display: none !important;
}


.c-input-container>.group>.label {
    font-size: 14px !important;
    color: #fff !important;
}

.c-input>.input {
    background-color: #141417 !important;
    color: rgb(255 255 255 / 80%) !important;
    border-radius: 5px !important;

}

.c-checkbox>.text {
    color: rgb(240 240 240 / 80%) !important;
}

.c-button.-disabled {
    background-color: #141414 !important;
}

.c-button.-disabled>.text {
    color: rgb(95 95 95 / 30%) !important;
}


.event-letter-display {
    display: none !important;
}

body > div > div > div > section > section > div:nth-child(1) {
    display: none !important;
}

.award-container, .award-card-container>.container, .balance-card {
    background-color: #111112 !important;
    color: #fff !important;   
}

.award-fixed-values, .award-fixed-values > button > span {
    color: #fff !important;
}