@charset "UTF-8";
/* =============================================================================
   SELOS DE MÍDIA — galeria ("N fotos") e vídeo · v1 (19/09/2026)
   -----------------------------------------------------------------------------
   Separado de os-gallery-redesign-2.css (auditoria 19/09): o selo é o ÚNICO
   pedaço que a capa, as listagens e a busca usam — o resto daquele arquivo
   (galeria justificada, mosaico, carrossel, lightbox) só existe no post de
   galeria e vinha junto, em toda página de listagem.
   Padrão do dono (16/09): selo SEMPRE no canto superior esquerdo, largura
   automática, mesmo visual em foto grande ou miniatura.
   ============================================================================= */

/* =========================================================================
   5) SELOS DE MÍDIA — PADRÃO DO SITE (16/09, decisão do dono)
   Galeria ("N fotos") e vídeo: SEMPRE no canto SUPERIOR ESQUERDO, largura
   automática, mesmo visual em imagem grande ou miniatura. Antes esta folha
   usava right:12px e outras (style.css, responsive.css, capa) usavam left —
   com as duas ao mesmo tempo o selo esticava de lado a lado.
   ========================================================================= */
.fn__gallery_count{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;
  width:auto!important;height:auto!important;max-width:calc(100% - 24px);transform:none!important;z-index:6;
  display:inline-flex!important;align-items:center;gap:6px;background:rgba(36,23,52,.86);color:#fff;
  font-family:var(--bff),system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1;letter-spacing:.02em;
  padding:6px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;}
.fn__gallery_count span{width:auto!important;height:auto!important;line-height:1!important;font-size:inherit!important;
  color:#fff!important;font-family:inherit!important;font-weight:800;text-transform:none;text-align:left;font-variant-numeric:tabular-nums;}
.fn__gallery_count .fn__isvg,.fn__gallery_count svg{position:static!important;width:14px!important;height:14px!important;
  font-size:0!important;z-index:auto!important;display:block;flex-shrink:0;color:#fff;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M4%206h12a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2zm4-4h12a2%202%200%200%201%202%202v12h-2V4H8V2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M4%206h12a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2zm4-4h12a2%202%200%200%201%202%202v12h-2V4H8V2z'/%3E%3C/svg%3E") center/contain no-repeat;}
.fn__gallery_count .fn__isvg::before{content:none!important;}
/* miniatura: mesmo canto, escala menor */
.fn__gallery_count[data-size="s"]{top:8px!important;left:8px!important;padding:4px 7px;font-size:11px;gap:4px;}
.fn__gallery_count[data-size="s"] .fn__isvg,.fn__gallery_count[data-size="s"] svg{width:11px!important;height:11px!important;}
/* vídeo: mesmo canto */
.os-videoBadge{top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;}