/* /public/css/custom/postal.css */

.vantago-v1 .font-sans {
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "GRAD" 0;
}

.font-mono { font-family: "Google Sans", sans-serif !important; }

.vantago-v1 .bg-slate-100 { background-color: rgb(249 246 242 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .bt-cta1.bg-slate-100 { background-color: rgb(246 243 234 / var(--tw-bg-opacity, 1)); color: #000 }
.vantago-v1 .bg-blue-50 { background-color: rgb(244 238 229 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .bg-amber-400 { background-color: rgb(248 79 40 / var(--tw-text-opacity, 1)); color: #fff }
.vantago-v1 .bg-amber-50X { background-color: rgb(250 108 75 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .border-amber-200\/60 { border-color: rgb(250 108 75 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .bg-blue-600 { background-color: rgb(248 79 40 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .bg-slate-50 { background-color: rgb(252 251 248 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .bg-slate-300 { background-color: rgb(252 251 248 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .bg-amber-500 { background-color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }

.vantago-v1 .text-blue-400 { color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1 .text-blue-600 { color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1 .text-emerald-600X { color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1 .text-amber-500 { color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1 .text-amber-600 { color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1  .text-amber-700X { color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1 .text-slate-600 { color: rgb(0 0 0 / var(--tw-text-opacity, 1)) }
.vantago-v1 .text-slate-500 { color: rgb(0 0 0 / var(--tw-text-opacity, 1)) }
.vantago-v1 .text-blue-500 { color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1 .text-slate-400 { color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1 .text-amber-branco { color: #fff }

.vantago-v1 .border-slate-200\/80 { border-color: rgb(255 255 255 / 0.8); }
.vantago-v1 .border-blue-200\/60 { border-color: rgb(248 79 40 / 0.6) }
.vantago-v1 .border-slate-200 { border-color: rgb(244 238 229 / 0.95) }
.vantago-v1 .border-blue-600 { border-color: rgb(248 79 40 / 0.6) }
.vantago-v1  .border-amber-400 { border-color: rgb(248 79 40 / 0.6) }

.vantago-v1 .rounded-xl { border-radius: 0.25rem }
.vantago-v1 .rounded-md { border-radius: 0.25rem }
.vantago-v1  .rounded-lg { border-radius: 0.3rem }

.vantago-v1 .hover\:bg-amber-300:hover { background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .hover\:bg-amber-400:hover { background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .hover\:bg-blue-700:hover { background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .hover\:bg-blue-100:hover { background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
.vantago-v1 .hover\:border-blue-300:hover { border-color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1 .hover\:text-blue-700:hover { color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1 .hover\:text-slate-800:hover { color: rgb(250 108 75 / var(--tw-text-opacity, 1)) }
.vantago-v1 .hover\:bg-slate-200:hover { background-color: rgb(244 238 229 / var(--tw-text-opacity, 1)) }
.vantago-v1 .group:hover .group-hover\:text-blue-600 { color: rgb(248 79 40 / var(--tw-text-opacity, 1)) }
.vantago-v1 .hover\:bg-slate-100:hover { background-color: rgb(244 238 229 / var(--tw-text-opacity, 1)) }


.vantago-v1 .wrapper-content.px-3 { padding-left: .25rem; padding-right: .25rem }

.vantago-v1 .tag-pts { border: solid 1px #ddd; }
.bt-nav-carrossel { width: 34px; height: 34px; }

.vantago-v1 input.placeholder-slate-400::placeholder { color: #4d4d4d; font-weight: 400 }


/* header . . . . . . . . . . . . . . . . . */

.content-header-fixo
.tag-pontos-header { border-color: rgb(248 79 40 / 0.6) }

.content-header-fixo:before {
    display: none;
    content: ""; width: 20px; height: 10px; position: absolute; top: 5px; right: 0.85rem; z-index: 99;
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='17' viewBox='0 0 35 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35 0L32.4243 17H2.2727L0 0L10.303 8.5L17.4243 0.61818L24.5455 8.5L35 0ZM17.4243 3.70909L10.4545 11.1273L2.57574 4.94545L4.24243 14.6818H17.4243V3.70909Z' fill='black'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transform: rotate(25deg);
}

.capa-avatar-user:before {
    display: none;
    content: "";
    width: 20px; height: 10px; position: absolute; top: 8px; right: 0.65rem; z-index: 99;
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='17' viewBox='0 0 35 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35 0L32.4243 17H2.2727L0 0L10.303 8.5L17.4243 0.61818L24.5455 8.5L35 0ZM17.4243 3.70909L10.4545 11.1273L2.57574 4.94545L4.24243 14.6818H17.4243V3.70909Z' fill='black'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transform: rotate(25deg); filter: invert(1);
}

.bts-rapidos-header .icon-bt-rapido {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin-right: 4px; 
    background-color: currentColor; 
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.bts-rapidos-header .icon-bt-rapido.atividades {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 9.08997H20.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5V17Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9955 13.7H12.0045' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 13.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 16.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 9.08997H20.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5V17Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9955 13.7H12.0045' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 13.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 16.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bts-rapidos-header .icon-bt-rapido.resgatar {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01001 11.22V15.71C3.01001 20.2 4.81001 22 9.30001 22H14.69C19.18 22 20.98 20.2 20.98 15.71V11.22' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 8.68L14.34 2H9.66999L8.99999 8.68C8.81999 10.51 10.17 12 12 12C13.83 12 15.18 10.51 15 8.68Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.61 8.35L21.33 5.6C20.97 3 19.97 2 17.35 2H14.3L15 9.01C15.17 10.66 16.66 12 18.31 12C20.33 12 21.81 10.36 21.61 8.35Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.94 9.01L9.16 6.8L9.64001 2H6.59C3.97001 2 2.97 3 2.61 5.6L2.34 8.35C2.14 10.36 3.62 12 5.64 12C7.29 12 8.78 10.66 8.94 9.01Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17C10.33 17 9.5 17.83 9.5 19.5Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01001 11.22V15.71C3.01001 20.2 4.81001 22 9.30001 22H14.69C19.18 22 20.98 20.2 20.98 15.71V11.22' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 8.68L14.34 2H9.66999L8.99999 8.68C8.81999 10.51 10.17 12 12 12C13.83 12 15.18 10.51 15 8.68Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.61 8.35L21.33 5.6C20.97 3 19.97 2 17.35 2H14.3L15 9.01C15.17 10.66 16.66 12 18.31 12C20.33 12 21.81 10.36 21.61 8.35Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.94 9.01L9.16 6.8L9.64001 2H6.59C3.97001 2 2.97 3 2.61 5.6L2.34 8.35C2.14 10.36 3.62 12 5.64 12C7.29 12 8.78 10.66 8.94 9.01Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17C10.33 17 9.5 17.83 9.5 19.5Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Estrutura base dos ícones do header de módulos (20x20px) */
.icon-header-modulo {
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.icon-header-modulo.atividades {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 9.08997H20.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5V17Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9955 13.7H12.0045' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 13.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 16.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 9.08997H20.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5V17Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9955 13.7H12.0045' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 13.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 16.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-header-modulo.premios {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01001 11.22V15.71C3.01001 20.2 4.81001 22 9.30001 22H14.69C19.18 22 20.98 20.2 20.98 15.71V11.22' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 8.68L14.34 2H9.66999L8.99999 8.68C8.81999 10.51 10.17 12 12 12C13.83 12 15.18 10.51 15 8.68Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.61 8.35L21.33 5.6C20.97 3 19.97 2 17.35 2H14.3L15 9.01C15.17 10.66 16.66 12 18.31 12C20.33 12 21.81 10.36 21.61 8.35Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.94 9.01L9.16 6.8L9.64001 2H6.59C3.97001 2 2.97 3 2.61 5.6L2.34 8.35C2.14 10.36 3.62 12 5.64 12C7.29 12 8.78 10.66 8.94 9.01Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17C10.33 17 9.5 17.83 9.5 19.5Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01001 11.22V15.71C3.01001 20.2 4.81001 22 9.30001 22H14.69C19.18 22 20.98 20.2 20.98 15.71V11.22' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 8.68L14.34 2H9.66999L8.99999 8.68C8.81999 10.51 10.17 12 12 12C13.83 12 15.18 10.51 15 8.68Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.61 8.35L21.33 5.6C20.97 3 19.97 2 17.35 2H14.3L15 9.01C15.17 10.66 16.66 12 18.31 12C20.33 12 21.81 10.36 21.61 8.35Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.94 9.01L9.16 6.8L9.64001 2H6.59C3.97001 2 2.97 3 2.61 5.6L2.34 8.35C2.14 10.36 3.62 12 5.64 12C7.29 12 8.78 10.66 8.94 9.01Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17C10.33 17 9.5 17.83 9.5 19.5Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-header-modulo.pontos {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.44 15.18C17.53 16.26 18.52 17.05 19.6 17.05H21.5V18.24C21.5 20.31 19.81 22 17.74 22H6.26C4.19 22 2.5 20.31 2.5 18.24V11.51C2.5 9.44001 4.19 7.75 6.26 7.75H17.74C19.81 7.75 21.5 9.44001 21.5 11.51V12.95H19.48C18.92 12.95 18.41 13.17 18.04 13.55C17.62 13.96 17.38 14.55 17.44 15.18Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 12.4101V7.8401C2.5 6.6501 3.23 5.59006 4.34 5.17006L12.28 2.17006C13.52 1.70006 14.85 2.62009 14.85 3.95009V7.75008' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5588 16.0302C22.5588 16.5802 22.1188 17.0302 21.5588 17.0502H19.5988C18.5188 17.0502 17.5288 16.2602 17.4388 15.1802C17.3788 14.5502 17.6188 13.9602 18.0388 13.5502C18.4088 13.1702 18.9188 12.9502 19.4788 12.9502H21.5588C22.1188 12.9702 22.5588 13.4202 22.5588 13.9702V16.0302Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 12H14' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.44 15.18C17.53 16.26 18.52 17.05 19.6 17.05H21.5V18.24C21.5 20.31 19.81 22 17.74 22H6.26C4.19 22 2.5 20.31 2.5 18.24V11.51C2.5 9.44001 4.19 7.75 6.26 7.75H17.74C19.81 7.75 21.5 9.44001 21.5 11.51V12.95H19.48C18.92 12.95 18.41 13.17 18.04 13.55C17.62 13.96 17.38 14.55 17.44 15.18Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 12.4101V7.8401C2.5 6.6501 3.23 5.59006 4.34 5.17006L12.28 2.17006C13.52 1.70006 14.85 2.62009 14.85 3.95009V7.75008' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5588 16.0302C22.5588 16.5802 22.1188 17.0302 21.5588 17.0502H19.5988C18.5188 17.0502 17.5288 16.2602 17.4388 15.1802C17.3788 14.5502 17.6188 13.9602 18.0388 13.5502C18.4088 13.1702 18.9188 12.9502 19.4788 12.9502H21.5588C22.1188 12.9702 22.5588 13.4202 22.5588 13.9702V16.0302Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 12H14' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-header-modulo.user {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8301 10.87C9.45006 10.79 7.56006 8.84 7.56006 6.44C7.56006 3.99 9.54006 2 12.0001 2C14.4501 2 16.4401 3.99 16.4401 6.44C16.4301 8.84 14.5401 10.79 12.1601 10.87C12.0601 10.86 11.9401 10.86 11.8301 10.87Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.15997 20.43C9.90997 22.27 14.42 22.27 17.17 20.43C19.59 18.81 19.59 16.17 17.17 14.56C14.43 12.73 9.91997 12.73 7.15997 14.56C4.73997 16.18 4.73997 18.82 7.15997 20.43Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8301 10.87C9.45006 10.79 7.56006 8.84 7.56006 6.44C7.56006 3.99 9.54006 2 12.0001 2C14.4501 2 16.4401 3.99 16.4401 6.44C16.4301 8.84 14.5401 10.79 12.1601 10.87C12.0601 10.86 11.9401 10.86 11.8301 10.87Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.15997 20.43C9.90997 22.27 14.42 22.27 17.17 20.43C19.59 18.81 19.59 16.17 17.17 14.56C14.43 12.73 9.91997 12.73 7.15997 14.56C4.73997 16.18 4.73997 18.82 7.15997 20.43Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.mini-icon {
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background-color: var(--color-primary);  
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mini-icon.proximas-atividades {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.52831 6.27082C8.63331 6.48082 8.91331 6.69082 9.14664 6.72582L10.5408 6.95915C11.4333 7.11081 11.6433 7.75248 11.0016 8.39415L9.91664 9.47915C9.73581 9.65999 9.6308 10.0158 9.68914 10.2725L9.99832 11.62C10.2433 12.6817 9.67748 13.0958 8.73832 12.5417L7.43164 11.7658C7.19247 11.6258 6.80748 11.6258 6.56832 11.7658L5.26164 12.5417C4.32247 13.0958 3.75664 12.6817 4.00164 11.62L4.31082 10.2725C4.36915 10.0217 4.26414 9.66582 4.08331 9.47915L2.99832 8.39415C2.35665 7.75248 2.56664 7.10498 3.45914 6.95915L4.85332 6.72582C5.08665 6.68498 5.36665 6.48082 5.47165 6.27082L6.24165 4.73082C6.65582 3.89665 7.34414 3.89665 7.7583 4.73082L8.52831 6.27082Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 5.24999V1.16666' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 5.24999V1.16666' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 2.33332V1.16666' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.52831 6.27082C8.63331 6.48082 8.91331 6.69082 9.14664 6.72582L10.5408 6.95915C11.4333 7.11081 11.6433 7.75248 11.0016 8.39415L9.91664 9.47915C9.73581 9.65999 9.6308 10.0158 9.68914 10.2725L9.99832 11.62C10.2433 12.6817 9.67748 13.0958 8.73832 12.5417L7.43164 11.7658C7.19247 11.6258 6.80748 11.6258 6.56832 11.7658L5.26164 12.5417C4.32247 13.0958 3.75664 12.6817 4.00164 11.62L4.31082 10.2725C4.36915 10.0217 4.26414 9.66582 4.08331 9.47915L2.99832 8.39415C2.35665 7.75248 2.56664 7.10498 3.45914 6.95915L4.85332 6.72582C5.08665 6.68498 5.36665 6.48082 5.47165 6.27082L6.24165 4.73082C6.65582 3.89665 7.34414 3.89665 7.7583 4.73082L8.52831 6.27082Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 5.24999V1.16666' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 5.24999V1.16666' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 2.33332V1.16666' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.mini-icon.premios {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01001 11.22V15.71C3.01001 20.2 4.81001 22 9.30001 22H14.69C19.18 22 20.98 20.2 20.98 15.71V11.22' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 8.68L14.34 2H9.66999L8.99999 8.68C8.81999 10.51 10.17 12 12 12C13.83 12 15.18 10.51 15 8.68Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.61 8.35L21.33 5.6C20.97 3 19.97 2 17.35 2H14.3L15 9.01C15.17 10.66 16.66 12 18.31 12C20.33 12 21.81 10.36 21.61 8.35Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.94 9.01L9.16 6.8L9.64001 2H6.59C3.97001 2 2.97 3 2.61 5.6L2.34 8.35C2.14 10.36 3.62 12 5.64 12C7.29 12 8.78 10.66 8.94 9.01Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17C10.33 17 9.5 17.83 9.5 19.5Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01001 11.22V15.71C3.01001 20.2 4.81001 22 9.30001 22H14.69C19.18 22 20.98 20.2 20.98 15.71V11.22' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 8.68L14.34 2H9.66999L8.99999 8.68C8.81999 10.51 10.17 12 12 12C13.83 12 15.18 10.51 15 8.68Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.61 8.35L21.33 5.6C20.97 3 19.97 2 17.35 2H14.3L15 9.01C15.17 10.66 16.66 12 18.31 12C20.33 12 21.81 10.36 21.61 8.35Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.94 9.01L9.16 6.8L9.64001 2H6.59C3.97001 2 2.97 3 2.61 5.6L2.34 8.35C2.14 10.36 3.62 12 5.64 12C7.29 12 8.78 10.66 8.94 9.01Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17C10.33 17 9.5 17.83 9.5 19.5Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Capa em camada: o perfil e o conteúdo deslizam sobre ela. */
#heroHeaderTrigger { position: relative; overflow: visible !important; isolation: isolate; border-radius: 0 0 20px 20px; }
#heroHeaderTrigger .capa-avatar-user { position: sticky; top: 0; z-index: 0; overflow: hidden; }
#heroHeaderTrigger .capa-avatar-user::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(9,18,35,.15), transparent 65%, rgba(9,18,35,.18)); }
#heroHeaderTrigger .hero-profile-surface { position: relative; z-index: 2 }
#heroHeaderTrigger .hero-profile-surface .avatar-liga { border: 2px solid #fff; }
#headerStickyFixed { display: block !important; visibility: visible !important; transform: translate3d(0,-115%,0); opacity: 0; pointer-events: none; transition: transform .42s cubic-bezier(.2,.8,.2,1), opacity .3s ease, box-shadow .3s ease; will-change: transform,opacity; box-shadow: 0 8px 24px rgba(15,23,42,.06); }
#headerStickyFixed.visible-header { transform: translate3d(0,0,0); opacity: 1; pointer-events: auto; }
#headerStickyFixed.hidden-header { transform: translate3d(0,-115%,0); opacity: 0; pointer-events: none; }
.vantago-game-coin { position: relative; width: 23px; height: 23px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 50%; color: #86420b; background: radial-gradient(circle at 30% 25%, #fff9bd 0%, #ffe16b 29%, #f8ae28 68%, #cc7512 100%); border: 1px solid #e9a62d; box-shadow: inset 0 1px 2px rgba(255,255,255,.9), inset 0 -2px 2px rgba(138,70,9,.22), 0 2px 7px rgba(245,158,11,.35); animation: vantagoCoinFloat 3.4s ease-in-out infinite; }
.vantago-game-coin::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 1px solid rgba(255,211,86,.65); box-shadow: 0 0 10px rgba(255,202,65,.48); animation: vantagoCoinPulse 2.8s ease-in-out infinite; pointer-events: none; }
.vantago-game-coin svg { width: 14px; height: 14px; filter: drop-shadow(0 1px 0 rgba(255,255,255,.6)); }
@keyframes vantagoCoinFloat { 0%,100% { transform: translateY(0) rotate(-8deg); } 50% { transform: translateY(-2px) rotate(8deg); } }
@keyframes vantagoCoinPulse { 0%,100% { opacity: .45; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.08); } }
@media (prefers-reduced-motion: reduce) { #headerStickyFixed, .vantago-game-coin, .vantago-game-coin::after { animation: none !important; transition-duration: .01ms !important; } }


.header-modulo .fas { font-size: 1.4rem }

@media (max-width: 768px) {

.capa-avatar-user:before { content: ""; top: 5px; right: 0.55rem }
.content-header-fixo:before { content: ""; top: 5px; right: 0.55rem }
.heroHeader.rounded-xl { border-radius: 0px }

}

/* footer . . . . . . . . . . . . . . . . . */

footer { margin-top: 1rem }
.vantago-v1 footer.border-slate-200\/80 { border-color: #c3bfb8 }

.icon-vangago-min {width: 35px; height: 17px; display: block; top: 0; right: 0.75rem; background-image: url("data:image/svg+xml,%3Csvg width='35' height='17' viewBox='0 0 35 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35 0L32.4243 17H2.2727L0 0L10.303 8.5L17.4243 0.61818L24.5455 8.5L35 0ZM17.4243 3.70909L10.4545 11.1273L2.57574 4.94545L4.24243 14.6818H17.4243V3.70909Z' fill='black'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; }

/* Estrutura base do ícone */
.footer-fixo-menu .icon-menu-footer {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: currentColor; 
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.footer-fixo-menu .icon-menu-footer.inicio {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 18V15' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.14002 8.36997C2.36002 8.98997 1.86002 10.3 2.03002 11.28L3.36002 19.24C3.60002 20.66 4.96002 21.81 6.40002 21.81H17.6C19.03 21.81 20.4 20.65 20.64 19.24L21.97 11.28C22.13 10.3 21.63 8.98997 20.86 8.36997L13.93 2.82997C12.86 1.96997 11.13 1.96997 10.07 2.81997L3.14002 8.36997Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 18V15' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.14002 8.36997C2.36002 8.98997 1.86002 10.3 2.03002 11.28L3.36002 19.24C3.60002 20.66 4.96002 21.81 6.40002 21.81H17.6C19.03 21.81 20.4 20.65 20.64 19.24L21.97 11.28C22.13 10.3 21.63 8.98997 20.86 8.36997L13.93 2.82997C12.86 1.96997 11.13 1.96997 10.07 2.81997L3.14002 8.36997Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.footer-fixo-menu .icon-menu-footer.atividades {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 9.08997H20.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5V17Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9955 13.7H12.0045' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 13.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 16.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2V5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 9.08997H20.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5V17Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9955 13.7H12.0045' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 13.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29431 16.7H8.30329' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.footer-fixo-menu .icon-menu-footer.premios {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01001 11.22V15.71C3.01001 20.2 4.81001 22 9.30001 22H14.69C19.18 22 20.98 20.2 20.98 15.71V11.22' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 8.68L14.34 2H9.66999L8.99999 8.68C8.81999 10.51 10.17 12 12 12C13.83 12 15.18 10.51 15 8.68Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.61 8.35L21.33 5.6C20.97 3 19.97 2 17.35 2H14.3L15 9.01C15.17 10.66 16.66 12 18.31 12C20.33 12 21.81 10.36 21.61 8.35Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.94 9.01L9.16 6.8L9.64001 2H6.59C3.97001 2 2.97 3 2.61 5.6L2.34 8.35C2.14 10.36 3.62 12 5.64 12C7.29 12 8.78 10.66 8.94 9.01Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17C10.33 17 9.5 17.83 9.5 19.5Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01001 11.22V15.71C3.01001 20.2 4.81001 22 9.30001 22H14.69C19.18 22 20.98 20.2 20.98 15.71V11.22' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 8.68L14.34 2H9.66999L8.99999 8.68C8.81999 10.51 10.17 12 12 12C13.83 12 15.18 10.51 15 8.68Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.61 8.35L21.33 5.6C20.97 3 19.97 2 17.35 2H14.3L15 9.01C15.17 10.66 16.66 12 18.31 12C20.33 12 21.81 10.36 21.61 8.35Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.94 9.01L9.16 6.8L9.64001 2H6.59C3.97001 2 2.97 3 2.61 5.6L2.34 8.35C2.14 10.36 3.62 12 5.64 12C7.29 12 8.78 10.66 8.94 9.01Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17C10.33 17 9.5 17.83 9.5 19.5Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.footer-fixo-menu .icon-menu-footer.pontos {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.44 15.18C17.53 16.26 18.52 17.05 19.6 17.05H21.5V18.24C21.5 20.31 19.81 22 17.74 22H6.26C4.19 22 2.5 20.31 2.5 18.24V11.51C2.5 9.44001 4.19 7.75 6.26 7.75H17.74C19.81 7.75 21.5 9.44001 21.5 11.51V12.95H19.48C18.92 12.95 18.41 13.17 18.04 13.55C17.62 13.96 17.38 14.55 17.44 15.18Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 12.4101V7.8401C2.5 6.6501 3.23 5.59006 4.34 5.17006L12.28 2.17006C13.52 1.70006 14.85 2.62009 14.85 3.95009V7.75008' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5588 16.0302C22.5588 16.5802 22.1188 17.0302 21.5588 17.0502H19.5988C18.5188 17.0502 17.5288 16.2602 17.4388 15.1802C17.3788 14.5502 17.6188 13.9602 18.0388 13.5502C18.4088 13.1702 18.9188 12.9502 19.4788 12.9502H21.5588C22.1188 12.9702 22.5588 13.4202 22.5588 13.9702V16.0302Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 12H14' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.44 15.18C17.53 16.26 18.52 17.05 19.6 17.05H21.5V18.24C21.5 20.31 19.81 22 17.74 22H6.26C4.19 22 2.5 20.31 2.5 18.24V11.51C2.5 9.44001 4.19 7.75 6.26 7.75H17.74C19.81 7.75 21.5 9.44001 21.5 11.51V12.95H19.48C18.92 12.95 18.41 13.17 18.04 13.55C17.62 13.96 17.38 14.55 17.44 15.18Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 12.4101V7.8401C2.5 6.6501 3.23 5.59006 4.34 5.17006L12.28 2.17006C13.52 1.70006 14.85 2.62009 14.85 3.95009V7.75008' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5588 16.0302C22.5588 16.5802 22.1188 17.0302 21.5588 17.0502H19.5988C18.5188 17.0502 17.5288 16.2602 17.4388 15.1802C17.3788 14.5502 17.6188 13.9602 18.0388 13.5502C18.4088 13.1702 18.9188 12.9502 19.4788 12.9502H21.5588C22.1188 12.9702 22.5588 13.4202 22.5588 13.9702V16.0302Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 12H14' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.footer-fixo-menu .icon-menu-footer.logout {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90002 7.55999C9.21002 3.95999 11.06 2.48999 15.11 2.48999H15.24C19.71 2.48999 21.5 4.27999 21.5 8.74999V15.27C21.5 19.74 19.71 21.53 15.24 21.53H15.11C11.09 21.53 9.24002 20.08 8.91002 16.54' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12H14.88' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.65 8.6499L16 11.9999L12.65 15.3499' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90002 7.55999C9.21002 3.95999 11.06 2.48999 15.11 2.48999H15.24C19.71 2.48999 21.5 4.27999 21.5 8.74999V15.27C21.5 19.74 19.71 21.53 15.24 21.53H15.11C11.09 21.53 9.24002 20.08 8.91002 16.54' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12H14.88' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.65 8.6499L16 11.9999L12.65 15.3499' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* Mercado . . . . . . . . . . . . . . . . . */

.abas-mercado .qtd-resgates { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px }
.abas-mercado .aba { width: 50% }

/* ==========================================================================
   DESIGN TOKENS & SYSTEM VARIABLES - PORTAL DO ASSOCIADO
   ========================================================================== */

:root {
  /* --- CORES PRINCIPAIS & MARCA --- */
  --color-primary: #f59e0b;           /* amber-500 */
  --color-primary-hover: #d97706;     /* amber-600 */
  --color-primary-light: #fef3c7;     /* amber-100 */
  --color-primary-dark: #78350f;      /* amber-900 */
  --color-primary-contrast: #451a03;  /* amber-950 */

  --color-secondary: #2563eb;         /* blue-600 */
  --color-secondary-hover: #1d4ed8;   /* blue-700 */
  --color-secondary-light: #eff6ff;   /* blue-50 */
  --color-secondary-border: #bfdbfe;  /* blue-200 */

  /* --- CORES NEUTRAS & SUPERFÍCIES --- */
  --bg-page: #f8fafc;                 /* slate-50 / slate-100 */
  --bg-surface: #ffffff;
  --bg-subtle: #f1f5f9;               /* slate-100 */
  --bg-overlay: rgba(15, 23, 42, 0.6);/* slate-900/60 */

  /* --- TEXTOS & TIPOGRAFIA --- */
  --font-family-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  --text-primary: #0f172a;            /* slate-900 */
  --text-body: #334155;               /* slate-700 */
  --text-muted: #64748b;              /* slate-500 */
  --text-subtle: #94a3b8;             /* slate-400 */

  /* --- BORDAS & ARREDONDAMENTOS --- */
  --border-color: #e2e8f0;            /* slate-200 */
  --border-color-light: rgba(226, 232, 240, 0.8);
  --radius-sm: 0.375rem;              /* rounded-md */
  --radius-md: 0.5rem;                /* rounded-lg */
  --radius-lg: 0.75rem;               /* rounded-xl */
  --radius-xl: 1rem;                  /* rounded-2xl */
  --radius-full: 9999px;              /* rounded-full */

  /* --- ALERTAS / FEEDBACK --- */
  --color-danger-bg: #fff1f2;         /* rose-50 */
  --color-danger-text: #be123c;       /* rose-700 */
  --color-danger-border: #fecdd3;     /* rose-200 */
  --color-danger-icon: #f43f5e;       /* rose-500 */
}

/* ==========================================================================
   CLASSES UTILITÁRIAS SEMÂNTICAS DO PORTAL
   ========================================================================== */

/* Superfcies & Cards */
.app-surface {
  background-color: var(--bg-surface);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-lg);
}

.app-modal-card {
  background-color: var(--bg-surface);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-xl);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Tipografia */
.app-text-title {
  color: var(--text-primary);
  font-weight: var(--font-weight-extrabold);
}

.app-text-subtle {
  color: var(--text-muted);
  font-weight: var(--font-weight-medium);
}

/* Botões */
.app-btn-primary {
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  font-weight: var(--font-weight-extrabold);
  border-radius: var(--radius-lg);
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.app-btn-primary:hover {
  background-color: var(--color-primary-hover);
}

.app-btn-secondary {
  background-color: var(--color-secondary-light);
  color: var(--color-secondary);
  border: 1px solid var(--color-secondary-border);
  font-weight: var(--font-weight-bold);
  border-radius: var(--radius-lg);
  transition: all 0.2s ease;
}
.app-btn-secondary:hover {
  background-color: #dbeafe; /* blue-100 */
}

:is(.app-btn-primary-game, .app-btn-primary-game-blue, .app-btn-primary-game-light-blue) {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(rgb(255, 220, 99), rgb(227, 169, 0));
  text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
}
:is(.app-btn-primary-game, .app-btn-primary-game-blue, .app-btn-primary-game-light-blue):not(:disabled):not([aria-disabled="true"]) {
  transition: transform .15s ease, box-shadow .15s ease;
  box-shadow: rgba(255, 255, 255, .55) 0 1px inset, rgb(138, 100, 0) 0 4px, rgba(244, 196, 48, .18) 0 8px 22px;
}
:is(.app-btn-primary-game, .app-btn-primary-game-blue, .app-btn-primary-game-light-blue)::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, .5) 50%, transparent 75%);
  transform: translateX(-120%);
}
@media (hover: hover) {
  :is(.app-btn-primary-game, .app-btn-primary-game-blue, .app-btn-primary-game-light-blue):not(:disabled):not([aria-disabled="true"]):hover::after {
    animation: appGameButtonShine .7s ease-out;
  }
}
:is(.app-btn-primary-game, .app-btn-primary-game-blue, .app-btn-primary-game-light-blue):not(:disabled):not([aria-disabled="true"]):active {
  transform: translateY(4px);
  box-shadow: rgba(138, 100, 0, .25) 0 2px 4px inset, rgb(138, 100, 0) 0 0, rgba(244, 196, 48, .12) 0 2px 8px;
  transition-duration: .07s;
}
@keyframes appGameButtonShine {
  from { transform: translateX(-120%); }
  to { transform: translateX(120%); }
}
@media (prefers-reduced-motion: reduce) {
  :is(.app-btn-primary-game, .app-btn-primary-game-blue, .app-btn-primary-game-light-blue):not(:disabled):not([aria-disabled="true"]) { transition: none; }
  :is(.app-btn-primary-game, .app-btn-primary-game-blue, .app-btn-primary-game-light-blue)::after { animation: none !important; }
}

.app-btn-primary-game-blue {
  background: linear-gradient(180deg, #3a86ff, #0b5bd3);
  color: #fff;
  text-shadow: none;
  box-shadow: inset 0 1px #ffffff4d, 0 4px #063a8a, 0 8px 20px #0b5bd340;
}
.app-btn-primary-game-blue:not(:disabled):not([aria-disabled="true"]) {
  box-shadow: inset 0 1px #ffffff4d, 0 4px #063a8a, 0 8px 20px #0b5bd340;
}
.app-btn-primary-game-blue:not(:disabled):not([aria-disabled="true"]):active {
  box-shadow: inset 0 2px 4px #063a8a40, 0 0 #063a8a, 0 2px 8px #0b5bd31f;
}

.app-btn-primary-game-light-blue {
  background: linear-gradient(180deg, #d3efff, #8bd2fa);
  color: #123c63;
  text-shadow: 0 1px #ffffff80;
  box-shadow: inset 0 1px #ffffffb3, 0 4px #3b8ab8, 0 8px 20px #62b8eb30;
}
.app-btn-primary-game-light-blue:not(:disabled):not([aria-disabled="true"]) {
  box-shadow: inset 0 1px #ffffffb3, 0 4px #3b8ab8, 0 8px 20px #62b8eb30;
}
.app-btn-primary-game-light-blue:not(:disabled):not([aria-disabled="true"]):active {
  box-shadow: inset 0 2px 4px #3b8ab840, 0 0 #3b8ab8, 0 2px 8px #62b8eb20;
}

/* Insígnias e Badges */
.app-badge-points {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-full);
  transition: all 0.2s ease;
}
.app-badge-points:hover {
  background-color: var(--color-primary-light);
}
.app-badge-points-icon {
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  border-radius: var(--radius-full);
}

/* Estilo de Transição Header Fixo */
#headerStickyFixed {
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
#headerStickyFixed.hidden-header {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
#headerStickyFixed.visible-header {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* --- COMPONENTES ESPECÍFICOS DE FOOTER E NAVEGAÇÃO --- */

:root {
  --color-success: #10b981;           /* emerald-500 */
  --color-success-hover: #059669;     /* emerald-600 */
  --color-success-light: rgba(16, 185, 129, 0.1);

  --nav-active-primary: var(--color-secondary);
  --nav-active-rewards: var(--color-primary-dark);
  --nav-inactive: var(--text-muted);
}

/* Links do Rodapé */
.footer-link {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  transition: color 0.2s ease;
}
.footer-link:hover {
  color: var(--text-body);
  text-decoration: underline;
}

/* Modal de Suporte */
.app-modal-backdrop {
  background-color: var(--bg-overlay);
  backdrop-filter: blur(4px);
}

/* Ações Rápida de Suporte */
.btn-support-action {
  padding: 0.375rem 0.75rem;
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  border-radius: var(--radius-md);
  transition: background-color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.btn-support-whatsapp {
  background-color: var(--color-success-hover);
  color: #ffffff;
}
.btn-support-whatsapp:hover {
  background-color: var(--color-success);
}

.btn-support-email {
  background-color: var(--color-secondary);
  color: #ffffff;
}
.btn-support-email:hover {
  background-color: var(--color-secondary-hover);
}

/* Menu Inferior Fixo Mobile */
.bottom-nav {
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  border-top: 1px solid var(--border-color-light);
}

.bottom-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
  padding: 0.25rem 0.75rem;
  font-size: 9px;
  font-weight: 500;
  color: #222;
  transition: color 0.2s ease;
}

.bottom-nav-item.active-primary {
  color: var(--color-secondary);
}

.bottom-nav-item.active-rewards {
  color: var(--color-primary-hover);
}

.bottom-nav-item:hover {
  color: var(--text-primary);
}
.bottom-nav-item.logout-item:hover {
  color: var(--color-danger-icon);
}

/* --- COMPONENTES DO DASHBOARD E RECOMPENSAS --- */

/* Badge de Pontos nos Cards */
.badge-points-tag {
  background-color: var(--color-primary-light);
  color: var(--color-primary-hover);
  border: 1px solid rgba(245, 158, 11, 0.3);
  font-weight: 900;
  border-radius: var(--radius-full);
}

/* Selo Promocional / Desconto */
.badge-discount-tag {
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  font-weight: 800;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Barra de Progresso de Pontos */
.progress-bar-bg {
  background-color: var(--border-color);
  height: 0.25rem;
  border-radius: var(--radius-full);
  overflow: hidden;
}

.progress-bar-fill {
  height: 100%;
  background-color: var(--color-primary);
  transition: width 0.3s ease;
}

.progress-bar-fill.complete {
  background-color: var(--color-success);
}

/* Botão de Ação Secundária (Detalhes) */
.btn-details {
  background-color: var(--bg-subtle);
  color: var(--text-body);
  font-weight: var(--font-weight-bold);
  font-size: 10px;
  border-radius: var(--radius-sm);
  transition: background-color 0.2s ease;
  border-bottom: 3px solid #DEE4E9;
}
.btn-details:hover {
  background-color: var(--border-color);
}


/* --- ESTILO PADRÃO DOS CARDS --- */
.app-card {
  background-color: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.9);  /* slate-200 */
  border-radius: var(--radius-lg, 0.75rem) !important;   /* rounded-xl */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.app-card:hover {
  border-color: var(--color-primary, #f59e0b) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
}

/* Módulos  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  */

/* Custom Scrollbars */
.custom-scrollbar-extrato::-webkit-scrollbar,
.custom-scrollbar-perfil::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.custom-scrollbar-extrato::-webkit-scrollbar-track,
.custom-scrollbar-perfil::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 8px;
}

.custom-scrollbar-extrato::-webkit-scrollbar-thumb,
.custom-scrollbar-perfil::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 8px;
}

.custom-scrollbar-extrato::-webkit-scrollbar-thumb:hover,
.custom-scrollbar-perfil::-webkit-scrollbar-thumb:hover {
    background: #f59e0b;
}

/* Campos de Formulário Estilo App Native (Borda Inferior Minimalista) */
.app-input-group {
    position: relative;
    display: flex;
    flex-direction: column;
}

.app-input {
    width: 100%;
    padding: 0.6rem 0.25rem;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
    outline: none;
    transition: all 0.2s ease-in-out;
    border-radius: 0;
}

.app-input:focus {
    border-bottom-color: #f59e0b;
    background-color: rgba(248, 250, 252, 0.6);
}

.app-input::placeholder {
    color: #222222;
    font-weight: 500;
    font-size: .8rem;
}

.app-label {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #222222;
    margin-bottom: 0.1rem;
}

select.app-input {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

/* Abas de Navegação Estilo App Native */
.tab-btn-perfil {
    flex: 1 1 0%;
    min-width: fit-content;
    white-space: nowrap;
    padding: 0.5rem 0.625rem;
    border-radius: 0.75rem;
    font-size: 0.625rem; /* 10px em telas menores */
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    items-center: center;
    justify-content: center;
    gap: 0.375rem;
}

@media (min-width: 640px) {
    .tab-btn-perfil {
        font-size: 0.75rem; /* 12px em telas sm e maiores */
        padding: 0.625rem 0.75rem;
    }
}

.tab-btn-perfil-active {
    background-color: #f59e0b;
    color: #451a03;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.tab-btn-perfil-inactive {
    color: #64748b;
}

.tab-btn-perfil-inactive:hover {
    color: #1e293b;
    background-color: #f8fafc;
}
1
/* ==========================================================================
   CUSTOMZACOES
   ========================================================================== */

.avatar-liga { padding: 0.1rem }
.bts-rapidos-header .btR { display: flex; align-items: center; justify-content: center; height: 36px }

.card-filtro { border: 0px; border-bottom: 4px solid #f1f5f9; }
.card-filtro .btn_filtro_cat { flex-grow: 1 }

.card-premios .bar-bts-cta { flex-direction: column; }
.card-premios .bt-action { height: 30px }


/* ==========================================================================
   LOGIN
   ========================================================================== */

.capa-login { background-color: rgb(241 245 249) }
.bt-action-login { height: 48px }

@media (max-width: 768px) {

.modalConvite .app-modal-card { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px }

}

/* ==========================================================================
   atividades
   ========================================================================== */

@media (max-width: 768px) {
.modal-atividade .app-modal-card { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px }
}

.icon-header-modulo.explorar{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m16 8-2 6-6 2 2-6 6-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m16 8-2 6-6 2 2-6 6-2Z'/%3E%3C/svg%3E");}