/* Tema Layout2:AuroraPurple (theme-37 / layout37, tenant 246VIP.COM) - telas de ATIVIDADE, area B:          */
/* as promocoes que abrem tela propria a partir da /main/promo (SignInVolume, Assistance, MysteryReward).     */
/* Nao mexer nos outros aurora-purple-37-*.css (topo/meio/base sao da home; atividades-a e do Rebate/VIP).    */
/*                                                                                                            */
/* Por que este arquivo existe: as regras destes componentes estao no bundle de referencia                     */
/* backend/assets/index-Cl834OsA.css, que veio do build de `app/`. O tenant 246VIP roda um build MAIS NOVO    */
/* da mesma plataforma, e nesse build varias medidas mudaram. Em vez de editar o bundle de 10 MB (que vale    */
/* para todos os temas), a diferenca entra aqui prefixada por `html.theme-37`, como manda a regra do projeto: */
/* nada neste arquivo pode mudar a aparencia de outro tema.                                                    */
/*                                                                                                            */
/* Hashes: componente SignInVolume/style-18 -> local `data-v-1a0f319a`, referencia `data-v-fecbf845`.          */
/* Medicao lado a lado em 375x812, mesmo rem nos dois (html font-size 15.3846px), evidencia em               */
/* out/aurora/_signin-*.                                                                                       */

/* ============================================================================================================ */
/* 1. Heroi (arte de fundo do topo) e o bloco que flutua sobre ele                                              */
/*    A arte da referencia e 780x1478 (bg-r2-DfikEbMm.png) contra 780x1658 do build antigo (bg-C3cAl7J6.png):  */
/*    3rem a menos de altura. O `.vue` passou a apontar para bg-DfikEbMm.png, que ja existia em backend/assets, */
/*    e as tres medidas abaixo acompanham. Medido: hero 826.92px local x 780.77px referencia (Δ 46.15px = 3rem);*/
/*    content-wrapper top 327.69px x 253.85px (Δ 73.84px = 4.8rem).                                             */
/* ============================================================================================================ */
html.theme-37 .hero-background[data-v-1a0f319a]{height:50.75rem}
html.theme-37 .hero-background .content-wrapper[data-v-1a0f319a]{top:16.5rem}
html.theme-37 .hero-background.unshare .content-wrapper[data-v-1a0f319a]{top:11.3rem}

/* ============================================================================================================ */
/* 2. Escada de graus: valor de aposta de cada degrau                                                            */
/*    No build novo o valor so fica branco puro no degrau ja alcancado (`.active`); os demais sao brancos a 60%. */
/*    O `.vue` passou a marcar `.reward.active` com o mesmo `isDone` que ja marcava `.bot-level-item.active`.     */
/*    Medido: local rgb(255,255,255) em todos; referencia rgba(255,255,255,.6) + branco puro no ativo.           */
/* ============================================================================================================ */
html.theme-37 .hero-background .progress-section .progress .top-reward .reward[data-v-1a0f319a]{color:var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, .6))}
html.theme-37 .hero-background .progress-section .progress .top-reward .reward.active[data-v-1a0f319a]{color:var(--ep-color-text-highlight-white, #FFF)}

/* ============================================================================================================ */
/* 3. Fileira de nomes dos graus                                                                                 */
/*    Com o nome do grau ("Aprendiz", "Guerreiro") no lugar do codigo ("V1"), a pilula de largura fixa 2.5rem    */
/*    nao serve: o build novo usa 100% da coluna com padding e reticencias. Medido na referencia: gap 5.769px    */
/*    (.375rem), item 52.88px de largura, span 100% com padding 0 .375rem.                                       */
/* ============================================================================================================ */
html.theme-37 .hero-background .progress-section .progress .bot-level[data-v-1a0f319a]{gap:.375rem}
html.theme-37 .hero-background .progress-section .progress .bot-level .bot-level-item[data-v-1a0f319a]{overflow:hidden}
html.theme-37 .hero-background .progress-section .progress .bot-level .bot-level-item .span-cls[data-v-1a0f319a]{width:100%;padding:0 .375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ============================================================================================================ */
/* 4. Bloco de conteudo abaixo do heroi (regras do evento)                                                        */
/*    Sobe mais no build novo, para compensar o heroi menor. Medido: margin-top -24.62px local x -46.15px        */
/*    referencia (-1.6rem x -3rem). O caminho `.unshare` nao foi exercitado em tela (mainMediaShare e ON nos     */
/*    dois lados): a medida saiu da leitura da folha de estilo da referencia, nao de layout renderizado.          */
/* ============================================================================================================ */
html.theme-37 .promotion-content[data-v-1a0f319a]{margin-top:-3rem}
html.theme-37 .promotion-content.unshare[data-v-1a0f319a]{margin-top:-8rem}

/* ============================================================================================================ */
/* 5. Assistance (Fundo de Resgate de Perdas) - componente shared/ActivityTime                                  */
/*    Hashes: local `data-v-d5aa57ff`, referencia `data-v-521e5f8f`.                                            */
/*    Tres regras que o build novo do 246VIP revisou. Medido em /activity/Assistance/1083@style_0 contra o       */
/*    nosso /activity/Assistance/5001, os dois a 375x812 com o mesmo rem:                                        */
/*    - `.time-text`: 600 aqui, 400 la (a regra da referencia simplesmente nao declara font-weight);             */
/*    - `.card-item`: 1px de borda aqui, nenhuma la — e essa borda que deixava o `.card-label` 2px mais estreito */
/*      (154.7px contra 156.7px);                                                                                */
/*    - `.card-label`: sem cantos arredondados aqui, `0 0 .375rem .375rem` la.                                   */
/*    Vao prefixadas por `html.theme-37` porque o componente e compartilhado por todos os temas de skin `first`. */
/* ============================================================================================================ */
html.theme-37 .activity-time .time-text[data-v-d5aa57ff]{font-weight:var(--font-weight-regular, 400)}
html.theme-37 .recharge-cards .card-item[data-v-d5aa57ff]{border:0}
html.theme-37 .recharge-cards .card-item .card-label[data-v-d5aa57ff]{border-radius:0 0 .375rem .375rem}

/* ============================================================================================================ */
/* 6. Contador regressivo "countdown2" (componente ActivityTime/components/countdown2.vue)                       */
/*    Hashes: local `data-v-aa79730e`, referencia `data-v-27023029`.                                             */
/*    A regra e a mesma nos dois builds, menos uma linha: a da referencia declara `font-weight: 400` e a nossa   */
/*    nao, entao os digitos herdavam o 600 de `.count-down-item-time[data-v-3b0b9dc0]`                           */
/*    (index-Cl834OsA.css:206013, `var(--ep-font-weight-medium)`). Medido: 600 aqui, 400 la, com as caixas       */
/*    identicas (item-wrap 26x20.2, fundo #4c2b24 nos dois).                                                     */
/* ============================================================================================================ */
html.theme-37 .countdown2[data-v-aa79730e] .count-down-item .count-down-item-time{font-weight:400}