/* Tema Layout2:AuroraPurple (theme-37 / layout37, tenant 246VIP.COM) - parte de BAIXO da /main/inicio e tabbar. */
/* Regras portadas de ../246vip-snapshot/assets/index-r2-H85BhsCJ.css com o hash data-v traduzido para o hash */
/* do componente deste projeto (comentario "Escopo data-v-..." do .vue). Ver docs/tema-aurora-purple-246vip.md. */
/* Arquivo gerado pela receita do agente BASE; cada bloco cita o hash de origem. */

/* tabbar_inicio_Segment_nav 37 (componente novo, data-v-95d0b535; bundle 1855547) (11 regras) */
html .layout1.btn-wall[data-v-95d0b535]{position:relative;width:3.875rem;height:3.75rem}
html .layout1.btn-wall .btn-icon-container[data-v-95d0b535]{position:relative;margin:0 auto;width:3.75rem;height:3.75rem;border-radius:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,var(--ep-color-background-fill-gradients-primary-a, #C700E3) 0%,var(--ep-color-background-fill-gradients-primary-b, #FF93E6) 100%)}
html .layout1.btn-wall .btn-icon-container .btn-gradient-circle[data-v-95d0b535]{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;width:3.375rem;height:3.375rem;border-radius:50%;border:2px solid var(--ep-color-border-highlight-white);box-sizing:border-box;background:url(/assets/bg-nav-platform37-r2-COtuKnkq.png) center top / 3.25rem 2.5rem no-repeat,linear-gradient(180deg,var(--ep-color-background-fill-gradients-secondary-b, #C700E3) 0%,var(--ep-color-background-fill-gradients-secondary-a, #FF93E6) 100%);overflow:hidden;box-shadow:0 0 0 0 transparent}
html .layout1.btn-wall .btn-icon-container .btn-gradient-circle .btn-gradient-circle-bg[data-v-95d0b535]{position:absolute;top:0;left:50%;transform:translate(-50%);width:3.25rem;height:2.5rem;z-index:0}
html .layout1.btn-wall .btn-icon-container .btn-wall-banner[data-v-95d0b535]{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:1.25rem}
html .layout1.btn-wall .btn-icon-container .btn-wall-banner .banner-platform[data-v-95d0b535]{width:100%;height:100%}
html .layout1.btn-wall .btn-icon-container .btn-wall-banner .btn-wall-label[data-v-95d0b535]{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;padding:0 .625rem;height:1.25rem;color:var(--ep-color-text-inverse);font-size:var(--ep-size-s);font-weight:var(--ep-font-weight-bold)}
html .layout1.btn-wall .type-img[data-v-95d0b535]{position:absolute;top:calc(50% - .375rem);left:50%;transform:translate(-50%,-50%);z-index:1;width:2.625rem;height:2.625rem}
html .layout1.btn-wall .type-img.category[data-v-95d0b535]{background-size:700% 100%}
html .layout1.btn-wall .type-img.platform[data-v-95d0b535]{background-size:800% 500%}
html .layout1.btn-wall .hot-img[data-v-95d0b535]{position:absolute;top:calc(50% - .625rem);left:50%;transform:translate(-50%,-50%);z-index:1;width:2rem;height:2rem}

/* tabbar_inicio_Segment_nav '37-category' (componente novo, data-v-a53a113c; bundle 1861101) (8 regras) */
html .layout1.btn-wall[data-v-a53a113c]{position:relative;display:flex;flex-direction:column;align-items:center;width:4rem;height:4.125rem;border-radius:var(--ep-border-radius-surface-default) var(--ep-border-radius-surface-default) .625rem .625rem;overflow:hidden}
html .layout1.btn-wall .btn-wall-card[data-v-a53a113c]{position:relative;width:100%;height:3.75rem;border-radius:var(--ep-border-radius-surface-default);background:linear-gradient(180deg,var(--ep-color-background-fill-gradients-tertiary-a) 0%,var(--ep-color-background-fill-gradients-tertiary-b) 100%);box-shadow:0 .0625rem 0 0 var(--ep-color-border-brand, #C700E3) inset}
html .layout1.btn-wall .btn-wall-card-inner[data-v-a53a113c]{display:flex;justify-content:center;align-items:center;width:2.375rem;height:2.375rem;margin:.25rem auto 0;border-radius:var(--ep-border-radius-infinity, 9999px);background:url(/assets/category-bg37-r2-jH-cQtHw.png) center center / 100% 100% no-repeat,linear-gradient(180deg,var(--ep-color-background-fill-active-primary) 0%,var(--ep-color-background-fill-active-active) 100%);box-shadow:0 .0625rem 0 0 var(--ep-color-border-brand) inset}
html .layout1.btn-wall .type-img[data-v-a53a113c]{margin:0 auto;width:2rem;height:2rem}
html .layout1.btn-wall .type-img.category[data-v-a53a113c]{background-size:700% 100%}
html .layout1.btn-wall .type-img.platform[data-v-a53a113c]{background-size:800% 500%}
html .layout1.btn-wall .hot-img[data-v-a53a113c]{width:1.75rem;height:1.75rem}
html .layout1.btn-wall .btn-wall-label[data-v-a53a113c]{position:absolute;bottom:0;height:1.25rem;left:50%;transform:translate(-50%);width:100%;line-height:1.25rem;border-radius:var(--ep-border-radius-infinity);color:var(--ep-color-text-inverse);background:linear-gradient(90deg,var(--ep-color-background-fill-gradients-secondary-a) 0%,var(--ep-color-background-fill-gradients-secondary-b) 118.75%);font-size:var(--ep-size-xs);font-weight:var(--ep-font-weight-bold);box-shadow:0 -.125rem .375rem rgba(0,0,0,.4),0 .0625rem 0 0 var(--ep-color-border-brand) inset;text-align:center}

/* ------------------------------------------------------------------------------------------------------ */
/* RODAPE + BOTOES FLUTUANTES + TABBAR (agente BASE). Origem de todas as regras abaixo:                     */
/* ../246vip-snapshot/assets/index-r2-H85BhsCJ.css, extraidas com frontend/scripts/aurora/extract-css.mjs.  */
/* ------------------------------------------------------------------------------------------------------ */

/* tabbar_layout_title style-1 - prop showLine (data-v-a5d8b9cf, mesmo hash local) (2 regras).
   So alcanca .content-box.has-line, classe que so o AuroraPurple liga (showLine: true). */
.content-box.has-line[data-v-a5d8b9cf]{display:flex;align-items:center;gap:.5rem}
.content-box.has-line .title-line[data-v-a5d8b9cf]{flex:1;height:2px;background:linear-gradient(90deg,var(--ep-color-background-fill-active-primary) 0%,var(--ep-color-background-fill-body-default) 100%)}

/* tabbar_inicio_FooterContent_badge 36 (componente novo, data-v-8643121d; bundle 2081541) (6 regras) */
.badge-box[data-v-8643121d]{gap:1rem;display:flex;align-items:center}
.badge-box .badge-item[data-v-8643121d]{text-align:start;display:flex;flex-direction:column;align-items:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.badge-box .badge-item[data-v-8643121d]::-webkit-scrollbar{display:none}
.badge-box .badge-item .good-img[data-v-8643121d]{color:var(--ep-color-icon-weaker);height:2.25rem;width:auto}
.badge-box .badge-item[data-v-8643121d] .social-box{justify-content:flex-end;flex-flow:nowrap;overflow-x:auto;width:auto}
.badge-box .badge-item[data-v-8643121d] .social-box .good-img{width:1.75rem;height:1.75rem;padding:var(--padding, .25rem)}

/* tabbar_inicio_FooterContent_age18 36 (componente novo, data-v-b8e95ff0; bundle 2081798) (9 regras) */
.badge-box[data-v-b8e95ff0]{display:flex;gap:1.25rem;justify-content:center;padding-block:.75rem}
.badge-box .badge-item[data-v-b8e95ff0]{text-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.badge-box .badge-item .label[data-v-b8e95ff0]{font-weight:var(--ep-font-weight-regular, 400);font-size:var(--ep-font-size-m, .875rem)}
.badge-box .badge-item .icon-box[data-v-b8e95ff0]{display:flex;flex-wrap:wrap;gap:.5rem}
.badge-box .badge-item .icon-box .icon-gamcare[data-v-b8e95ff0]{color:var(--ep-color-icon-weaker);font-size:var(--ep-font-size-xxl, 1.5rem)}
.badge-box .badge-item .icon-box .icon-img[data-v-b8e95ff0]{width:0;height:0}
.badge-box .badge-item .icon-box .icon-img.good-img[data-v-b8e95ff0]{color:var(--ep-color-icon-weaker);width:1.5rem;height:1.5rem}
.badge-box .badge-item[data-v-b8e95ff0] .social-box{justify-content:flex-end}
.badge-box .badge-item[data-v-b8e95ff0] .social-box .good-img{width:1.75rem;height:1.75rem;padding:var(--padding, .25rem)}

/* PartView socialMedia style-36 / esteira (componente novo, data-v-f979609f; bundle 2080830) (9 regras) */
html .social-box[data-v-f979609f]{width:100%;display:flex;justify-content:center;flex-flow:wrap;gap:.75rem}
html .social-box .social-img[data-v-f979609f]{flex-shrink:0;padding:.5rem;background:rgba(42,171,238,.2);border-radius:50%;overflow:hidden;object-fit:cover}
html .social-box .social-img[data-v-f979609f]::part(image){border-radius:50%}
html .social-box .social-img.good-img[data-v-f979609f]{width:2.5rem;height:2.5rem}
.social-wrapper[data-v-f979609f]{overflow:hidden;width:9.5rem}
.social-track[data-v-f979609f]{display:flex;gap:.75rem;animation:scroll-f979609f 20s linear infinite}
.social-box[data-v-f979609f]{display:flex;flex-shrink:0}
@keyframes scroll-f979609f{0%{transform:translate(0)}to{transform:translate(calc(-50% - 10.25rem))}}
.social-track[data-v-f979609f]:hover{animation-play-state:paused}

/* tabbar_layout_contentBox 37 - caixa fixa dos flutuantes (componente novo, data-v-7883c3ec; bundle 1609413) (2 regras) */
.content-box-37[data-v-7883c3ec]{position:fixed;bottom:calc(5rem + env(safe-area-inset-bottom));left:.75rem;right:.75rem;z-index:1000;display:flex;flex-direction:row;align-items:center;justify-content:space-between;pointer-events:none}
.content-box-37[data-v-7883c3ec]>*{pointer-events:auto}

/* tabbar_inicio_CustomerServiceButton style-1 (data-v-ad181b16, mesmo hash local) - so .layout37 (3 regras) */
html .layout37.support[data-v-ad181b16]{width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(90deg,var(--ep-color-background-fill-gradients-primary-a) 0%,var(--ep-color-background-fill-gradients-primary-b) 100%)}
html .layout37.support .support-icon[data-v-ad181b16]{width:2.125rem;height:2.125rem;color:var(--ep-color-icon-inverse, #FFF)}
html .layout37.support .dot[data-v-ad181b16]{position:absolute;top:.5rem;width:.5rem;height:.5rem;border-radius:50%;background:red;top:0;left:1.75rem}

/* tabbar_inicio_ToTopButton style-1 - so .layout37 (5 regras).
   Hash traduzido: data-v-5f3f7928 (246VIP) -> data-v-ede82f25 (ToTopButton/style-1 deste projeto). */
html .layout37.to-top-box[data-v-ede82f25]{display:flex;flex-direction:column;width:2.25rem;height:2.25rem;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(180deg,var(--ep-color-background-fill-gradients-primary-a) 0%,var(--ep-color-background-fill-gradients-primary-b) 100%)}
html .layout37.to-top-box .icon-wall[data-v-ede82f25]{width:1.25rem;height:1.25rem;display:flex;justify-content:center;align-items:center}
html .layout37.to-top-box .icon-wall .to-top[data-v-ede82f25]{position:relative;bottom:-.375rem;font-size:1.25rem;color:var(--ep-color-icon-inverse, #FFF)}
html .layout37.to-top-box .to-top[data-v-ede82f25]{font-size:.75rem;color:var(--ep-color-icon-inverse, #FFF)}
html .layout37.to-top-box .to-top-text[data-v-ede82f25]{position:relative;top:-.125rem;font-size:.75rem}

/* tabbar_tabBar style-1 - so .layout37 (2 regras).
   Hash traduzido: data-v-f0e8c86f (246VIP) -> data-v-b0e39f97 (tabBar/style-1 deste projeto).
   As regras base (html .tab-bar / .inner-wrap) ja existem identicas em index-Cl834OsA.css:262116. */
html .layout37.tab-bar[data-v-b0e39f97]{border-radius:var(--ep-border-radius-m) var(--ep-border-radius-m) 0 0;--background: var(--ep-color-background-fill-gradients-secondary-b)}
html .layout37.tab-bar .inner-wrap[data-v-b0e39f97]{background:linear-gradient(180deg,var(--ep-color-background-fill-surface-raised-L2) 0%,var(--ep-color-background-fill-gradients-secondary-b) 100%);padding:0}

/* tabbar_tabBar_tabItem style-25 (data-v-86134407, mesmo hash local) - so .layout37 (4 regras) */
.layout37.tab-btn[data-v-86134407]{position:relative}
.layout37.tab-btn .tab-img[data-v-86134407]{width:2.25rem;height:2.25rem;margin-bottom:.125rem;color:var(--ep-color-text-navigation-default)}
.layout37.tab-btn.active-tab .tab-img[data-v-86134407]{color:var(--ep-color-text-navigation-selected)}
.layout37.tab-btn.active-tab[data-v-86134407]:after{position:absolute;content:"";left:50%;transform:translate(-50%);bottom:.125rem;width:2.625rem;height:.125rem;background:linear-gradient(90deg,rgba(224,0,255,0) 1.2%,var(--ep-color-border-brand) 48.92%,rgba(224,0,255,0) 95.82%)}

/* activity_Agency style-18 - arte do topo da /activity/agency/<id> (data-v-06be2933, mesmo hash local;
   na referencia o componente e data-v-a6c8ba49) - so .layout37 (2 regras).
   Origem: 246vip-snapshot/assets/biz-activity-r2-L-fvW5Ek.css (CSS proprio do chunk biz-activity do 246VIP,
   baixado nesta sessao; o index-r2-H85BhsCJ.css do build novo nao traz mais o CSS das telas de atividade).
   Duas diferencas em relacao a regra base de index-Cl834OsA.css:6115801, que continua valendo nos outros ~13
   temas que usam este mesmo componente:
     1. `background-image`: a arte antiga (bg-poster-DDQiUITQ.png) tem "INVITE FRIENDS" pintado na imagem; a
        placa vazia e bg-poster-MfnJ14N2.png, que ja vinha no snapshot original (app/assets/) e e byte a byte
        igual ao /assets/bg-poster-r2-MfnJ14N2.png que a referencia usa (md5 92281e73165ca7c5a65d149b74e3103c).
     2. `position: relative`: o build novo acrescentou, para ancorar o svg.agent-poster-title absoluto.
   A classe `layout37` no .agent-poster vem do v-if de tema em
   frontend/src/components/activity/Agency/style-18/index.vue. */
ion-content .agent-poster.layout37[data-v-06be2933]{background-image:url(/assets/bg-poster-MfnJ14N2.png);position:relative}
ion-content .agent-poster.layout37 .agent-poster-title[data-v-06be2933]{position:absolute;top:22%;left:50%;width:15rem;transform:translate(-50%,-50%)}

/* QuickEntry single (icone flutuante) — data-v-90176ef3 (246VIP) -> data-v-4e8cd9b4 (local). O build novo do  */
/* fornecedor diminuiu o limite do icone de 6.325rem para 4.375rem (no snapshot original o icone acabava       */
/* limitado pelo container, 4.625rem). Restrito a html.theme-37 para nao mudar o tamanho nos outros temas.     */
html.theme-37 .single-wrap[data-v-4e8cd9b4]{max-width:4.375rem;max-height:4.375rem}