/* Arquivo GF — refino visual da PÁGINA DO ÁLBUM (Etapa 2, 28/10/2026). Sem interruptor: ajuste visual é
   feito no local, aprovado pelo Vilson e publicado (decisão de 28/10). Reverter = restaurar o arquivo anterior.
   Só CSS e FORA da venda: a caixa do Sócio (.agf-su), o bloco Banlek (.agf-banlek-cta e o botão
   .agf-hero-banlek), o convite de membro (.agf-membership-cta) e o convite do Retratos não são tocados
   (Etapa 3, exige pedido próprio). Regras: texto >= 12 px, contraste >= 4.5:1, alvo de toque >= 36–44 px,
   raios 16/10, sombras neutras em camadas, Bebas só em título curto, movimento curto e desligável. */
html.force-dark{
  --dark-m:rgba(240,234,248,.66);
  --agf-r:16px; --agf-ease:cubic-bezier(.22,1,.36,1);
  --agf-sh:0 1px 2px rgba(0,0,0,.45),0 12px 32px rgba(0,0,0,.35);
  --agf-hl:inset 0 1px 0 rgba(255,255,255,.06);
}

/* barra do álbum: "Acervo" em 12 px a .65 e compartilhar com 32 px de toque */
html.force-dark .agf-nav-back{font-size:14px;color:rgba(240,234,248,.8);min-height:44px}
html.force-dark .agf-nav-share{width:40px;height:40px}

/* abertura: local e data legíveis; os atalhos (Acervo, Álbuns da cidade, do ano…) estavam a .30 (≈2,3:1),
   com 12 px e 2 px de altura de toque. Viram pílulas de 36 px; o "›" entre elas some (já não aparecia). */
html.force-dark .agf-hero-meta-item{font-size:13px;color:rgba(240,234,248,.8)}
html.force-dark .agf-hero-breadcrumb{gap:6px;margin-top:12px}
html.force-dark .agf-hero-breadcrumb a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;font-size:13px;font-weight:700;color:rgba(240,234,248,.74);border-color:rgba(255,255,255,.16)}
html.force-dark .agf-hero-breadcrumb a:hover{color:#F0EAF8;border-color:rgba(255,255,255,.34)}
html.force-dark .agf-hero-breadcrumb-sep{display:none}
/* celular: os atalhos numa linha só, que rola de lado (em pílulas de 36 px eles ocupavam 3 linhas e empurravam as fotos) */
@media(max-width:640px){
  html.force-dark .agf-hero-breadcrumb{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    width:calc(100% + 28px);margin-left:-14px;margin-right:-14px;padding:0 14px;scroll-padding:0 14px}
  html.force-dark .agf-hero-breadcrumb::-webkit-scrollbar{display:none}
  html.force-dark .agf-hero-breadcrumb a{flex:none;white-space:nowrap}
}

/* grade de fotos: raio da escala e movimento mais suave */
html.force-dark .agf-photo-item{border-radius:10px}
html.force-dark .agf-photo-item img{transition:transform 420ms var(--agf-ease)}
html.force-dark .agf-photo-item:hover img{transform:scale(1.03)}

/* comentários: frase longa sai do Bebas e vai para Nunito; textos de apoio estavam a .40–.50 */
html.force-dark .agf-cm-title{font-family:'Nunito',sans-serif;font-weight:900;font-size:22px;line-height:1.25;letter-spacing:0;color:#F0EAF8;margin-bottom:12px}
html.force-dark .agf-cm-empty,html.force-dark .agf-cm-locked{color:rgba(240,234,248,.74)}
html.force-dark .agf-cm-ano,html.force-dark .agf-cm-data{color:rgba(240,234,248,.62)}
html.force-dark .agf-cm-texto{color:rgba(240,234,248,.86)}

/* texto do álbum e aviso de direitos: 11 px a .38 (≈3:1), centralizado em linha longa.
   Agora 13 px, alinhado à esquerda numa coluna de leitura. */
html.force-dark .agf-ctx-seo{max-width:680px}
html.force-dark .agf-ctx-seo p,html.force-dark .agf-context-text{font-size:13px;line-height:1.65;color:rgba(240,234,248,.64);text-align:left}
html.force-dark .agf-ctx-seo strong,html.force-dark .agf-context-text strong{color:rgba(240,234,248,.82)}
html.force-dark .agf-ctx-seo a,html.force-dark .agf-context-text a{color:rgba(240,234,248,.82);text-decoration:underline;text-underline-offset:2px}
html.force-dark .agf-lgpd-aviso{font-size:12px;color:rgba(240,234,248,.6);text-align:left}

/* outros álbuns: o mesmo card da vitrine refinada (Etapa 1) */
html.force-dark .agf-related-title{color:#F0EAF8}
html.force-dark .agf-related-grid{gap:12px}
html.force-dark .agf-related .agf-card{border-color:rgba(255,255,255,.08);border-radius:var(--agf-r);box-shadow:var(--agf-sh),var(--agf-hl);transition:transform 380ms var(--agf-ease),box-shadow 380ms var(--agf-ease)}
html.force-dark .agf-related .agf-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(0,0,0,.5),0 22px 52px rgba(0,0,0,.5),var(--agf-hl)}
html.force-dark .agf-related .agf-card:active{transform:scale(.99);transition-duration:90ms}
html.force-dark .agf-related .agf-card-title{font-size:14px;line-height:1.3}
html.force-dark .agf-related .agf-card-loc{font-size:12px;white-space:normal;overflow:visible;text-overflow:clip;align-items:flex-start;line-height:1.35}
html.force-dark .agf-related .agf-card-loc svg{margin-top:2px;flex-shrink:0}
html.force-dark .agf-related .agf-card-count{font-size:13px}
html.force-dark .agf-related .agf-card-year{font-size:12px;box-shadow:inset 0 0 0 999px rgba(0,0,0,.3)}

@media(prefers-reduced-motion:reduce){
  html.force-dark .agf-photo-item img,html.force-dark .agf-related .agf-card{transition:none}
  html.force-dark .agf-photo-item:hover img,html.force-dark .agf-related .agf-card:hover{transform:none}
}

/* Botão "Procurar meu rosto nas fotos · na Banlek" (topo e rodapé): no celular cada pedaço encolhia e quebrava
   sozinho ("nas / fotos" com o "na Banlek" espremido ao lado). Agora os pedaços não quebram por dentro; se não
   couber numa linha, "na Banlek" desce inteiro, centralizado. Só aparência: link, destino e rastreio iguais. */
html.force-dark .agf-hero-banlek{flex-wrap:wrap;justify-content:center;row-gap:2px;max-width:100%;text-align:center;padding-top:6px;padding-bottom:6px}
html.force-dark .agf-hero-banlek > span{white-space:nowrap}

/* ── Etapa 3 (28/10/2026): caixa do Sócio, convite de membro e apoio da Banlek. SÓ APARÊNCIA: nenhum texto,
   preço, link, ordem de plano ou destino muda. O sócio nem vê esta caixa (vai para /socio/album/). ── */
/* etiquetas "SÓCIO GF" e "RECOMENDADO" saem da caixa alta espaçada (o texto no HTML já é "Sócio GF"/"Recomendado") */
html.force-dark .agf-v2-selo{height:26px;padding:0 12px;font-size:13px;letter-spacing:0;text-transform:none;font-weight:800}
html.force-dark .agf-v2-pl-esq em{text-transform:none;letter-spacing:0;font-size:12px}
/* planos: raio da escala, filete de 1 px e sombra neutra; o recomendado continua com o contorno rosa */
html.force-dark .agf-v2-plano{border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.35)}
html.force-dark .agf-v2-plano.rec{box-shadow:inset 0 0 0 1.5px rgba(233,30,99,.55),0 8px 24px rgba(233,30,99,.12)}
html.force-dark .agf-v2-plano:hover{background:rgba(255,255,255,.06)}
html.force-dark .agf-v2-plano.rec:hover{background:rgba(233,30,99,.11)}
/* letras pequenas estavam a .55; sobem para .7 (por dia, pagamento único, nota do Passaporte, seta) */
html.force-dark .agf-v2-pl-esq small,html.force-dark .agf-v2-pl-dir small{color:rgba(240,234,248,.7)}
html.force-dark .agf-v2-nota{font-size:13px;color:rgba(240,234,248,.7)}
html.force-dark .agf-v2-seta{color:rgba(240,234,248,.7)}
/* botão principal: mesmo raio dos planos */
html.force-dark .agf-v2-pri{border-radius:16px}
/* fotos borradas de prévia: raio da escala */
html.force-dark .agf-v2-blurs img{border-radius:10px}

/* convite de membro: texto a .6 em 13 px e link #E91E63 (≈4,4:1 no fundo escuro) */
html.force-dark .agf-membership-cta{border-radius:16px;border-color:rgba(233,30,99,.22)}
html.force-dark .agf-membership-cta span{font-size:14px;color:rgba(240,234,248,.8)}
html.force-dark .agf-membership-cta a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#FF80AB}

/* bloco Banlek do fim: texto de apoio estava em 12 px a .55 */
html.force-dark .agf-banlek-support{font-size:13px;color:rgba(240,234,248,.68)}