/* Banana Friends · Momentos · momentos.css */

body.bf-page-feeds .post-media-arrow{display: none !important;}

@media (min-width: 941px) and (hover: hover) and (pointer: fine){
body.bf-page-feeds .post-media-arrow{position: absolute !important;
    z-index: 18 !important;
    top: 50% !important;
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.74) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.86) !important;
    color: #171719 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2) !important;
    opacity: 1 !important;
    cursor: pointer !important;
    transform: translateY(-50%) !important;
    backdrop-filter: blur(20px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(170%) !important;
    transition: background 0.18s ease, box-shadow 0.18s ease,
      opacity 0.18s ease, transform 0.18s ease !important;}

body.bf-page-feeds .post-media-arrow--prev{left: 16px !important;}

body.bf-page-feeds .post-media-arrow--next{right: 16px !important;}

body.bf-page-feeds .post-media-arrow:hover:not(:disabled){background: #fff !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.24) !important;
    transform: translateY(-50%) scale(1.04) !important;}

body.bf-page-feeds .post-media-arrow:active:not(:disabled){transform: translateY(-50%) scale(0.95) !important;}

body.bf-page-feeds .post-media-arrow:disabled{opacity: 0.34 !important;
    cursor: default !important;}
}

@media (max-width: 940px), (hover: none), (pointer: coarse){
body.bf-page-feeds .post-media-arrow{display: none !important;}
}

body.bf-page-feeds article.post .post-header-info,
body.bf-page-feeds article.post .post-username,
body.bf-page-feeds article.post .post-name-text,
body.bf-page-feeds article.post .post-meta-inline,
body.bf-page-feeds article.post .post-meta-inline span{border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;}

body.bf-page-feeds article.post .post-header-info::before,
body.bf-page-feeds article.post .post-header-info::after,
body.bf-page-feeds article.post .post-username::before,
body.bf-page-feeds article.post .post-username::after{display: none !important;
  content: none !important;}

body.bf-page-feeds #feedCommentsSheet .comment-header{display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;}

body.bf-page-feeds #feedCommentsSheet .comment-header-main{flex: 1 1 auto !important;
  min-width: 0 !important;}

body.bf-page-feeds #feedCommentsSheet .bf-comment-delete{display: inline-grid !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  margin: -5px -2px 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #77777f !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background 0.16s ease, color 0.16s ease,
    transform 0.16s ease !important;}

body.bf-page-feeds #feedCommentsSheet .bf-comment-delete svg{width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;}

body.bf-page-feeds #feedCommentsSheet .bf-comment-delete:hover{background: #f1f1f3 !important;
  color: #171719 !important;}

body.bf-page-feeds #feedCommentsSheet .bf-comment-delete:active{transform: scale(0.92) !important;}

body.bf-page-feeds #feedCommentsSheet .bf-comment-delete:focus-visible{outline: 2px solid #171719 !important;
  outline-offset: 2px !important;}

body.bf-page-feeds .feed-posts > article.post .post-media-track{display: flex !important;
  width: 100% !important;
  height: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-padding-inline: 0 !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-x: contain !important;
  touch-action: pan-x pan-y !important;
  cursor: grab;}

body.bf-page-feeds .feed-posts > article.post .post-media-track:active{cursor: grabbing;}

body.bf-page-feeds .feed-posts > article.post .post-media-track::-webkit-scrollbar{display: none !important;
  width: 0 !important;
  height: 0 !important;}

body.bf-page-feeds .feed-posts > article.post .post-media-item{flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;
  overflow: hidden !important;}

body.bf-page-feeds .feed-posts > article.post button.like-count.like-count-btn{-webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 4px 0 -4px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #55555e !important;
  text-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;}

body.bf-page-feeds .feed-posts > article.post button.like-count.like-count-btn:hover,
body.bf-page-feeds .feed-posts > article.post button.like-count.like-count-btn:active,
body.bf-page-feeds .feed-posts > article.post button.like-count.like-count-btn:focus{border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;}

body.bf-page-feeds .feed-posts > article.post button.like-count.like-count-btn:focus-visible{outline: 2px solid rgba(23, 23, 25, 0.28) !important;
  outline-offset: 2px !important;
  border-radius: 5px !important;}

@media (max-width: 940px), (hover: none), (pointer: coarse){
body.bf-page-feeds .feed-posts > article.post .post-media-track{cursor: default !important;}

body.bf-page-feeds .feed-posts > article.post button.like-count.like-count-btn{height: 38px !important;
    margin-right: 1px !important;}
}

body.bf-page-feeds .feed-list-heading{align-items: center !important;}

@media (max-width: 940px){
body.bf-page-feeds .feed-list-heading{align-items: center !important;}

body.bf-page-feeds .feed-create-button{align-self: center !important;}
}

body.bf-page-feeds .feed-posts > article.post .post-media-item video{pointer-events: auto !important;
  touch-action: pan-x pan-y !important;}

body.bf-page-feeds .feed-posts > article.post .post-media-item:has(video){position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;}

body.bf-page-feeds .feed-posts > article.post .post-media-item video{position: absolute !important;
  inset: -1px !important;
  display: block !important;
  width: calc(100% + 2px) !important;
  height: calc(100% + 2px) !important;
  min-width: calc(100% + 2px) !important;
  max-width: none !important;
  min-height: calc(100% + 2px) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateZ(0) scale(1.002) !important;
  -webkit-transform: translateZ(0) scale(1.002) !important;}

body.bf-page-feeds.feed-ui-modal-open,
body.bf-page-feeds.comments-modal-open{overflow: hidden !important;}

body.bf-page-feeds.feed-ui-modal-open > .feed,
body.bf-page-feeds.comments-modal-open > .feed{overflow: hidden !important;
  overscroll-behavior: none !important;}

body.bf-page-feeds :is(.ui-modal-overlay, .comments-overlay){background: rgba(18, 18, 20, 0.38) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;}

body.bf-page-feeds #uiModalOverlay.ui-modal-overlay{z-index: 10020 !important;
  opacity: 0 !important;
  transition: opacity 0.19s ease !important;}

body.bf-page-feeds #uiModalOverlay.ui-modal-overlay.is-open{opacity: 1 !important;}

body.bf-page-feeds #uiModal.ui-modal{z-index: 10021 !important;
  width: min(480px, calc(100vw - 28px)) !important;
  opacity: 0 !important;
  transform: translate(-50%, calc(-50% + 12px)) scale(0.975) !important;
  transition: opacity 0.19s ease, transform 0.19s ease !important;}

body.bf-page-feeds #uiModal.ui-modal.is-open{opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;}

body.bf-page-feeds #uiModal .ui-modal-card{position: relative !important;
  max-height: min(78dvh, 680px) !important;
  padding: 24px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #171719 !important;
  box-shadow: 0 32px 90px rgba(22, 22, 25, 0.25) !important;
  overflow: hidden !important;
  backdrop-filter: blur(30px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(170%) !important;}

body.bf-page-feeds #uiModal .ui-modal-card::before{content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent) !important;
  pointer-events: none !important;}

body.bf-page-feeds #uiModal .ui-modal-close,
body.bf-page-feeds #feedCommentsSheet .comments-close{-webkit-appearance: none !important;
  appearance: none !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(239, 239, 242, 0.92) !important;
  color: #171719 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .16s ease, transform .16s ease !important;}

body.bf-page-feeds #uiModal .ui-modal-close{position: absolute !important;
  z-index: 3 !important;
  top: 18px !important;
  right: 18px !important;}

body.bf-page-feeds :is(#uiModal .ui-modal-close, #feedCommentsSheet .comments-close):hover{background: #e5e5e8 !important;}

body.bf-page-feeds :is(#uiModal .ui-modal-close, #feedCommentsSheet .comments-close):active{transform: scale(.92) !important;}

body.bf-page-feeds :is(#uiModal .ui-modal-close, #feedCommentsSheet .comments-close) svg{width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;}

body.bf-page-feeds #uiModal .ui-modal-title{max-width: calc(100% - 48px) !important;
  margin: 0 0 8px !important;
  color: #171719 !important;
  font-size: 23px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -.035em !important;}

body.bf-page-feeds #uiModal .ui-modal-msg{color: #62626b !important;
  font-size: 14px !important;
  line-height: 1.5 !important;}

body.bf-page-feeds #uiModal .ui-modal-actions:empty{display: none !important;}

body.bf-page-feeds #uiModal .ui-modal-actions{margin-top: 20px !important;}

body.bf-page-feeds #uiModal .ui-btn{min-height: 46px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ededf0 !important;
  color: #171719 !important;
  font-weight: 800 !important;}

body.bf-page-feeds #uiModal .ui-btn.primary{background: #171719 !important;
  color: #fff !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .ui-modal-card{padding: 24px 16px 16px !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .ui-modal-title{padding: 0 8px !important;
  margin-bottom: 14px !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .ui-modal-msg{margin: 0 !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-list{width: 100% !important;
  max-height: min(58dvh, 510px) !important;
  margin: 0 !important;
  padding: 2px 2px 0 !important;
  gap: 6px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(23,23,25,.18) transparent !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-list::-webkit-scrollbar{width: 5px !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-list::-webkit-scrollbar-thumb{border-radius: 999px !important;
  background: rgba(23,23,25,.18) !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-item{width: 100% !important;
  margin: 0 !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-item-btn{display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 66px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: transparent !important;
  color: #171719 !important;
  text-align: left !important;
  transition: background .15s ease, transform .15s ease !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-item-btn:hover{background: rgba(232,232,235,.72) !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-item-btn:active{transform: scale(.985) !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-avatar{width: 48px !important;
  height: 48px !important;
  border: 2px solid rgba(255,255,255,.92) !important;
  box-shadow: 0 0 0 1px rgba(23,23,25,.08), 0 8px 20px rgba(23,23,25,.12) !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-name{flex: 1 1 auto !important;
  min-width: 0 !important;
  color: #171719 !important;
  font-size: 15px !important;
  font-weight: 760 !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-name span{overflow: hidden !important;
  color: #171719 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-verified{width: 17px !important;
  height: 17px !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-item-arrow{display: grid !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  margin-left: auto !important;
  border-radius: 999px !important;
  background: rgba(236,236,239,.9) !important;
  color: #777780 !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-item-arrow svg{width: 15px !important;
  height: 15px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-empty{min-height: 180px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 26px !important;
  border-radius: 22px !important;
  background: rgba(239,239,242,.7) !important;
  color: #707078 !important;
  font-size: 14px !important;
  font-weight: 700 !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-loading{display: grid !important;
  gap: 8px !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-loading > span{display: block !important;
  height: 64px !important;
  border-radius: 20px !important;
  background: linear-gradient(90deg, #eeeeef 20%, #f8f8f9 50%, #eeeeef 80%) !important;
  background-size: 220% 100% !important;
  animation: bfModalShimmer 1.2s linear infinite !important;}

@keyframes bfModalShimmer{to { background-position: -220% 0; }}

body.bf-page-feeds #feedCommentsOverlay.comments-overlay{z-index: 10010 !important;
  opacity: 0 !important;
  transition: opacity .22s ease !important;}

body.bf-page-feeds #feedCommentsOverlay.comments-overlay.open{opacity: 1 !important;}

body.bf-page-feeds #feedCommentsSheet.comments-sheet{z-index: 10011 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: min(680px, calc(100vw - 24px)) !important;
  height: min(76dvh, 760px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 32px !important;
  background: rgba(255,255,255,.95) !important;
  color: #171719 !important;
  box-shadow: 0 32px 100px rgba(22,22,25,.26) !important;
  overflow: hidden !important;
  backdrop-filter: blur(30px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(170%) !important;
  transition: bottom .26s cubic-bezier(.22,.8,.24,1), transform .26s cubic-bezier(.22,.8,.24,1) !important;}

body.bf-page-feeds #feedCommentsSheet .comments-sheet-top{position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 88px !important;
  padding: 20px 22px 16px !important;
  border-bottom: 1px solid rgba(23,23,25,.07) !important;
  background: rgba(255,255,255,.78) !important;
  flex: 0 0 auto !important;}

body.bf-page-feeds #feedCommentsSheet .sheet-handle{display: none !important;}

body.bf-page-feeds #feedCommentsSheet .comments-heading{display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;}

body.bf-page-feeds #feedCommentsSheet .comments-heading-icon{display: grid !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  place-items: center !important;
  border-radius: 15px !important;
  background: #171719 !important;
  color: #fff !important;}

body.bf-page-feeds #feedCommentsSheet .comments-heading-icon svg{width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linejoin: round !important;}

body.bf-page-feeds #feedCommentsSheet .comments-heading-copy{min-width: 0 !important;}

body.bf-page-feeds #feedCommentsSheet .comments-kicker{display: block !important;
  margin-bottom: 2px !important;
  color: #8a8a92 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;}

body.bf-page-feeds #feedCommentsSheet .sheet-title{margin: 0 !important;
  color: #171719 !important;
  font-size: 21px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  letter-spacing: -.03em !important;
  text-align: left !important;}

body.bf-page-feeds #feedCommentsSheet .comments-close{position: static !important;
  flex: 0 0 40px !important;
  margin-left: auto !important;}

body.bf-page-feeds #feedCommentsSheet .comments-list{flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 8px 18px 18px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(23,23,25,.18) transparent !important;}

body.bf-page-feeds #feedCommentsSheet .comment-item{display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 14px 6px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23,23,25,.065) !important;}

body.bf-page-feeds #feedCommentsSheet .comment-item:last-child{border-bottom: 0 !important;}

body.bf-page-feeds #feedCommentsSheet .comment-profile-link,
body.bf-page-feeds #feedCommentsSheet .comment-avatar{width: 46px !important;
  height: 46px !important;}

body.bf-page-feeds #feedCommentsSheet .comment-avatar{border: 2px solid rgba(255,255,255,.94) !important;
  box-shadow: 0 0 0 1px rgba(23,23,25,.08), 0 8px 20px rgba(23,23,25,.1) !important;}

body.bf-page-feeds #feedCommentsSheet .comment-body{min-width: 0 !important;
  padding-top: 1px !important;}

body.bf-page-feeds #feedCommentsSheet .comment-header{align-items: flex-start !important;}

body.bf-page-feeds #feedCommentsSheet .comment-name{display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #171719 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;}

body.bf-page-feeds #feedCommentsSheet .comment-date{color: #9a9aa2 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;}

body.bf-page-feeds #feedCommentsSheet .comment-text{margin-top: 6px !important;
  color: #424248 !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
  overflow-wrap: anywhere !important;}

body.bf-page-feeds #feedCommentsSheet .feed-comment-input-wrap{flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid rgba(23,23,25,.07) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.9) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(150%) !important;}

body.bf-page-feeds #feedCommentsSheet .comment-input{position: static !important;
  padding: 0 !important;
  gap: 10px !important;
  background: transparent !important;}

body.bf-page-feeds #feedCommentsSheet .comment-input textarea{min-height: 50px !important;
  max-height: 116px !important;
  padding: 14px 17px !important;
  border: 1px solid rgba(23,23,25,.08) !important;
  border-radius: 22px !important;
  background: #f2f2f4 !important;
  box-shadow: none !important;
  color: #171719 !important;
  font-size: 15px !important;}

body.bf-page-feeds #feedCommentsSheet .comment-input textarea:focus{border-color: rgba(23,23,25,.2) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(23,23,25,.06) !important;}

body.bf-page-feeds #feedCommentsSheet .comment-input button{flex: 0 0 50px !important;
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #ff8a16 0%, #ff5b13 100%) !important;
  box-shadow: 0 12px 25px rgba(255,100,18,.25) !important;}

body.bf-page-feeds #feedCommentsSheet .comment-input button:disabled{opacity: .48 !important;
  box-shadow: none !important;}

body.bf-page-feeds #feedCommentsSheet .feed-comments-gate{flex: 0 0 auto !important;
  margin: 0 18px 14px !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: #f1f1f3 !important;
  box-shadow: none !important;}

body.bf-page-feeds #feedCommentsSheet .comments-state{min-height: 220px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 24px !important;
  color: #85858d !important;
  text-align: center !important;}

body.bf-page-feeds #feedCommentsSheet .comments-state strong{color: #343439 !important;
  font-size: 15px !important;}

body.bf-page-feeds #feedCommentsSheet .comments-state > span:last-child{font-size: 13px !important;}

body.bf-page-feeds #feedCommentsSheet .comments-spinner{width: 28px !important;
  height: 28px !important;
  margin-bottom: 4px !important;
  border: 3px solid #e2e2e5 !important;
  border-top-color: #ff6b13 !important;
  border-radius: 50% !important;
  animation: bfModalSpin .75s linear infinite !important;}

body.bf-page-feeds #feedCommentsSheet .comments-state-icon{display: grid !important;
  width: 54px !important;
  height: 54px !important;
  place-items: center !important;
  margin-bottom: 4px !important;
  border-radius: 19px !important;
  background: #ededf0 !important;
  color: #707078 !important;}

body.bf-page-feeds #feedCommentsSheet .comments-state-icon svg{width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;}

@keyframes bfModalSpin{to { transform: rotate(360deg); }}

@media (max-width: 640px){
body.bf-page-feeds #uiModal.ui-modal{top: auto !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    width: calc(100vw - 20px) !important;
    transform: translate(-50%, 20px) scale(.985) !important;}

body.bf-page-feeds #uiModal.ui-modal.is-open{transform: translate(-50%, 0) scale(1) !important;}

body.bf-page-feeds #uiModal .ui-modal-card{max-height: min(78dvh, 680px) !important;
    border-radius: 30px !important;}

body.bf-page-feeds #uiModal[data-variant="likes"] .likes-list{max-height: min(57dvh, 480px) !important;}

body.bf-page-feeds #feedCommentsSheet.comments-sheet{left: 8px !important;
    right: 8px !important;
    width: auto !important;
    height: min(78dvh, 720px) !important;
    border-radius: 30px !important;}

body.bf-page-feeds #feedCommentsSheet.comments-sheet.open{bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;}

body.bf-page-feeds #feedCommentsSheet .comments-sheet-top{min-height: 78px !important;
    padding: 18px 16px 14px !important;}

body.bf-page-feeds #feedCommentsSheet .sheet-handle{position: absolute !important;
    top: 7px !important;
    left: 50% !important;
    display: block !important;
    width: 42px !important;
    height: 4px !important;
    margin: 0 !important;
    background: rgba(23,23,25,.14) !important;
    transform: translateX(-50%) !important;}

body.bf-page-feeds #feedCommentsSheet .comments-heading-icon{width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    border-radius: 14px !important;}

body.bf-page-feeds #feedCommentsSheet .comments-kicker{display: none !important;}

body.bf-page-feeds #feedCommentsSheet .sheet-title{font-size: 19px !important;}

body.bf-page-feeds #feedCommentsSheet .comments-list{padding: 6px 12px 12px !important;}

body.bf-page-feeds #feedCommentsSheet .comment-item{padding: 13px 4px !important;}

body.bf-page-feeds #feedCommentsSheet .feed-comment-input-wrap{padding-inline: 12px !important;}
}

@media (prefers-reduced-motion: reduce){
body.bf-page-feeds :is(#uiModal, #uiModalOverlay, #feedCommentsSheet, #feedCommentsOverlay){transition: none !important;}

body.bf-page-feeds :is(.likes-loading > span, .comments-spinner){animation: none !important;}
}

body.bf-page-feeds article.post.post--with-media .post-profile-btn-overlay{padding: 4px 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-tap-highlight-color: transparent !important;}

body.bf-page-feeds article.post.post--with-media .post-profile-btn-overlay .post-header-info,
body.bf-page-feeds article.post.post--with-media .post-profile-btn-overlay .post-username,
body.bf-page-feeds article.post.post--with-media .post-profile-btn-overlay .post-name-text{margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;}

body.bf-page-feeds article.post.post--with-media .post-profile-btn-overlay:focus-visible{outline: 2px solid rgba(255, 255, 255, 0.9) !important;
  outline-offset: 4px !important;
  border-radius: 10px !important;}

body.bf-page-feeds .post-actions .icon-fire{display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;}

body.bf-page-feeds .feed-posts > article.post .post-stats-btn--media,
body.bf-page-feeds .feed-posts > article.post .post-stats-btn--plain,
body.bf-page-feeds .feed-posts > article.post .post-delete-btn--media{display: none !important;}

body.bf-page-feeds .feed-posts > article.post .post-actions{overflow: visible !important;
  clip-path: none !important;}

body.bf-page-feeds .feed-posts > article.post .post-action-right{position: relative !important;
  z-index: 32 !important;
  min-width: 38px !important;}

body.bf-page-feeds .post-owner-actions{position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;}

body.bf-page-feeds .post-owner-menu-trigger{appearance: none !important;
  -webkit-appearance: none !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  margin: -4px -4px -4px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #111827 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background .18s ease, transform .18s ease !important;}

body.bf-page-feeds .post-owner-menu-trigger svg{width: 23px !important;
  height: 23px !important;
  fill: currentColor !important;
  stroke: none !important;
  overflow: visible !important;}

body.bf-page-feeds .post-owner-menu-trigger:hover,
body.bf-page-feeds .post-owner-menu-trigger[aria-expanded="true"]{background: #f2f3f5 !important;}

body.bf-page-feeds .post-owner-menu-trigger:active{transform: scale(.94) !important;}

body.bf-page-feeds .post-owner-menu-trigger:focus-visible{outline: 3px solid rgba(255, 111, 0, .24) !important;
  outline-offset: 2px !important;}

body.bf-page-feeds .post-owner-menu{position: absolute !important;
  right: 0 !important;
  bottom: calc(100% + 10px) !important;
  z-index: 100 !important;
  width: min(244px, calc(100vw - 38px)) !important;
  padding: 7px !important;
  display: grid !important;
  gap: 3px !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 20px 56px rgba(15, 23, 42, .20), inset 0 1px 0 rgba(255,255,255,.86) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  transform-origin: bottom right !important;
  animation: bfPostOwnerMenuIn .17s ease-out both !important;}

body.bf-page-feeds .post-owner-menu[hidden]{display: none !important;}

@keyframes bfPostOwnerMenuIn{from { opacity: 0; transform: translateY(7px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }}

body.bf-page-feeds .post-owner-menu-item,
body.bf-page-feeds .post-owner-menu-item.post-stats-btn,
body.bf-page-feeds .post-owner-menu-item.post-delete-btn{appearance: none !important;
  -webkit-appearance: none !important;
  position: static !important;
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 0 !important;
  border-radius: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  color: #111827 !important;
  background: transparent !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  text-align: left !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transform: none !important;
  transition: background .16s ease, color .16s ease !important;}

body.bf-page-feeds .post-owner-menu-item svg,
body.bf-page-feeds .post-owner-menu-item.post-stats-btn svg,
body.bf-page-feeds .post-owner-menu-item.post-delete-btn svg{flex: 0 0 auto !important;
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;}

body.bf-page-feeds .post-owner-menu-item:hover,
body.bf-page-feeds .post-owner-menu-item:focus-visible{background: #f3f4f6 !important;
  outline: none !important;}

body.bf-page-feeds .post-owner-menu-item--danger{color: #d92d20 !important;}

body.bf-page-feeds .post-owner-menu-item--danger:hover,
body.bf-page-feeds .post-owner-menu-item--danger:focus-visible{color: #b42318 !important;
  background: #fff1f0 !important;}

body.bf-page-feeds .post-owner-menu-item:disabled{opacity: .48 !important;
  cursor: wait !important;}

@media (max-width: 540px){
body.bf-page-feeds .post-owner-menu{right: -2px !important;
    width: min(232px, calc(100vw - 30px)) !important;
    border-radius: 17px !important;}

body.bf-page-feeds .post-owner-menu-item,
body.bf-page-feeds .post-owner-menu-item.post-stats-btn,
body.bf-page-feeds .post-owner-menu-item.post-delete-btn{min-height: 45px !important;
    font-size: 14px !important;}
}

@media (prefers-reduced-motion: reduce){
body.bf-page-feeds .post-owner-menu{animation: none !important;}
}

body.bf-page-feeds .post-owner-menu-trigger{width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  margin: -1px 0 -1px 4px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #171719 !important;
  opacity: .82 !important;
  transition: opacity .16s ease, transform .16s ease !important;}

body.bf-page-feeds .post-owner-menu-trigger:hover,
body.bf-page-feeds .post-owner-menu-trigger[aria-expanded="true"]{background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;}

body.bf-page-feeds .post-owner-menu-trigger:active{transform: scale(.88) !important;}

body.bf-page-feeds .post-owner-menu-trigger svg{width: 24px !important;
  height: 18px !important;
  overflow: visible !important;
  fill: currentColor !important;}

body.bf-page-feeds .post-owner-menu-trigger svg circle{r: 1.55px !important;}

body.bf-page-feeds .post-owner-menu-item.post-owner-stats-btn,
body.bf-page-feeds .post-owner-menu-item.post-delete-btn{appearance: none !important;
  -webkit-appearance: none !important;
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 0 !important;
  border-radius: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  font: inherit !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  text-align: left !important;
  white-space: nowrap !important;
  z-index: auto !important;}

body.bf-page-feeds .post-owner-menu-item.post-owner-stats-btn{color: #171719 !important;}

body.bf-page-feeds .post-owner-menu-item.post-owner-stats-btn:hover,
body.bf-page-feeds .post-owner-menu-item.post-owner-stats-btn:focus-visible{background: #f3f3f5 !important;
  color: #171719 !important;
  transform: none !important;}

body.bf-page-feeds .post-owner-menu-item.post-owner-stats-btn svg,
body.bf-page-feeds .post-owner-menu-item.post-delete-btn svg{width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;}

body.bf-page-feeds .feed-stats-overlay{position: fixed !important;
  inset: 0 !important;
  z-index: 10020 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: rgba(20, 20, 23, .34) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
  transition: opacity .22s ease !important;}

body.bf-page-feeds .feed-stats-overlay[hidden]{display: none !important;}

body.bf-page-feeds .feed-stats-overlay.is-open{opacity: 1 !important;
  pointer-events: auto !important;}

body.bf-page-feeds .feed-stats-modal{position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(620px, calc(100vw - 32px)) !important;
  max-height: min(86dvh, 780px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  color: #171719 !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 34px 110px rgba(20, 20, 23, .28) !important;
  transform: translateY(14px) scale(.985) !important;
  outline: none !important;
  backdrop-filter: blur(30px) saturate(165%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(165%) !important;
  transition: transform .24s cubic-bezier(.22,.8,.24,1) !important;}

body.bf-page-feeds .feed-stats-overlay.is-open .feed-stats-modal{transform: translateY(0) scale(1) !important;}

body.bf-page-feeds .feed-stats-header{position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex: 0 0 auto !important;
  min-height: 100px !important;
  padding: 22px 22px 18px !important;
  border-bottom: 1px solid rgba(23,23,25,.07) !important;
  background: rgba(255,255,255,.78) !important;}

body.bf-page-feeds .feed-stats-title-icon{display: grid !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  place-items: center !important;
  border-radius: 17px !important;
  color: #fff !important;
  background: #171719 !important;
  box-shadow: 0 10px 24px rgba(23,23,25,.14) !important;}

body.bf-page-feeds .feed-stats-title-icon svg{width: 23px !important;
  height: 23px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;}

body.bf-page-feeds .feed-stats-head{min-width: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;}

body.bf-page-feeds .feed-stats-kicker{display: block !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: #8a8a92 !important;
  background: transparent !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;}

body.bf-page-feeds .feed-stats-head h2{margin: 0 !important;
  color: #171719 !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 880 !important;
  letter-spacing: -.04em !important;}

body.bf-page-feeds .feed-stats-head p{margin: 5px 0 0 !important;
  color: #74747d !important;
  font-size: 13px !important;
  line-height: 1.35 !important;}

body.bf-page-feeds .feed-stats-close{appearance: none !important;
  -webkit-appearance: none !important;
  position: static !important;
  display: grid !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  place-items: center !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #171719 !important;
  background: #efeff2 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .16s ease, transform .16s ease !important;}

body.bf-page-feeds .feed-stats-close:hover{background: #e4e4e8 !important;}

body.bf-page-feeds .feed-stats-close:active{transform: scale(.92) !important;}

body.bf-page-feeds .feed-stats-close svg{width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;}

body.bf-page-feeds .feed-stats-body{flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 18px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(23,23,25,.16) transparent !important;}

body.bf-page-feeds .feed-stats-grid{display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;}

body.bf-page-feeds .feed-stats-card{position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 13px !important;
  min-width: 0 !important;
  min-height: 94px !important;
  padding: 16px !important;
  border: 1px solid rgba(23,23,25,.065) !important;
  border-radius: 23px !important;
  color: #171719 !important;
  background: #f7f7f9 !important;
  box-shadow: none !important;}

body.bf-page-feeds .feed-stats-card--featured{color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #ff8a16 0%, #ff5a12 100%) !important;
  box-shadow: 0 14px 30px rgba(255,98,18,.22) !important;}

body.bf-page-feeds .feed-stats-card--wide{grid-column: 1 / -1 !important;
  min-height: 82px !important;}

body.bf-page-feeds .feed-stats-icon{display: grid !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  place-items: center !important;
  border-radius: 15px !important;
  color: #171719 !important;
  background: #fff !important;
  box-shadow: 0 7px 18px rgba(23,23,25,.07) !important;}

body.bf-page-feeds .feed-stats-card--featured .feed-stats-icon{color: #fff !important;
  background: rgba(255,255,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;}

body.bf-page-feeds .feed-stats-icon svg{width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.95 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;}

body.bf-page-feeds .feed-stats-card-copy{min-width: 0 !important;}

body.bf-page-feeds .feed-stats-card span{display: block !important;
  color: #777780 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 780 !important;}

body.bf-page-feeds .feed-stats-card strong{display: block !important;
  margin-top: 6px !important;
  color: #171719 !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 920 !important;
  letter-spacing: -.035em !important;
  overflow-wrap: anywhere !important;}

body.bf-page-feeds .feed-stats-card--featured span,
body.bf-page-feeds .feed-stats-card--featured strong{color: #fff !important;}

body.bf-page-feeds .feed-stats-card--wide strong{font-size: 18px !important;
  letter-spacing: -.02em !important;}

body.bf-page-feeds .feed-stats-footer{display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  flex: 0 0 auto !important;
  min-height: 48px !important;
  padding: 11px 18px calc(11px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid rgba(23,23,25,.06) !important;
  color: #888890 !important;
  background: rgba(255,255,255,.82) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-align: center !important;}

body.bf-page-feeds .feed-stats-live-dot{flex: 0 0 7px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  box-shadow: 0 0 0 4px rgba(34,197,94,.12) !important;}

body.bf-page-feeds .feed-stats-card--skeleton{display: grid !important;
  grid-template-columns: 42px 1fr !important;
  grid-template-rows: 1fr 1fr !important;
  column-gap: 13px !important;
  overflow: hidden !important;}

body.bf-page-feeds .feed-stats-skeleton-icon,
body.bf-page-feeds .feed-stats-skeleton-line,
body.bf-page-feeds .feed-stats-skeleton-value{display: block !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #e9e9ec 20%, #f7f7f8 50%, #e9e9ec 80%) !important;
  background-size: 220% 100% !important;
  animation: bfStatsShimmer 1.15s linear infinite !important;}

body.bf-page-feeds .feed-stats-skeleton-icon{grid-row: 1 / 3 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 15px !important;}

body.bf-page-feeds .feed-stats-skeleton-line{align-self: end !important;
  width: 72% !important;
  height: 9px !important;}

body.bf-page-feeds .feed-stats-skeleton-value{align-self: start !important;
  width: 44% !important;
  height: 21px !important;
  margin-top: 5px !important;}

@keyframes bfStatsShimmer{to { background-position: -220% 0; }}

body.bf-page-feeds .feed-stats-error{grid-column: 1 / -1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 260px !important;
  padding: 28px !important;
  border-radius: 24px !important;
  color: #707078 !important;
  background: #f5f5f7 !important;
  text-align: center !important;}

body.bf-page-feeds .feed-stats-error-icon{display: grid !important;
  width: 44px !important;
  height: 44px !important;
  place-items: center !important;
  margin-bottom: 12px !important;
  border-radius: 16px !important;
  color: #fff !important;
  background: #171719 !important;
  font-size: 20px !important;
  font-weight: 900 !important;}

body.bf-page-feeds .feed-stats-error strong{color: #171719 !important;
  font-size: 16px !important;
  font-weight: 850 !important;}

body.bf-page-feeds .feed-stats-error span{margin-top: 5px !important;
  color: #777780 !important;
  font-size: 13px !important;
  font-weight: 650 !important;}

body.bf-page-feeds .feed-stats-retry{appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 42px !important;
  margin-top: 17px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: #171719 !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;}

@media (max-width: 600px){
body.bf-page-feeds .feed-stats-overlay{align-items: flex-end !important;
    padding: 0 !important;}

body.bf-page-feeds .feed-stats-modal{width: 100% !important;
    max-height: min(88dvh, 760px) !important;
    border-radius: 30px 30px 0 0 !important;
    transform: translateY(28px) !important;}

body.bf-page-feeds .feed-stats-overlay.is-open .feed-stats-modal{transform: translateY(0) !important;}

body.bf-page-feeds .feed-stats-header{min-height: 92px !important;
    padding: 18px 17px 15px !important;
    gap: 12px !important;}

body.bf-page-feeds .feed-stats-title-icon{flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;}

body.bf-page-feeds .feed-stats-head h2{font-size: 22px !important;}

body.bf-page-feeds .feed-stats-head p{font-size: 12px !important;}

body.bf-page-feeds .feed-stats-close{flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;}

body.bf-page-feeds .feed-stats-body{padding: 14px !important;}

body.bf-page-feeds .feed-stats-grid{gap: 10px !important;}

body.bf-page-feeds .feed-stats-card{min-height: 88px !important;
    padding: 14px !important;
    border-radius: 21px !important;
    gap: 11px !important;}

body.bf-page-feeds .feed-stats-icon{flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;}

body.bf-page-feeds .feed-stats-icon svg{width: 19px !important;
    height: 19px !important;}

body.bf-page-feeds .feed-stats-card span{font-size: 10px !important;}

body.bf-page-feeds .feed-stats-card strong{font-size: 22px !important;}

body.bf-page-feeds .feed-stats-card--wide strong{font-size: 16px !important;}
}

@media (prefers-reduced-motion: reduce){
body.bf-page-feeds .feed-stats-overlay,
body.bf-page-feeds .feed-stats-modal,
body.bf-page-feeds .feed-stats-skeleton-icon,
body.bf-page-feeds .feed-stats-skeleton-line,
body.bf-page-feeds .feed-stats-skeleton-value{transition: none !important;
    animation: none !important;}
}

body.bf-page-feeds article.post.post--with-media .post-sound-btn,
body.bf-page-feeds article.post.post--with-media .post-sound-btn-overlay{top: 18px !important;
  right: 14px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border-width: 1px !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.24) !important;}

body.bf-page-feeds article.post.post--with-media .post-sound-btn .sound-icon,
body.bf-page-feeds article.post.post--with-media .post-sound-btn-overlay .sound-icon{width: 16px !important;
  height: 16px !important;
  flex-basis: 16px !important;}

@media (max-width: 600px){
body.bf-page-feeds article.post.post--with-media .post-sound-btn,
body.bf-page-feeds article.post.post--with-media .post-sound-btn-overlay{top: 16px !important;
    right: 12px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;}
}

body.bf-page-feeds article.post.post--with-media .post-sound-btn,
body.bf-page-feeds article.post.post--with-media .post-sound-btn-overlay{top: 9px !important;}

body.bf-page-feeds .post-owner-menu{width: min(232px, calc(100vw - 34px)) !important;
  padding: 5px !important;
  gap: 2px !important;
  border-radius: 16px !important;}

body.bf-page-feeds .post-owner-menu-item,
body.bf-page-feeds .post-owner-menu-item.post-owner-stats-btn,
body.bf-page-feeds .post-owner-menu-item.post-delete-btn{min-height: 38px !important;
  padding: 0 11px !important;
  gap: 9px !important;
  border-radius: 11px !important;
  font-size: 13.5px !important;}

body.bf-page-feeds .post-owner-menu-item svg,
body.bf-page-feeds .post-owner-menu-item.post-owner-stats-btn svg,
body.bf-page-feeds .post-owner-menu-item.post-delete-btn svg{width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;}

@media (max-width: 600px){
body.bf-page-feeds article.post.post--with-media .post-sound-btn,
body.bf-page-feeds article.post.post--with-media .post-sound-btn-overlay{top: 7px !important;}

body.bf-page-feeds .post-owner-menu{width: min(220px, calc(100vw - 28px)) !important;
    padding: 5px !important;}

body.bf-page-feeds .post-owner-menu-item,
body.bf-page-feeds .post-owner-menu-item.post-owner-stats-btn,
body.bf-page-feeds .post-owner-menu-item.post-delete-btn{min-height: 37px !important;
    font-size: 13px !important;}
}

body.bf-page-feeds .feed-stats-card[data-stat="retencion_audiencia"]{min-height: 104px !important;}

body.bf-page-feeds .feed-stats-card-copy small{display: block !important;
  margin-top: 7px !important;
  color: #8a8a92 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
  letter-spacing: .01em !important;}

body.bf-page-feeds .feed-stats-card--featured .feed-stats-card-copy small{color: rgba(255,255,255,.82) !important;}

body.bf-page-feeds .feed-stats-card[data-stat="retencion_audiencia"] strong{font-size: 27px !important;}

@media (max-width: 600px){
body.bf-page-feeds .feed-stats-card[data-stat="retencion_audiencia"]{min-height: 96px !important;}

body.bf-page-feeds .feed-stats-card[data-stat="retencion_audiencia"] strong{font-size: 24px !important;}

body.bf-page-feeds .feed-stats-card-copy small{margin-top: 6px !important;
    font-size: 11px !important;}
}

body.bf-page-feeds .feed-posts > article.post .post-media-item.is-video-loading,
body.bf-page-feeds .feed-posts > article.post .post-media-item.is-video-error{position: relative !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.12), transparent 42%),
    linear-gradient(145deg, #24262b 0%, #111318 58%, #1b1d22 100%) !important;}

body.bf-page-feeds .feed-posts > article.post .post-video-loader{position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: none !important;
  opacity: 1;
  visibility: visible;
  background: linear-gradient(180deg, rgba(12, 13, 16, 0.08), rgba(12, 13, 16, 0.22));
  transition: opacity 180ms ease, visibility 180ms ease;}

body.bf-page-feeds .feed-posts > article.post .post-video-loader > span{width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 3px solid rgba(255, 255, 255, 0.28) !important;
  border-top-color: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
  animation: bf-feed-video-spin 760ms linear infinite !important;}

body.bf-page-feeds .feed-posts > article.post .post-media-item.is-video-ready .post-video-loader{opacity: 0 !important;
  visibility: hidden !important;}

body.bf-page-feeds .feed-posts > article.post .post-media-item.is-video-error .post-video-loader > span{border-color: rgba(255, 255, 255, 0.2) !important;
  border-top-color: #ff5a37 !important;}

body.bf-page-feeds .post-media video{-webkit-appearance: none !important;
  appearance: none !important;}

body.bf-page-feeds .post-media video::-webkit-media-controls-start-playback-button,
body.bf-page-feeds .post-media video::-webkit-media-controls-overlay-play-button{display: none !important;
  -webkit-appearance: none !important;
  opacity: 0 !important;
  pointer-events: none !important;}

@media (min-width: 900px){
body.bf-page-feeds > .feed{overflow: hidden !important;}

body.bf-page-feeds .feed-list-heading{grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    transform: none !important;}

body.bf-page-feeds .feed-stories,
body.bf-page-feeds .feed-posts,
body.bf-page-feeds main.feed-posts{grid-column: 2 !important;
    grid-row: 1 !important;}

body.bf-page-feeds .feed-posts,
body.bf-page-feeds main.feed-posts{overflow-y: auto !important;}

body.bf-page-feeds .feed-posts > article.post{max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;}
}

@media (min-width: 900px){
body.bf-page-feeds .feed-list-heading{position: fixed !important;
    margin: 0 !important;
    transform: none !important;}

body.bf-page-feeds .feed-posts > article.post{width: min(100%, 680px) !important;
    max-width: 680px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-color: rgba(28, 28, 32, .075) !important;
    border-right-color: rgba(28, 28, 32, .075) !important;}
}

@media (min-width: 1200px){
body.bf-page-feeds > .feed{display: grid !important;
    grid-template-columns: 280px 704px minmax(0, 1fr) !important;
    column-gap: 28px !important;
    width: min(calc(100% - 44px), 1240px) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;}

body.bf-page-feeds .feed-list-heading{position: fixed !important;
    top: 102px !important;
    left: max(22px, calc((100vw - 1240px) / 2)) !important;
    right: auto !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    box-sizing: border-box !important;}

body.bf-page-feeds .feed-stories{grid-column: 2 !important;
    width: 680px !important;
    max-width: 680px !important;
    justify-self: center !important;}

body.bf-page-feeds .feed-posts,
body.bf-page-feeds main.feed-posts{grid-column: 2 !important;
    width: 704px !important;
    max-width: 704px !important;
    justify-self: center !important;}
}

@media (min-width: 1024px) and (max-width: 1199px){
body.bf-page-feeds > .feed{display: grid !important;
    grid-template-columns: 220px 704px minmax(0, 1fr) !important;
    column-gap: 24px !important;
    width: min(calc(100% - 36px), 1160px) !important;
    max-width: 1160px !important;
    margin-left: auto !important;
    margin-right: auto !important;}

body.bf-page-feeds .feed-list-heading{position: fixed !important;
    top: 98px !important;
    left: max(18px, calc((100vw - 1160px) / 2)) !important;
    right: auto !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    box-sizing: border-box !important;}

body.bf-page-feeds .feed-stories{grid-column: 2 !important;
    width: 680px !important;
    max-width: 680px !important;
    justify-self: center !important;}

body.bf-page-feeds .feed-posts,
body.bf-page-feeds main.feed-posts{grid-column: 2 !important;
    width: 704px !important;
    max-width: 704px !important;
    justify-self: center !important;}
}

@media (min-width: 900px) and (max-width: 1023px){
body.bf-page-feeds > .feed{display: grid !important;
    grid-template-columns: 176px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;}

body.bf-page-feeds .feed-list-heading{position: fixed !important;
    top: 92px !important;
    left: 12px !important;
    right: auto !important;
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    box-sizing: border-box !important;}

body.bf-page-feeds .feed-stories{grid-column: 2 !important;
    width: min(100%, 680px) !important;
    max-width: 680px !important;
    justify-self: center !important;}

body.bf-page-feeds .feed-posts,
body.bf-page-feeds main.feed-posts{grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;}
}

@media (min-width: 900px){
body.bf-page-feeds .feed-posts > article.post{width: min(100%, 680px) !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;}
}

@media (min-width: 1200px){
body.bf-page-feeds > .feed{grid-template-columns: 280px 784px minmax(0, 1fr) !important;}

body.bf-page-feeds .feed-posts,
body.bf-page-feeds main.feed-posts{width: 784px !important;
    max-width: 784px !important;}

body.bf-page-feeds .feed-stories{width: 760px !important;
    max-width: 760px !important;}
}

@media (min-width: 1024px) and (max-width: 1199px){
body.bf-page-feeds > .feed{grid-template-columns: 220px 784px minmax(0, 1fr) !important;}

body.bf-page-feeds .feed-posts,
body.bf-page-feeds main.feed-posts{width: 784px !important;
    max-width: 784px !important;}

body.bf-page-feeds .feed-stories{width: 760px !important;
    max-width: 760px !important;}
}

@media (min-width: 900px) and (max-width: 1023px){
body.bf-page-feeds .feed-stories{width: min(100%, 760px) !important;
    max-width: 760px !important;}
}

@media (min-width: 900px){
body.bf-page-feeds .feed-posts > article.post{container-type: inline-size !important;
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;}

body.bf-page-feeds .feed-posts > article.post .post-media{height: min(
      720px,
      72dvh,
      calc((100cqw - 80px) * 1.25)
    ) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;}

body.bf-page-feeds .feed-posts > article.post .post-media-track,
body.bf-page-feeds .feed-posts > article.post .post-media-item{height: 100% !important;}
}

@media (min-width: 900px){
body.bf-page-feeds .feed-posts > article.post .post-media,
body.bf-page-feeds .feed-posts > article.post .post-media-track,
body.bf-page-feeds .feed-posts > article.post .post-media-item,
body.bf-page-feeds .feed-posts > article.post video,
body.bf-page-feeds .feed-posts > article.post img{overscroll-behavior-y: auto !important;}

body.bf-page-feeds .feed-posts > article.post .post-media-track{touch-action: pan-x pan-y !important;}
}

@media (min-width: 900px){
.bf-moments-scroll-controls{position: fixed !important;
    top: 50% !important;
    right: max(14px, calc((100vw - 1240px) / 2 + 18px)) !important;
    transform: translateY(-50%) !important;
    z-index: 960 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    pointer-events: none !important;}

.bf-moments-scroll-button{pointer-events: auto !important;
    width: 50px !important;
    height: 50px !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,248,251,.92) 100%) !important;
    box-shadow: 0 16px 36px rgba(17, 12, 34, .14), 0 4px 12px rgba(17, 12, 34, .08) !important;
    backdrop-filter: blur(18px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
    color: #18161d !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s ease !important;}

.bf-moments-scroll-button span{display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;}

.bf-moments-scroll-button:hover{transform: translateY(-1px) scale(1.02) !important;
    box-shadow: 0 18px 40px rgba(17, 12, 34, .16), 0 8px 16px rgba(255, 45, 108, .12) !important;}

.bf-moments-scroll-button:active{transform: scale(.97) !important;}

.bf-moments-scroll-button:focus-visible{outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(255, 43, 103, .18), 0 18px 40px rgba(17, 12, 34, .16) !important;}

.bf-moments-scroll-button[disabled]{opacity: .42 !important;
    cursor: default !important;
    transform: none !important;
    box-shadow: 0 10px 22px rgba(17, 12, 34, .08) !important;}
}

@media (min-width: 900px) and (max-width: 1199px){
.bf-moments-scroll-controls{right: 14px !important;}
}

@media (max-width: 899px){
.bf-moments-scroll-controls{display: none !important;}
}

@media (min-width: 900px){
.bf-moments-scroll-button,
.bf-moments-scroll-button[disabled],
.bf-moments-scroll-button[aria-disabled="true"]{pointer-events: auto !important;
    cursor: pointer !important;}
}

@media (max-width: 899px){
body.bf-page-feeds > .feed,
body.bf-page-feeds .feed-posts,
body.bf-page-feeds main.feed-posts,
body.bf-page-feeds .feed-posts > article.post,
body.bf-page-feeds .feed-posts > article.post .post-media,
body.bf-page-feeds .feed-posts > article.post .post-media-track,
body.bf-page-feeds .feed-posts > article.post .post-media-item{max-width: 100% !important;
    box-sizing: border-box !important;}

.bf-moments-scroll-controls{display: none !important;}
}

.create-sheet.create-sheet--feed-pro.create-sheet--moment-production{box-sizing: border-box !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #171719 !important;}

.create-sheet--moment-production .create-modal-frame{display: flex;
  min-height: 0;
  height: 100%;
  flex-direction: column;
  background:
    radial-gradient(circle at 8% 0%, rgba(255,90,18,.055), transparent 28%),
    #f8f8fa;}

.create-sheet--moment-production .create-modal-header{flex: 0 0 auto;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(20,20,24,.065) !important;
  background: rgba(255,255,255,.95) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%) !important;}

.create-sheet--moment-production .create-kicker{color: #ff5a12 !important;
  font-weight: 850 !important;
  letter-spacing: .095em !important;}

.create-sheet--moment-production .create-title{color: #171719 !important;
  font-weight: 880 !important;
  letter-spacing: -.052em !important;}

.create-sheet--moment-production .create-subtitle{display: block !important;
  max-width: 650px !important;
  color: #707078 !important;
  font-weight: 540 !important;}

.create-sheet--moment-production .create-close{flex: 0 0 auto !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(23,23,25,.075) !important;
  background: #f3f3f5 !important;
  box-shadow: none !important;
  cursor: pointer !important;}

.create-sheet--moment-production .create-close svg{width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;}

.create-sheet--moment-production .create-modal-content{min-height: 0;
  flex: 1 1 auto;
  display: grid;
  align-items: start;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.15) transparent;}

.create-sheet--moment-production .create-modal-options-column,
.create-sheet--moment-production .create-modal-media-column{min-width: 0;}

.create-sheet--moment-production .create-section-card{box-sizing: border-box !important;
  margin: 0 !important;
  border: 1px solid rgba(25,25,28,.07) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 12px 34px rgba(22,22,26,.055) !important;}

.create-sheet--moment-production .create-card-head,
.create-sheet--moment-production .create-option-copy{display: flex;
  align-items: flex-start;
  min-width: 0;}

.create-sheet--moment-production .create-card-head{margin-bottom: 14px;}

.create-sheet--moment-production .create-card-heading-copy,
.create-sheet--moment-production .create-option-copy > div{min-width: 0;
  flex: 1 1 auto;}

.create-sheet--moment-production .create-card-icon,
.create-sheet--moment-production .create-option-icon{flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,90,18,.10);
  border-radius: 14px;
  background: rgba(255,90,18,.07);
  color: #f1530e;}

.create-sheet--moment-production .create-card-icon svg,
.create-sheet--moment-production .create-option-icon svg,
.create-sheet--moment-production .create-location-btn svg{fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;}

.create-sheet--moment-production .create-section-title{margin: 0 !important;
  color: #202024 !important;
  font-weight: 830 !important;}

.create-sheet--moment-production .create-card-heading-copy small,
.create-sheet--moment-production .create-option-copy small{display: block;
  margin-top: 4px;
  color: #777780 !important;
  line-height: 1.4 !important;
  font-weight: 540 !important;}

.create-sheet--moment-production .create-media-counter,
.create-sheet--moment-production .create-soon-badge{flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255,90,18,.075);
  color: #ef520e;
  font-weight: 820;
  white-space: nowrap;}

.create-sheet--moment-production .create-dropzone{box-sizing: border-box !important;
  width: 100% !important;
  border: 1.5px dashed rgba(255,90,18,.34) !important;
  background: linear-gradient(135deg, #fff9f5 0%, #fff 72%) !important;
  cursor: pointer !important;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;}

.create-sheet--moment-production .create-dropzone:hover{transform: translateY(-1px) !important;
  border-color: rgba(255,90,18,.58) !important;
  box-shadow: 0 12px 30px rgba(255,90,18,.08) !important;}

.create-sheet--moment-production .create-primary-icon svg{width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;}

.create-sheet--moment-production .create-media-preview.has-items{margin-top: 14px !important;}

.create-sheet--moment-production .create-textarea-wrap{position: relative;}

.create-sheet--moment-production .create-textarea{box-sizing: border-box !important;
  width: 100% !important;
  resize: vertical !important;}

.create-sheet--moment-production .create-text-limit{display: block;
  margin: 7px 2px 0;
  color: #94949b;
  font-size: .69rem;
  font-weight: 620;
  text-align: right;}

.create-sheet--moment-production .create-section-card--location{overflow: visible !important;}

.create-sheet--moment-production .create-section-card--location.is-confirmed{border-color: rgba(35,174,102,.20) !important;
  background: linear-gradient(135deg, #fff, rgba(240,253,246,.96)) !important;}

.create-sheet--moment-production .create-location-body{position: relative;}

.create-sheet--moment-production .location-input-wrap{box-sizing: border-box !important;
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(24,24,27,.085) !important;
  background: #f7f7f9 !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;}

.create-sheet--moment-production .location-input-wrap:focus-within{border-color: rgba(255,90,18,.42) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(255,90,18,.085) !important;}

.create-sheet--moment-production .location-input-icon{display: grid !important;
  place-items: center !important;
  color: #ff5a12 !important;}

.create-sheet--moment-production .location-input-icon svg{width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;}

.create-sheet--moment-production #createLocationInput{min-height: 50px !important;
  font-size: .88rem !important;
  font-weight: 610 !important;}

.create-sheet--moment-production .location-clear{display: grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  cursor: pointer !important;}

.create-sheet--moment-production .location-clear[hidden]{display: none !important;}

.create-sheet--moment-production .location-clear svg{width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;}

.create-sheet--moment-production .moment-places-dropdown{box-sizing: border-box;
  width: 100%;
  max-height: 260px;
  margin-top: 8px;
  overflow-y: auto;
  border: 1px solid rgba(25,25,28,.075);
  border-radius: 16px;
  background: rgba(255,255,255,.985);
  box-shadow: 0 18px 46px rgba(22,22,26,.13);
  scrollbar-width: thin;}

.create-sheet--moment-production .moment-places-dropdown[hidden]{display: none !important;}

.create-sheet--moment-production .place-option{box-sizing: border-box;
  display: grid;
  width: 100%;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 9px 11px;
  border: 0;
  border-bottom: 1px solid rgba(24,24,27,.055);
  background: transparent;
  color: #202024;
  text-align: left;
  cursor: pointer;}

.create-sheet--moment-production .place-option:last-child{border-bottom: 0;}

.create-sheet--moment-production .place-option:hover,
.create-sheet--moment-production .place-option.is-active{background: #f7f7f9;}

.create-sheet--moment-production .place-option-icon{display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: rgba(255,90,18,.075);
  color: #ff5a12;}

.create-sheet--moment-production .place-option-icon svg{width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;}

.create-sheet--moment-production .place-option-copy{min-width: 0;
  display: grid;
  gap: 3px;}

.create-sheet--moment-production .place-option-copy strong,
.create-sheet--moment-production .place-option-copy small{overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

.create-sheet--moment-production .place-option-copy strong{font-size: .82rem;
  font-weight: 760;}

.create-sheet--moment-production .place-option-copy small{color: #85858d;
  font-size: .69rem;
  font-weight: 540;}

.create-sheet--moment-production .places-state{padding: 14px;
  color: #797981;
  font-size: .76rem;
  font-weight: 620;
  text-align: center;}

.create-sheet--moment-production .places-state--error{color: #c74242;}

.create-sheet--moment-production .places-state--loading::before{display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 7px;
  border: 2px solid rgba(255,90,18,.20);
  border-top-color: #ff5a12;
  border-radius: 50%;
  content: "";
  vertical-align: -2px;
  animation: momentLocationSpin .7s linear infinite;}

@keyframes momentLocationSpin{to { transform: rotate(360deg); }}

.create-sheet--moment-production .create-location-actions{align-items: center !important;}

.create-sheet--moment-production .create-location-btn{display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  height: auto !important;
  cursor: pointer !important;}

.create-sheet--moment-production .create-location-btn svg{width: 17px;
  height: 17px;}

.create-sheet--moment-production .create-location-btn.is-loading svg{animation: momentLocationSpin .7s linear infinite;}

.create-sheet--moment-production .create-location-status{margin-top: 9px;
  color: #85858d;
  font-size: .7rem;
  font-weight: 600;
  line-height: 1.35;}

.create-sheet--moment-production .create-location-status.is-error{color: #c74242;}

.create-sheet--moment-production .create-location-status.is-ok{color: #24865a;}

.create-sheet--moment-production .location-selected-card{display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  border-color: rgba(35,174,102,.18) !important;
  background: rgba(240,253,246,.92) !important;}

.create-sheet--moment-production .location-selected-card[hidden]{display: none !important;}

.create-sheet--moment-production .location-selected-check{display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: #2fb36f;
  color: #fff;}

.create-sheet--moment-production .location-selected-check svg{width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;}

.create-sheet--moment-production .location-selected-title{color: #238454 !important;}

.create-sheet--moment-production .create-section-card--promo{opacity: .72 !important;
  box-shadow: none !important;}

.create-sheet--moment-production .create-soon-badge{margin-left: 6px;
  padding: 3px 7px;
  font-size: .55rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  vertical-align: 2px;}

.create-sheet--moment-production .create-modal-footer{box-sizing: border-box !important;
  flex: 0 0 auto !important;
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(20,20,24,.065) !important;
  background: rgba(255,255,255,.96) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%) !important;}

.create-sheet--moment-production .create-publish-summary{min-width: 0;
  flex: 1 1 auto;
  color: #777780;
  font-size: .73rem;
  font-weight: 600;
  line-height: 1.35;}

.create-sheet--moment-production .publish-btn{flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: auto !important;
  margin: 0 !important;
  background: linear-gradient(135deg, #ff5a12 0%, #ff315f 100%) !important;
  box-shadow: 0 12px 28px rgba(255,66,49,.22) !important;}

.create-sheet--moment-production .publish-btn svg{width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;}

.create-sheet--moment-production .publish-btn:disabled{background: #e5e5e8 !important;
  color: #9999a0 !important;
  box-shadow: none !important;}

@media (min-width: 900px){
.create-overlay.active{background: rgba(20,20,24,.30) !important;
    backdrop-filter: blur(10px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(120%) !important;}

.create-sheet.create-sheet--feed-pro.create-sheet--moment-production{position: fixed !important;
    z-index: 2500 !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: min(1040px, calc(100vw - 48px)) !important;
    height: min(820px, calc(100dvh - 70px)) !important;
    max-width: 1040px !important;
    max-height: 820px !important;
    border: 1px solid rgba(20,20,24,.08) !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 32px 100px rgba(19,16,30,.24) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, calc(-50% + 20px)) scale(.985) !important;
    transition: opacity .22s ease, transform .28s cubic-bezier(.22,1,.36,1), visibility .22s ease !important;}

.create-sheet.create-sheet--feed-pro.create-sheet--moment-production.open{opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;}

.create-sheet--moment-production .sheet-handle{display: none !important;}

.create-sheet--moment-production .create-modal-header{padding: 22px 24px 20px !important;}

.create-sheet--moment-production .create-title{font-size: 2rem !important;}

.create-sheet--moment-production .create-subtitle{font-size: .82rem !important;}

.create-sheet--moment-production .create-close{width: 42px !important; height: 42px !important; border-radius: 14px !important;}

.create-sheet--moment-production .create-modal-content{grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr);
    gap: 18px;
    padding: 18px 20px 22px;}

.create-sheet--moment-production .create-modal-options-column{display: grid;
    align-content: start;
    gap: 14px;}

.create-sheet--moment-production .create-section-card{border-radius: 20px !important; padding: 16px !important;}

.create-sheet--moment-production .create-section-card--media{min-height: 100%;}

.create-sheet--moment-production .create-card-icon{width: 42px; height: 42px; margin-right: 11px;}

.create-sheet--moment-production .create-card-icon svg{width: 20px; height: 20px;}

.create-sheet--moment-production .create-option-icon{width: 38px; height: 38px; margin-right: 10px;}

.create-sheet--moment-production .create-option-icon svg{width: 18px; height: 18px;}

.create-sheet--moment-production .create-card-heading-copy small,
.create-sheet--moment-production .create-option-copy small{font-size: .72rem !important;}

.create-sheet--moment-production .create-media-counter{padding: 6px 9px; font-size: .64rem;}

.create-sheet--moment-production .create-dropzone{min-height: 116px !important; border-radius: 18px !important; padding: 18px !important;}

.create-sheet--moment-production .create-primary-icon{width: 48px !important; height: 48px !important;}

.create-sheet--moment-production .create-media-preview{grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important;}

.create-sheet--moment-production .media-preview-item{aspect-ratio: 1 / .88 !important; border-radius: 16px !important;}

.create-sheet--moment-production .create-modal-footer{padding: 14px 20px 16px !important;}

.create-sheet--moment-production .publish-btn{min-width: 190px !important; min-height: 48px !important; padding: 0 20px !important; border-radius: 15px !important;}
}

@media (max-width: 899px){
.create-sheet.create-sheet--feed-pro.create-sheet--moment-production{position: fixed !important;
    z-index: 2500 !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f8f8fa !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(102%) !important;
    transition: transform .32s cubic-bezier(.22,1,.36,1) !important;
    overflow: hidden !important;}

.create-sheet.create-sheet--feed-pro.create-sheet--moment-production.open{transform: translateY(0) !important;}

.create-sheet--moment-production .sheet-handle{display: none !important;}

.create-sheet--moment-production .create-modal-frame{height: 100dvh !important; min-width: 0 !important; overflow: hidden !important;}

.create-sheet--moment-production .create-modal-header{position: relative !important;
    z-index: 20 !important;
    padding: calc(14px + env(safe-area-inset-top)) 16px 14px !important;}

.create-sheet--moment-production .create-title{font-size: 1.58rem !important;}

.create-sheet--moment-production .create-subtitle{max-width: 90% !important; font-size: .76rem !important;}

.create-sheet--moment-production .create-close{width: 40px !important; height: 40px !important; border-radius: 13px !important;}

.create-sheet--moment-production .create-modal-content{display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px 12px 28px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;}

.create-sheet--moment-production .create-modal-options-column{display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    margin-top: 12px !important;}

.create-sheet--moment-production .create-modal-media-column,
.create-sheet--moment-production .create-section-card,
.create-sheet--moment-production .create-dropzone,
.create-sheet--moment-production .location-input-wrap,
.create-sheet--moment-production .moment-places-dropdown{width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;}

.create-sheet--moment-production .create-section-card{padding: 14px !important; border-radius: 18px !important;}

.create-sheet--moment-production .create-card-icon{width: 40px; height: 40px; margin-right: 10px;}

.create-sheet--moment-production .create-option-icon{width: 36px; height: 36px; margin-right: 9px;}

.create-sheet--moment-production .create-card-heading-copy small,
.create-sheet--moment-production .create-option-copy small{font-size: .69rem !important;}

.create-sheet--moment-production .create-media-counter{padding: 5px 8px; font-size: .61rem;}

.create-sheet--moment-production .create-dropzone{min-height: 94px !important; padding: 14px !important; border-radius: 16px !important;}

.create-sheet--moment-production .create-primary-icon{width: 44px !important; height: 44px !important;}

.create-sheet--moment-production .create-primary-text{font-size: .88rem !important;}

.create-sheet--moment-production .create-primary-hint{font-size: .69rem !important; line-height: 1.35 !important;}

.create-sheet--moment-production .create-media-preview{grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important;}

.create-sheet--moment-production .media-preview-item{aspect-ratio: 1 / 1 !important; border-radius: 14px !important; min-width: 0 !important;}

.create-sheet--moment-production .create-textarea{min-height: 112px !important; font-size: 16px !important; border-radius: 15px !important;}

.create-sheet--moment-production .create-option-row{gap: 10px !important;}

.create-sheet--moment-production .create-location-actions{display: grid !important; grid-template-columns: 1fr !important;}

.create-sheet--moment-production .create-location-btn{width: 100% !important; min-height: 44px !important; border-radius: 14px !important;}

.create-sheet--moment-production .create-location-text{width: 100% !important; box-sizing: border-box !important; text-align: center !important;}

.create-sheet--moment-production .moment-places-dropdown{max-height: 228px !important;}

.create-sheet--moment-production .place-option{grid-template-columns: 36px minmax(0,1fr); min-height: 56px; padding: 8px 9px;}

.create-sheet--moment-production .place-option-icon{width: 36px; height: 36px;}

.create-sheet--moment-production .create-modal-footer{position: relative !important;
    z-index: 20 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;}

.create-sheet--moment-production .create-publish-summary{text-align: center !important; font-size: .68rem !important;}

.create-sheet--moment-production .publish-btn{width: 100% !important; min-height: 50px !important; border-radius: 15px !important;}
}

@media (max-width: 899px){
body.bf-page-feeds article.post .post-profile-btn .post-avatar,
body.bf-page-feeds article.post .post-profile-btn-overlay .post-avatar{display: block !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    flex: 0 0 38px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;}

body.bf-page-feeds article.post .post-username{align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;}

body.bf-page-feeds article.post .post-username .verified-badge{display: inline-block !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;}

body.bf-page-feeds article.post .post-profile-btn-overlay{align-items: center !important;}
}

@media (min-width: 900px){
body.bf-page-feeds article.post .post-username .verified-badge{display: inline-block !important;
    width: 37.4px !important;
    height: 37.4px !important;
    min-width: 37.4px !important;
    min-height: 37.4px !important;
    max-width: 37.4px !important;
    max-height: 37.4px !important;
    flex: 0 0 37.4px !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;}

body.bf-page-feeds article.post .post-username{align-items: center !important;
    gap: 7px !important;}
}

@media (max-width: 899px){
body.bf-page-feeds article.post .post-username .verified-badge{display: inline-block !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;}

body.bf-page-feeds article.post .post-username{align-items: center !important;
    gap: 7px !important;}
}

/* =========================================================
   MOMENTOS · MODALES CON PARIDAD VISUAL DE GRUPOS
   Mantiene intacto el modal "Compartir momento".
========================================================= */
body.bf-page-feeds{
  --feed-modal-accent:#ff5a12;
  --feed-modal-accent-hover:#e94a04;
  --feed-modal-ink:#111318;
  --feed-modal-muted:#747b84;
  --feed-modal-line:rgba(15,23,42,.07);
  --feed-modal-soft:#f4f5f6;
  --feed-modal-surface:#fff;
}

/* Overlay neutro idéntico al lenguaje visual de Grupos. */
body.bf-page-feeds #uiModalOverlay.ui-modal-overlay,
body.bf-page-feeds #feedCommentsOverlay.comments-overlay,
body.bf-page-feeds #feedStatsOverlay.feed-stats-overlay{
  background:rgba(9,12,18,.42) !important;
  backdrop-filter:blur(10px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(125%) !important;
}

/* Diálogo genérico: blanco, limpio y sin órbitas/degradados decorativos. */
body.bf-page-feeds #uiModal.ui-modal{
  width:min(430px,calc(100vw - 24px)) !important;
}
body.bf-page-feeds #uiModal .ui-modal-card{
  isolation:isolate !important;
  max-height:min(82svh,720px) !important;
  padding:20px !important;
  overflow:auto !important;
  border:1px solid var(--feed-modal-line) !important;
  border-radius:26px !important;
  background:var(--feed-modal-surface) !important;
  color:var(--feed-modal-ink) !important;
  box-shadow:0 30px 90px rgba(15,23,42,.24),0 2px 8px rgba(15,23,42,.06) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.bf-page-feeds #uiModal .ui-modal-card::before,
body.bf-page-feeds #uiModal .ui-modal-card::after{
  content:none !important;
  display:none !important;
}
body.bf-page-feeds #uiModal .ui-modal-close{
  top:16px !important;
  right:16px !important;
  width:40px !important;
  height:40px !important;
  border:1px solid var(--feed-modal-line) !important;
  background:var(--feed-modal-soft) !important;
  color:var(--feed-modal-ink) !important;
  box-shadow:none !important;
}
body.bf-page-feeds #uiModal .ui-modal-close:hover{
  background:#eceef0 !important;
}
body.bf-page-feeds #uiModal .ui-modal-title{
  max-width:calc(100% - 50px) !important;
  margin:0 0 6px !important;
  color:var(--feed-modal-ink) !important;
  font-size:21px !important;
  line-height:1.1 !important;
  font-weight:850 !important;
  letter-spacing:-.025em !important;
}
body.bf-page-feeds #uiModal .ui-modal-msg{
  max-width:38ch !important;
  margin:0 !important;
  color:var(--feed-modal-muted) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
body.bf-page-feeds #uiModal .ui-modal-actions{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr)) !important;
  gap:9px !important;
  margin-top:16px !important;
}
body.bf-page-feeds #uiModal .ui-btn{
  min-height:46px !important;
  padding:0 15px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:15px !important;
  background:var(--feed-modal-soft) !important;
  color:var(--feed-modal-ink) !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:800 !important;
}
body.bf-page-feeds #uiModal .ui-btn:hover{
  background:#eceef0 !important;
}
body.bf-page-feeds #uiModal .ui-btn.primary{
  border-color:var(--feed-modal-accent) !important;
  background:var(--feed-modal-accent) !important;
  color:#fff !important;
  box-shadow:0 9px 22px rgba(255,90,18,.18) !important;
}
body.bf-page-feeds #uiModal .ui-btn.primary:hover{
  border-color:var(--feed-modal-accent-hover) !important;
  background:var(--feed-modal-accent-hover) !important;
}

/* Lista de Me gusta dentro del mismo sistema. */
body.bf-page-feeds #uiModal[data-variant="likes"] .ui-modal-card{
  padding:20px 14px 14px !important;
}
body.bf-page-feeds #uiModal[data-variant="likes"] .ui-modal-title{
  padding:0 6px !important;
  margin-bottom:12px !important;
}
body.bf-page-feeds #uiModal[data-variant="likes"] .likes-item-btn{
  border:1px solid transparent !important;
  border-radius:18px !important;
  background:#f7f8f9 !important;
  box-shadow:none !important;
}
body.bf-page-feeds #uiModal[data-variant="likes"] .likes-item-btn:hover{
  border-color:rgba(255,90,18,.14) !important;
  background:#fff9f5 !important;
}
body.bf-page-feeds #uiModal[data-variant="likes"] .likes-item-arrow{
  background:#fff1e8 !important;
  color:var(--feed-modal-accent) !important;
}
body.bf-page-feeds #uiModal[data-variant="likes"] .likes-empty{
  border:0 !important;
  background:#f5f6f7 !important;
  color:var(--feed-modal-muted) !important;
}

/* Comentarios: sheet nativo de Grupos en escritorio y móvil. */
body.bf-page-feeds #feedCommentsSheet.comments-sheet{
  right:auto !important;
  left:50% !important;
  bottom:24px !important;
  width:min(540px,calc(100vw - 32px)) !important;
  height:min(82svh,760px) !important;
  max-height:min(82svh,760px) !important;
  padding:0 18px calc(18px + env(safe-area-inset-bottom,0px)) !important;
  overflow:hidden !important;
  border:1px solid var(--feed-modal-line) !important;
  border-radius:30px !important;
  background:#fff !important;
  color:var(--feed-modal-ink) !important;
  box-shadow:0 30px 90px rgba(15,23,42,.24),0 2px 8px rgba(15,23,42,.06) !important;
  transform:translate(-50%,calc(100% + 48px)) !important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.bf-page-feeds #feedCommentsSheet.comments-sheet.open{
  bottom:24px !important;
  transform:translate(-50%,0) !important;
}
body.bf-page-feeds #feedCommentsSheet .comments-sheet-top{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 40px !important;
  align-items:start !important;
  gap:14px !important;
  min-height:0 !important;
  padding:8px 0 16px !important;
  border-bottom:1px solid var(--feed-modal-line) !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.bf-page-feeds #feedCommentsSheet .sheet-handle{
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  width:40px !important;
  height:5px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#d8dce1 !important;
  transform:translateX(-50%) !important;
}
body.bf-page-feeds #feedCommentsSheet .comments-heading{
  align-items:flex-start !important;
  gap:11px !important;
  padding-top:12px !important;
}
body.bf-page-feeds #feedCommentsSheet .comments-heading-icon{
  display:grid !important;
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  place-items:center !important;
  border:0 !important;
  border-radius:13px !important;
  background:#fff1e8 !important;
  color:var(--feed-modal-accent) !important;
  box-shadow:none !important;
}
body.bf-page-feeds #feedCommentsSheet .comments-kicker{
  margin:1px 0 5px !important;
  color:var(--feed-modal-accent) !important;
  font-size:10.5px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.075em !important;
}
body.bf-page-feeds #feedCommentsSheet .sheet-title{
  color:var(--feed-modal-ink) !important;
  font-size:24px !important;
  line-height:1.08 !important;
  font-weight:850 !important;
  letter-spacing:-.035em !important;
}
body.bf-page-feeds #feedCommentsSheet .comments-close{
  align-self:start !important;
  width:40px !important;
  height:40px !important;
  margin-top:12px !important;
  border:1px solid var(--feed-modal-line) !important;
  background:var(--feed-modal-soft) !important;
  color:var(--feed-modal-ink) !important;
  box-shadow:none !important;
}
body.bf-page-feeds #feedCommentsSheet .comments-close:hover{
  background:#eceef0 !important;
}
body.bf-page-feeds #feedCommentsSheet .comments-list{
  padding:6px 0 12px !important;
  background:#fff !important;
}
body.bf-page-feeds #feedCommentsSheet .comment-item{
  padding:13px 3px !important;
  border-bottom:1px solid rgba(15,23,42,.065) !important;
}
body.bf-page-feeds #feedCommentsSheet .feed-comment-input-wrap{
  margin:0 -18px -18px !important;
  padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px)) !important;
  border-top:1px solid var(--feed-modal-line) !important;
  background:#fff !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.bf-page-feeds #feedCommentsSheet .comment-input textarea{
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:17px !important;
  background:#f5f6f7 !important;
  color:var(--feed-modal-ink) !important;
  box-shadow:none !important;
}
body.bf-page-feeds #feedCommentsSheet .comment-input textarea:focus{
  border-color:rgba(255,90,18,.28) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(255,90,18,.07) !important;
}
body.bf-page-feeds #feedCommentsSheet .comment-input button{
  background:var(--feed-modal-accent) !important;
  box-shadow:0 9px 20px rgba(255,90,18,.20) !important;
}
body.bf-page-feeds #feedCommentsSheet :is(.feed-comments-gate,.comments-state){
  border:0 !important;
  border-radius:18px !important;
  background:#f5f6f7 !important;
  color:var(--feed-modal-muted) !important;
  box-shadow:none !important;
}

/* Estadísticas: mismo sheet y misma jerarquía visual que Grupos. */
body.bf-page-feeds #feedStatsOverlay.feed-stats-overlay{
  align-items:flex-end !important;
  justify-content:center !important;
  padding:24px 16px !important;
}
body.bf-page-feeds #feedStatsModal.feed-stats-modal{
  position:relative !important;
  width:min(540px,calc(100vw - 32px)) !important;
  max-height:min(82svh,760px) !important;
  overflow:hidden !important;
  border:1px solid var(--feed-modal-line) !important;
  border-radius:30px !important;
  background:#fff !important;
  color:var(--feed-modal-ink) !important;
  box-shadow:0 30px 90px rgba(15,23,42,.24),0 2px 8px rgba(15,23,42,.06) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.bf-page-feeds #feedStatsModal.feed-stats-modal::before,
body.bf-page-feeds #feedStatsModal.feed-stats-modal::after{
  content:none !important;
  display:none !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-handle{
  display:block !important;
  width:40px !important;
  height:5px !important;
  margin:8px auto 4px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#d8dce1 !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-header{
  min-height:0 !important;
  padding:12px 18px 16px !important;
  border-bottom:1px solid var(--feed-modal-line) !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-title-icon{
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  border:0 !important;
  border-radius:13px !important;
  background:#fff1e8 !important;
  color:var(--feed-modal-accent) !important;
  box-shadow:none !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-kicker{
  color:var(--feed-modal-accent) !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  letter-spacing:.075em !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-head h2{
  color:var(--feed-modal-ink) !important;
  font-size:24px !important;
  font-weight:850 !important;
  letter-spacing:-.035em !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-head p{
  color:var(--feed-modal-muted) !important;
  font-size:13px !important;
  line-height:1.42 !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-close{
  width:40px !important;
  height:40px !important;
  border:1px solid var(--feed-modal-line) !important;
  background:var(--feed-modal-soft) !important;
  color:var(--feed-modal-ink) !important;
  box-shadow:none !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-close:hover{
  background:#eceef0 !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-body{
  padding:14px 18px 18px !important;
  background:#fff !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-grid{
  gap:10px !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-card{
  min-height:88px !important;
  padding:14px !important;
  border:1px solid rgba(15,23,42,.07) !important;
  border-radius:21px !important;
  background:#f7f8f9 !important;
  color:var(--feed-modal-ink) !important;
  box-shadow:none !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-card--featured{
  border-color:rgba(255,90,18,.14) !important;
  background:#fff7f2 !important;
  color:var(--feed-modal-ink) !important;
  box-shadow:none !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-card--featured span,
body.bf-page-feeds #feedStatsModal .feed-stats-card--featured strong{
  color:var(--feed-modal-ink) !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-icon,
body.bf-page-feeds #feedStatsModal .feed-stats-card--featured .feed-stats-icon{
  border:0 !important;
  background:#fff !important;
  color:var(--feed-modal-accent) !important;
  box-shadow:0 6px 16px rgba(15,23,42,.05) !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-footer{
  border-top:1px solid var(--feed-modal-line) !important;
  background:#fff !important;
  color:#8a9099 !important;
}
body.bf-page-feeds #feedStatsModal .feed-stats-live-dot{
  background:var(--feed-modal-accent) !important;
  box-shadow:0 0 0 4px rgba(255,90,18,.10) !important;
}

/* Viewers multimedia: mismo tratamiento oscuro usado por Grupos. */
body.bf-page-feeds .media-viewer__backdrop,
body.bf-page-feeds .story-viewer-backdrop{
  background:rgba(7,9,13,.66) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}
body.bf-page-feeds .media-viewer__panel{
  width:min(900px,calc(100vw - 24px)) !important;
  max-height:calc(100svh - 24px) !important;
  padding:10px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:26px !important;
  background:#111318 !important;
  box-shadow:0 30px 90px rgba(0,0,0,.36) !important;
}
body.bf-page-feeds .media-viewer__close,
body.bf-page-feeds .media-viewer__sound,
body.bf-page-feeds .story-viewer-close,
body.bf-page-feeds .story-pause-btn,
body.bf-page-feeds .story-stats-btn{
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(17,19,24,.68) !important;
  color:#fff !important;
  box-shadow:none !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

@media (max-width:767px){
  body.bf-page-feeds #feedCommentsSheet.comments-sheet{
    right:8px !important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px)) !important;
    left:8px !important;
    width:auto !important;
    height:min(88dvh,760px) !important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px)) !important;
    padding:0 14px calc(14px + env(safe-area-inset-bottom,0px)) !important;
    border-radius:28px !important;
    transform:translateY(calc(100% + 32px)) !important;
  }
  body.bf-page-feeds #feedCommentsSheet.comments-sheet.open{
    bottom:calc(8px + env(safe-area-inset-bottom,0px)) !important;
    transform:translateY(0) !important;
  }
  body.bf-page-feeds #feedCommentsSheet .feed-comment-input-wrap{
    margin:0 -14px -14px !important;
    padding-inline:14px !important;
  }
  body.bf-page-feeds #feedStatsOverlay.feed-stats-overlay{
    align-items:flex-end !important;
    padding:8px !important;
  }
  body.bf-page-feeds #feedStatsModal.feed-stats-modal{
    width:100% !important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px)) !important;
    border-radius:28px !important;
  }
  body.bf-page-feeds #feedStatsModal .feed-stats-header{
    padding:10px 14px 14px !important;
  }
  body.bf-page-feeds #feedStatsModal .feed-stats-body{
    padding:12px 14px 14px !important;
  }
  body.bf-page-feeds #uiModal.ui-modal{
    width:min(430px,calc(100vw - 20px)) !important;
  }
}

body.bf-page-feeds{background:
    radial-gradient(circle at 8% 8%, rgba(255,129,71,.07), transparent 24rem),
    radial-gradient(circle at 92% 18%, rgba(255,76,118,.035), transparent 27rem),
    #f8f7f5 !important;}

body.bf-page-feeds > .feed{width: min(calc(100% - (var(--bf-space-page, 3rem) * 2)), 1180px) !important;
  max-width: 1180px !important;
  box-sizing: border-box !important;}

@media (max-width: 820px){
body.bf-page-feeds > .feed{width: min(calc(100% - 24px), 720px) !important;
    max-width: 720px !important;}
}

@media (max-width: 640px){
body.bf-page-feeds > .feed{width: 100% !important;
    max-width: none !important;
    margin: 10px auto 42px !important;
    padding: 0 10px 30px !important;}
}

@media (max-width: 899px){
html body.bf-page-feeds.bf-web-page{width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;}

body.bf-page-feeds > .feed{min-height: calc(100dvh - 82px) !important;
    padding-top: 0 !important;
    padding-bottom: 28px !important;
    box-sizing: border-box !important;}
}

@media (max-width: 680px){
body.bf-page-feeds > .feed{padding-top: 0 !important;}
}

body.bf-page-feeds .feed-list-heading.plans-list-heading,
body.bf-page-feeds .feed-list-heading.pg-head{position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 0 16px !important;
  padding: 22px 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 93% -25%, rgba(255,128,57,.13), transparent 18rem),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,250,246,.93)) !important;
  box-shadow: 0 14px 42px rgba(49,39,33,.06), inset 0 1px 0 rgba(255,255,255,.98) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-sizing: border-box !important;}

body.bf-page-feeds .feed-list-heading.plans-list-heading::before,
body.bf-page-feeds .feed-list-heading.pg-head::before{display: none !important;
  content: none !important;}

body.bf-page-feeds .feed-list-heading.plans-list-heading::after,
body.bf-page-feeds .feed-list-heading.pg-head::after{content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  width: 190px !important;
  height: 190px !important;
  right: -78px !important;
  top: -112px !important;
  border: 1px solid rgba(255,105,52,.13) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 25px rgba(255,135,72,.055), 0 0 0 51px rgba(255,85,112,.03) !important;
  pointer-events: none !important;}

body.bf-page-feeds .feed-heading-copy.pg-head-copy{width: auto !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;}

body.bf-page-feeds .feed-eyebrow.plans-eyebrow{display: block !important;
  width: auto !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #f05012 !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  white-space: normal !important;}

body.bf-page-feeds .feed-list-heading .pg-title{margin: 0 !important;
  color: #161619 !important;
  font-size: clamp(1.72rem, 3vw, 2.45rem) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -.052em !important;}

body.bf-page-feeds .feed-list-heading .pg-subtitle{display: block !important;
  max-width: 680px !important;
  margin: 8px 0 0 !important;
  color: #6d6867 !important;
  font-size: .91rem !important;
  line-height: 1.5 !important;}

body.bf-web-page.bf-page-feeds .feed-create-button.plans-create-button{display: inline-flex !important;
  width: 157px !important;
  inline-size: 157px !important;
  min-width: 157px !important;
  max-width: 157px !important;
  min-height: 48px !important;
  align-self: center !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  flex: 0 0 157px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #ff5a12 !important;
  border-radius: 15px !important;
  background: #ff5a12 !important;
  background-color: #ff5a12 !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: 0 9px 22px rgba(255,90,18,.19) !important;
  font-size: .86rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;}

body.bf-web-page.bf-page-feeds .feed-create-button.plans-create-button:hover{background: #e94a04 !important;
  background-color: #e94a04 !important;
  background-image: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 13px 28px rgba(255,90,18,.23) !important;}

body.bf-web-page.bf-page-feeds .feed-create-button.plans-create-button:active{transform: translateY(0) scale(.985) !important;}

body.bf-web-page.bf-page-feeds .feed-create-button.plans-create-button svg{width: 18px !important;
  height: 18px !important;}

@media (max-width: 680px){
body.bf-page-feeds .feed-list-heading.plans-list-heading,
body.bf-page-feeds .feed-list-heading.pg-head{width: 100% !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin: 0 0 12px !important;
    padding: 17px 16px !important;
    border-radius: 22px !important;}

body.bf-page-feeds .feed-list-heading.plans-list-heading::after,
body.bf-page-feeds .feed-list-heading.pg-head::after{width: 135px !important;
    height: 135px !important;
    right: -62px !important;
    top: -79px !important;
    box-shadow: 0 0 0 20px rgba(255,135,72,.05), 0 0 0 40px rgba(255,85,112,.027) !important;}

body.bf-page-feeds .feed-list-heading .pg-title{font-size: 1.58rem !important;}

body.bf-page-feeds .feed-list-heading .pg-subtitle{display: none !important;}

body.bf-web-page.bf-page-feeds .feed-create-button.plans-create-button{width: 136px !important;
    inline-size: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
    min-height: 44px !important;
    flex-basis: 136px !important;
    padding: 0 10px !important;
    gap: 6px !important;
    border-radius: 14px !important;
    font-size: .79rem !important;}

body.bf-web-page.bf-page-feeds .feed-create-button.plans-create-button svg{width: 17px !important;
    height: 17px !important;}
}

@media (max-width: 390px){
body.bf-page-feeds .feed-list-heading.plans-list-heading,
body.bf-page-feeds .feed-list-heading.pg-head{display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 0 !important;}

body.bf-page-feeds .feed-list-heading .pg-title{font-size: 1.42rem !important;}
}

@media (prefers-reduced-motion: reduce){
body.bf-web-page.bf-page-feeds .feed-create-button.plans-create-button{transition: none !important;}
}

@media (max-width: 640px){
body.bf-page-feeds > .feed{margin-top: 6px !important;}

body.bf-page-feeds .feed-list-heading.plans-list-heading,
body.bf-page-feeds .feed-list-heading.pg-head{width: calc(100% + 4px) !important;
    max-width: calc(100% + 4px) !important;
    margin-top: 0 !important;
    margin-right: -2px !important;
    margin-bottom: 12px !important;
    margin-left: -2px !important;}
}


/* Rendimiento de listas largas: el navegador puede omitir el pintado de tarjetas fuera de viewport. */
@supports (content-visibility: auto) {
  body.bf-page-feeds .feed-posts > article.post {
    content-visibility: auto;
    contain-intrinsic-size: 720px 900px;
  }
}

/* =========================================================
   MOMENTOS · CABECERA CON EL MISMO CRISTAL DE PLANES / GRUPOS
   Se conserva el contenido propio de Momentos y la geometría responsive.
========================================================= */

/* Viewers inmersivos · ajuste final de geometría y superficie. */
body.bf-page-feeds .media-viewer__panel{
  inset:auto !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:min(900px,calc(100vw - 24px)) !important;
  height:min(900px,calc(100svh - 24px)) !important;
  transform:translate(-50%,-50%) !important;
}
body.bf-page-feeds .media-viewer__stage{
  min-height:0 !important;
  border-radius:20px !important;
  background:#111318 !important;
}
body.bf-page-feeds .story-viewer-shell{
  border:1px solid rgba(255,255,255,.10) !important;
  background:#111318 !important;
  box-shadow:0 30px 90px rgba(0,0,0,.36) !important;
}
body.bf-page-feeds .story-stage,
body.bf-page-feeds .story-media-node{
  background:#111318 !important;
}
body.bf-page-feeds .story-viewer-top{
  background:linear-gradient(to bottom,rgba(7,9,13,.88),rgba(7,9,13,.50),rgba(7,9,13,0)) !important;
}
body.bf-page-feeds .story-viewer-author,
body.bf-page-feeds .story-viewer-author strong{
  color:#fff !important;
}
body.bf-page-feeds .story-viewer-author small{
  color:rgba(255,255,255,.68) !important;
}
body.bf-page-feeds .story-viewer-author > img{
  border-color:rgba(255,255,255,.20) !important;
}
body.bf-page-feeds .story-progress-segment{
  background:rgba(255,255,255,.24) !important;
}
body.bf-page-feeds .story-progress-fill{
  background:#fff !important;
}
body.bf-page-feeds .story-nav{
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(17,19,24,.68) !important;
  color:#fff !important;
  box-shadow:none !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}
body.bf-page-feeds .story-caption{
  color:#fff !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
}
@media (max-width:640px){
  body.bf-page-feeds .media-viewer__panel{
    width:calc(100vw - 16px) !important;
    height:calc(100svh - 16px) !important;
    border-radius:24px !important;
  }
  body.bf-page-feeds .story-viewer-shell{
    border:0 !important;
    border-radius:0 !important;
  }
}

/* ======================================================
   MOMENTOS · MÓVIL · ENCUADRE ADAPTATIVO AL VIEWPORT
   - El alto deja de depender de una proporción fija.
   - JS calcula el viewport visual real del dispositivo.
   - Se descuentan header, dock inferior y acciones de cada publicación.
   - Imagen/vídeo siempre llenan el marco sin deformarse.
====================================================== */
@media (max-width: 767px){
  body.bf-page-feeds .feed-posts > article.post.post--with-media{
    --bf-moment-media-h: max(320px, calc(100dvh - 230px));
    scroll-margin-top: calc(var(--bf-moment-header-h, 68px) + 8px) !important;
  }

  body.bf-page-feeds .feed-posts > article.post.post--with-media .post-media{
    width: 100% !important;
    height: var(--bf-moment-media-h) !important;
    min-height: 280px !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #0a0a0a !important;
    contain: paint !important;
  }

  body.bf-page-feeds .feed-posts > article.post.post--with-media .post-media-track,
  body.bf-page-feeds .feed-posts > article.post.post--with-media .post-media-item{
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
  }

  body.bf-page-feeds .feed-posts > article.post.post--with-media .post-media-item img,
  body.bf-page-feeds .feed-posts > article.post.post--with-media .post-media-item video{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: var(--bf-moment-focus-x, 50%) var(--bf-moment-focus-y, 50%) !important;
  }

  body.bf-page-feeds .feed-posts > article.post.post--with-media .post-media-item img{
    image-rendering: auto !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
  }

  /* Durante rotación/resize evitamos saltos visuales bruscos. */
  body.bf-page-feeds.bf-moment-viewport-resizing .feed-posts > article.post.post--with-media .post-media{
    transition: height .16s ease-out !important;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce){
  body.bf-page-feeds.bf-moment-viewport-resizing .feed-posts > article.post.post--with-media .post-media{
    transition: none !important;
  }
}

/* ======================================================
   COMPARTIR MOMENTO · GALERÍA Y SUBIDA V2
   La galería tiene su propio layout para evitar herencias antiguas del modal.
====================================================== */
.create-sheet--moment-production .create-section-card--media{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.create-sheet--moment-production .create-card-head--media{
  align-items:center !important;
  gap:0 !important;
}

.create-sheet--moment-production .create-media-efficiency{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 0 12px !important;
  padding:10px 11px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(255,90,18,.10) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(255,248,243,.98),rgba(255,255,255,.98)) !important;
}

.create-sheet--moment-production .create-media-efficiency-icon{
  display:grid !important;
  place-items:center !important;
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  border-radius:11px !important;
  background:rgba(255,90,18,.09) !important;
  color:#f1530e !important;
}

.create-sheet--moment-production .create-media-efficiency-icon svg{
  width:18px !important;
  height:18px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.create-sheet--moment-production .create-media-efficiency-copy{
  display:grid !important;
  min-width:0 !important;
  gap:2px !important;
}

.create-sheet--moment-production .create-media-efficiency-copy strong{
  color:#202024 !important;
  font-size:.74rem !important;
  font-weight:820 !important;
  line-height:1.2 !important;
}

.create-sheet--moment-production .create-media-efficiency-copy small{
  color:#7b7b83 !important;
  font-size:.65rem !important;
  font-weight:570 !important;
  line-height:1.35 !important;
}

.create-sheet--moment-production .create-dropzone{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  min-width:0 !important;
}

.create-sheet--moment-production .create-dropzone.is-compact{
  min-height:72px !important;
  padding:11px 13px !important;
  border-style:solid !important;
  background:#fffaf7 !important;
}

.create-sheet--moment-production .create-dropzone.is-compact .create-primary-icon{
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
}

.create-sheet--moment-production .create-dropzone.is-full{
  cursor:not-allowed !important;
  opacity:.62 !important;
  transform:none !important;
  box-shadow:none !important;
}

.create-sheet--moment-production .create-primary-copy{
  min-width:0 !important;
  flex:1 1 auto !important;
}

.create-sheet--moment-production .create-primary-text,
.create-sheet--moment-production .create-primary-hint{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}

.create-sheet--moment-production .create-media-preview,
.create-sheet--moment-production .create-media-preview.has-items{
  width:100% !important;
  min-width:0 !important;
  margin:12px 0 0 !important;
  align-items:start !important;
}

.create-sheet--moment-production .media-preview-item{
  display:block !important;
  min-width:0 !important;
  width:100% !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  border:1px solid rgba(24,24,27,.08) !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:0 7px 20px rgba(20,20,24,.065) !important;
  cursor:grab !important;
  isolation:isolate !important;
}

.create-sheet--moment-production .media-preview-item.dragging{
  opacity:.52 !important;
  cursor:grabbing !important;
}

.create-sheet--moment-production .media-preview-item.drag-over{
  outline:3px solid rgba(255,90,18,.26) !important;
  outline-offset:2px !important;
}

.create-sheet--moment-production .media-preview-item.has-error{
  border-color:rgba(199,66,66,.35) !important;
}

.create-sheet--moment-production .media-preview-visual{
  position:relative !important;
  width:100% !important;
  aspect-ratio:4 / 5 !important;
  overflow:hidden !important;
  background:#ececef !important;
}

.create-sheet--moment-production .media-preview-visual > img,
.create-sheet--moment-production .media-preview-visual > video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  background:#ececef !important;
}

.create-sheet--moment-production .media-preview-item.is-optimizing .media-preview-visual::after{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  content:"" !important;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.17) 45%,transparent 65%) !important;
  transform:translateX(-100%) !important;
  animation:momentMediaPreparing 1.35s ease-in-out infinite !important;
}

@keyframes momentMediaPreparing{
  to{transform:translateX(100%)}
}

.create-sheet--moment-production .media-order-badge{
  top:8px !important;
  left:8px !important;
  right:auto !important;
  z-index:5 !important;
  width:auto !important;
  min-width:25px !important;
  max-width:calc(100% - 50px) !important;
  height:25px !important;
  padding:0 8px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:rgba(17,17,20,.68) !important;
  color:#fff !important;
  font-size:.59rem !important;
  font-weight:820 !important;
  letter-spacing:.01em !important;
  line-height:1 !important;
  backdrop-filter:blur(12px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(130%) !important;
}

.create-sheet--moment-production .media-remove{
  top:8px !important;
  right:8px !important;
  bottom:auto !important;
  left:auto !important;
  z-index:6 !important;
  display:grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:50% !important;
  background:rgba(17,17,20,.70) !important;
  color:#fff !important;
  font-size:19px !important;
  font-weight:500 !important;
  line-height:1 !important;
  backdrop-filter:blur(12px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(130%) !important;
}

.create-sheet--moment-production .media-order-controls{
  position:absolute !important;
  left:8px !important;
  right:auto !important;
  bottom:8px !important;
  z-index:6 !important;
  display:flex !important;
  gap:6px !important;
}

.create-sheet--moment-production .media-order-btn{
  display:grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  padding:0 0 2px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:50% !important;
  background:rgba(17,17,20,.68) !important;
  color:#fff !important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:23px !important;
  font-weight:500 !important;
  line-height:1 !important;
  backdrop-filter:blur(12px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(130%) !important;
}

.create-sheet--moment-production .media-order-btn:disabled{
  opacity:.30 !important;
  cursor:default !important;
}

.create-sheet--moment-production .media-preview-meta{
  display:grid !important;
  min-width:0 !important;
  gap:3px !important;
  padding:8px 9px 9px !important;
  border-top:1px solid rgba(24,24,27,.055) !important;
  background:#fff !important;
}

.create-sheet--moment-production .media-preview-type,
.create-sheet--moment-production .media-preview-state{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.create-sheet--moment-production .media-preview-type{
  color:#252529 !important;
  font-size:.63rem !important;
  font-weight:790 !important;
}

.create-sheet--moment-production .media-preview-state{
  color:#84848c !important;
  font-size:.58rem !important;
  font-weight:620 !important;
}

.create-sheet--moment-production .media-preview-item.has-error .media-preview-state{
  color:#c74242 !important;
}

.create-sheet--moment-production .create-publish-summary.is-error{
  color:#b93b3b !important;
}

@media (min-width:900px){
  .create-sheet--moment-production .create-media-preview{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
  }

  .create-sheet--moment-production .create-section-card--media{
    min-height:0 !important;
  }
}

@media (max-width:899px){
  .create-sheet--moment-production .create-media-efficiency{
    margin-bottom:10px !important;
    padding:9px 10px !important;
  }

  .create-sheet--moment-production .create-media-efficiency-copy small{
    font-size:.62rem !important;
  }

  .create-sheet--moment-production .create-dropzone.is-compact{
    min-height:66px !important;
    padding:10px 11px !important;
  }

  .create-sheet--moment-production .create-media-preview{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .create-sheet--moment-production .media-preview-item{
    border-radius:14px !important;
  }

  .create-sheet--moment-production .media-preview-visual{
    aspect-ratio:4 / 5 !important;
  }

  .create-sheet--moment-production .media-preview-meta{
    padding:7px 8px 8px !important;
  }

}

@media (max-width:380px){
  .create-sheet--moment-production .create-media-preview{
    gap:7px !important;
  }
  .create-sheet--moment-production .media-order-btn,
  .create-sheet--moment-production .media-remove{
    width:28px !important;
    height:28px !important;
  }
  .create-sheet--moment-production .media-preview-type{font-size:.60rem !important;}
  .create-sheet--moment-production .media-preview-state{font-size:.55rem !important;}
}


/* =====================================================
   MOMENTOS · ESCRITORIO · CABECERA LATERAL COMO CONECTA
   -----------------------------------------------------
   Solo >= 900px. Móvil conserva exactamente su cristal actual.
   La cabecera deja de estar fijada al viewport y usa la misma
   composición lateral, superficie y escala que Conecta.
===================================================== */
@media (min-width: 900px){
  body.bf-page-feeds > .feed{
    display:grid !important;
    grid-template-columns:290px minmax(0,784px) minmax(0,1fr) !important;
    column-gap:18px !important;
    width:min(calc(100% - 32px),1088px) !important;
    max-width:1088px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.bf-page-feeds .feed-list-heading.plans-list-heading,
  body.bf-page-feeds .feed-list-heading.pg-head{
    position:relative !important;
    z-index:2 !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:start !important;
    display:flex !important;
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;
    min-height:0 !important;
    height:auto !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:0 !important;
    margin:0 !important;
    padding:18px 19px 19px !important;
    overflow:hidden !important;
    border:1px solid rgba(20,20,23,.075) !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 98% 0%,rgba(255,90,18,.105),transparent 31%),
      linear-gradient(145deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 72%,rgba(255,248,244,.96) 100%) !important;
    box-shadow:0 18px 55px rgba(22,22,24,.085),0 2px 8px rgba(22,22,24,.035) !important;
    -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
    backdrop-filter:blur(18px) saturate(145%) !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  body.bf-page-feeds .feed-list-heading.plans-list-heading::before,
  body.bf-page-feeds .feed-list-heading.pg-head::before{
    display:block !important;
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    top:-74px !important;
    right:-58px !important;
    width:180px !important;
    height:180px !important;
    border:0 !important;
    border-radius:50% !important;
    background:radial-gradient(circle,rgba(255,90,18,.12) 0%,rgba(255,90,18,0) 68%) !important;
    box-shadow:none !important;
    pointer-events:none !important;
  }

  body.bf-page-feeds .feed-list-heading.plans-list-heading::after,
  body.bf-page-feeds .feed-list-heading.pg-head::after{
    content:"" !important;
    position:absolute !important;
    z-index:1 !important;
    top:0 !important;
    right:auto !important;
    bottom:auto !important;
    left:26px !important;
    width:64px !important;
    height:3px !important;
    border:0 !important;
    border-radius:0 0 999px 999px !important;
    background:linear-gradient(90deg,#ff5a12,#ff8a47) !important;
    box-shadow:0 4px 14px rgba(255,90,18,.24) !important;
    pointer-events:none !important;
  }

  body.bf-page-feeds .feed-heading-copy.pg-head-copy{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.bf-page-feeds .feed-eyebrow.plans-eyebrow{
    display:inline-flex !important;
    width:auto !important;
    align-items:center !important;
    gap:7px !important;
    margin:0 0 8px !important;
    padding:5px 9px !important;
    border:1px solid rgba(255,90,18,.12) !important;
    border-radius:999px !important;
    background:rgba(255,90,18,.075) !important;
    color:#f04e0a !important;
    font-size:.64rem !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:.095em !important;
    text-transform:uppercase !important;
  }

  body.bf-page-feeds .feed-eyebrow.plans-eyebrow::before{
    content:"" !important;
    width:6px !important;
    height:6px !important;
    flex:0 0 6px !important;
    border-radius:50% !important;
    background:#ff5a12 !important;
    box-shadow:0 0 0 4px rgba(255,90,18,.10) !important;
  }

  body.bf-page-feeds .feed-list-heading .pg-title{
    margin:0 !important;
    color:#151517 !important;
    font-size:1.86rem !important;
    font-weight:880 !important;
    line-height:.98 !important;
    letter-spacing:-.052em !important;
  }

  body.bf-page-feeds .feed-list-heading .pg-subtitle{
    display:block !important;
    width:100% !important;
    max-width:320px !important;
    margin:11px 0 0 !important;
    color:#65656d !important;
    font-size:.82rem !important;
    font-weight:560 !important;
    line-height:1.48 !important;
    letter-spacing:-.008em !important;
    text-wrap:pretty !important;
  }

  body.bf-web-page.bf-page-feeds .feed-create-button.plans-create-button{
    width:auto !important;
    inline-size:auto !important;
    min-width:154px !important;
    max-width:none !important;
    min-height:42px !important;
    flex:0 0 auto !important;
    align-self:flex-start !important;
    margin:16px 0 0 !important;
    padding:0 15px !important;
    border-radius:14px !important;
    font-size:.76rem !important;
  }

  body.bf-page-feeds .feed-stories,
  body.bf-page-feeds .feed-posts,
  body.bf-page-feeds main.feed-posts{
    grid-column:2 !important;
  }
}

@media (min-width:1121px){
  body.bf-page-feeds > .feed{
    grid-template-columns:330px minmax(0,784px) minmax(0,1fr) !important;
    column-gap:24px !important;
    width:min(calc(100% - 64px),1460px) !important;
    max-width:1460px !important;
  }

  body.bf-page-feeds .feed-list-heading.plans-list-heading,
  body.bf-page-feeds .feed-list-heading.pg-head{
    width:500px !important;
    min-width:500px !important;
    max-width:500px !important;
    padding:20px 22px 21px !important;
    border-radius:26px !important;
  }

  body.bf-page-feeds .feed-list-heading .pg-title{
    font-size:2.05rem !important;
  }

  body.bf-page-feeds .feed-list-heading .pg-subtitle{
    max-width:450px !important;
    font-size:.86rem !important;
  }
}

/* =====================================================
   MOMENTOS · ESCRITORIO · CRISTAL SIEMPRE COMPLETO
   -----------------------------------------------------
   Evita que la cabecera lateral sobresalga de su columna y
   se recorte en viewports de escritorio estrechos. La columna
   crece de forma fluida hasta 500px; móvil (<900px) no cambia.
===================================================== */
@media (min-width: 900px){
  body.bf-page-feeds > .feed{
    grid-template-columns:clamp(220px,27vw,500px) minmax(0,784px) minmax(0,1fr) !important;
    column-gap:clamp(16px,2vw,24px) !important;
    width:min(calc(100% - 32px),1460px) !important;
    max-width:1460px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:visible !important;
  }

  body.bf-page-feeds .feed-list-heading.plans-list-heading,
  body.bf-page-feeds .feed-list-heading.pg-head{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    justify-self:stretch !important;
    box-sizing:border-box !important;
  }

  body.bf-page-feeds .feed-heading-copy.pg-head-copy,
  body.bf-page-feeds .feed-list-heading .pg-subtitle{
    min-width:0 !important;
    max-width:100% !important;
  }
}

/* El cristal conserva el aspecto grande de Conecta cuando hay espacio real. */
@media (min-width: 1600px){
  body.bf-page-feeds > .feed{
    grid-template-columns:500px minmax(0,784px) minmax(0,1fr) !important;
  }
}

/* En el tramo de escritorio más estrecho afinamos escala interior sin ocultar contenido. */
@media (min-width: 900px) and (max-width: 1080px){
  body.bf-page-feeds .feed-list-heading.plans-list-heading,
  body.bf-page-feeds .feed-list-heading.pg-head{
    padding:17px 17px 18px !important;
    border-radius:22px !important;
  }

  body.bf-page-feeds .feed-list-heading .pg-title{
    font-size:clamp(1.58rem,3vw,1.86rem) !important;
  }

  body.bf-page-feeds .feed-list-heading .pg-subtitle{
    font-size:.78rem !important;
    line-height:1.44 !important;
  }

  body.bf-web-page.bf-page-feeds .feed-create-button.plans-create-button{
    min-width:0 !important;
    max-width:100% !important;
  }
}

/* =====================================================
   MOMENTOS · CARGA SUAVE Y SCROLL ESTABLE · 2026-09-27
   -----------------------------------------------------
   Override final: elimina el blur brusco, revela publicaciones al entrar
   en viewport y muestra una transición ligera mientras carga la imagen.
===================================================== */
body.bf-page-feeds .feed-posts > article.post.bf-moment-reveal-pending,
body.bf-page-feeds .feed-posts > article.post.bf-moment-reveal-ready {
  opacity: 0 !important;
  transform: translate3d(0, 9px, 0) scale(.997) !important;
  filter: none !important;
  transition:
    opacity .32s ease var(--bf-moment-reveal-delay, 0ms),
    transform .42s cubic-bezier(.22, 1, .36, 1) var(--bf-moment-reveal-delay, 0ms) !important;
  will-change: opacity, transform !important;
}

body.bf-page-feeds .feed-posts > article.post.bf-moment-reveal-ready.bf-moment-reveal-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: none !important;
}

body.bf-page-feeds .feed-posts > article.post.post--pre-enter,
body.bf-page-feeds .feed-posts > article.post.post--enter {
  filter: none !important;
  transform: translate3d(0, 9px, 0) scale(.997) !important;
}

body.bf-page-feeds .post-media-item.bf-moment-image-loading {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #efeff1 0%, #f7f7f8 48%, #ececef 100%) !important;
}

body.bf-page-feeds .post-media-item.bf-moment-image-loading::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(105deg, transparent 28%, rgba(255,255,255,.62) 45%, transparent 62%);
  content: "";
  pointer-events: none;
  transform: translateX(-110%);
  animation: bfMomentImageShimmer 1.15s ease-in-out infinite;
}

body.bf-page-feeds .post-media-item img.bf-moment-media-pending {
  opacity: 0 !important;
  transform: scale(1.006) !important;
}

body.bf-page-feeds .post-media-item img.bf-moment-media-ready {
  opacity: 1 !important;
  transform: scale(1) !important;
  transition: opacity .30s ease, transform .48s cubic-bezier(.22,1,.36,1) !important;
}

@keyframes bfMomentImageShimmer {
  to { transform: translateX(110%); }
}

body.bf-page-feeds.bf-moments-ui-entering .feed-list-heading,
body.bf-page-feeds.bf-moments-ui-entering .feed-stories {
  opacity: 0;
  transform: translateY(6px);
}

body.bf-page-feeds.bf-moments-ui-entering.bf-moments-ui-visible .feed-list-heading,
body.bf-page-feeds.bf-moments-ui-entering.bf-moments-ui-visible .feed-stories {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .30s ease, transform .40s cubic-bezier(.22,1,.36,1);
}

body.bf-page-feeds .bf-feed-sentinel {
  flex: 0 0 1px;
  width: 100%;
  height: 1px;
  min-height: 1px;
  display: grid;
  place-items: center;
  overflow: hidden;
  transition: height .22s ease, min-height .22s ease;
}

body.bf-page-feeds .bf-feed-sentinel.is-loading {
  height: 72px;
  min-height: 72px;
}

body.bf-page-feeds .bf-feed-sentinel.is-loading::before {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(255,90,18,.14);
  border-top-color: #ff5a12;
  border-radius: 50%;
  content: "";
  animation: bfMomentLoadSpin .72s linear infinite;
}

@keyframes bfMomentLoadSpin { to { transform: rotate(360deg); } }

@media (min-width: 900px) {
  body.bf-page-feeds .feed-posts,
  body.bf-page-feeds main.feed-posts {
    scroll-behavior: smooth;
    scroll-padding-top: 8px;
  }

  body.bf-page-feeds .bf-moments-scroll-button[disabled],
  body.bf-page-feeds .bf-moments-scroll-button[aria-disabled="true"] {
    opacity: .34 !important;
    pointer-events: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.bf-page-feeds .feed-posts > article.post.bf-moment-reveal-pending,
  body.bf-page-feeds .feed-posts > article.post.bf-moment-reveal-ready,
  body.bf-page-feeds .feed-posts > article.post.bf-moment-reveal-ready.bf-moment-reveal-visible,
  body.bf-page-feeds .post-media-item img.bf-moment-media-pending,
  body.bf-page-feeds .post-media-item img.bf-moment-media-ready,
  body.bf-page-feeds.bf-moments-ui-entering .feed-list-heading,
  body.bf-page-feeds.bf-moments-ui-entering .feed-stories {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
  body.bf-page-feeds .post-media-item.bf-moment-image-loading::after,
  body.bf-page-feeds .bf-feed-sentinel.is-loading::before {
    animation: none !important;
  }
}