/* Friends App · Conecta · Seguridad del perfil
   Misma línea que el modal «Ubicación» de Cuenta.
   Capa final independiente: no cambia la lógica de bloqueo ni de avisos. */

/* Botón permanente en la esquina superior derecha de la foto. */
html body.bf-page-conocer .discover-card > .card-more {
  z-index: 110 !important;
  top: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  inset-block-start: 12px !important;
  inset-inline-end: 12px !important;
  width: 43px !important;
  min-width: 43px !important;
  max-width: 43px !important;
  height: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.94) !important;
  color: #232327 !important;
  box-shadow: 0 6px 20px rgba(18,18,24,.13) !important;
  -webkit-backdrop-filter: blur(12px) saturate(130%);
  backdrop-filter: blur(12px) saturate(130%);
  transform: none !important;
  -webkit-tap-highlight-color: transparent;
}
html body.bf-page-conocer .discover-card > .card-more svg {
  width: 21px !important;
  height: 21px !important;
  max-width: 21px !important;
  max-height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
html body.bf-page-conocer .discover-card > .card-more:is(:hover,:focus-visible) {
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(18,18,24,.18) !important;
}
html body.bf-page-conocer .discover-card > .card-more:active { transform: scale(.95) !important; }
html body.bf-page-conocer .discover-card > .card-more:focus-visible {
  outline: 3px solid rgba(26,26,30,.25) !important;
  outline-offset: 3px !important;
}

/* Diálogo, luz, tamaño y disposición común a los modales de Cuenta. */
html body.bf-page-conocer #discoverSheetOverlay.sheet-overlay {
  background: rgba(19,20,24,.5) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  backdrop-filter: blur(6px) !important;
}
html body.bf-page-conocer #discoverSheet.discover-security-modal {
  box-sizing: border-box !important;
  position: fixed !important;
  z-index: 2710 !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: min(494px, calc(100vw - 32px)) !important;
  max-width: min(494px, calc(100vw - 32px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 42px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid rgba(20,20,25,.06) !important;
  border-radius: 24px !important;
  background: #fff !important;
  color: #19191d !important;
  box-shadow: 0 28px 80px rgba(16,16,22,.20),0 5px 15px rgba(16,16,22,.06) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%,-47%) scale(.985) !important;
  transition: opacity .22s ease,transform .24s ease,visibility .22s ease !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
html body.bf-page-conocer #discoverSheet.discover-security-modal.show {
  top: 50% !important;
  bottom: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%,-50%) scale(1) !important;
}
html body.bf-page-conocer #discoverSheet > .sheet-handle { display: none !important; }
html body.bf-page-conocer #discoverSheet .sheet-view {
  box-sizing: border-box !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 23px 22px !important;
  background: #fff !important;
}
html body.bf-page-conocer #discoverSheet .sheet-view[hidden] { display: none !important; }
html body.bf-page-conocer #discoverSheet .discover-sheet-top {
  position: sticky !important;
  z-index: 5 !important;
  top: 0 !important;
  align-items: start !important;
  gap: 12px !important;
  margin: 0 -23px 12px !important;
  padding: 23px 23px 15px !important;
  border: 0 !important;
  background: rgba(255,255,255,.97) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
}
html body.bf-page-conocer #discoverSheet .discover-sheet-top--centered {
  grid-template-columns: minmax(0,1fr) 34px !important;
}
html body.bf-page-conocer #discoverSheet .discover-sheet-top:not(.discover-sheet-top--centered) {
  grid-template-columns: 34px minmax(0,1fr) 34px !important;
}
html body.bf-page-conocer #discoverSheet .discover-sheet-kicker {
  display: block !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #84848c !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
}
html body.bf-page-conocer #discoverSheet .sheet-title {
  font-size: 22px !important;
  font-weight: 780 !important;
  letter-spacing: -.038em !important;
  line-height: 1.16 !important;
}
html body.bf-page-conocer #discoverSheet .sheet-sub {
  max-width: none !important;
  margin: 7px 0 0 !important;
  color: #797981 !important;
  font-size: 12px !important;
  font-weight: 440 !important;
  line-height: 1.5 !important;
}
html body.bf-page-conocer #discoverSheet :is(.discover-sheet-close,.discover-sheet-back) {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  border: 1px solid rgba(24,24,28,.045) !important;
  border-radius: 11px !important;
  background: #f3f3f5 !important;
  color: #515158 !important;
  box-shadow: none !important;
}
html body.bf-page-conocer #discoverSheet :is(.discover-sheet-close,.discover-sheet-back) svg { width: 16px !important;height:16px !important; }
html body.bf-page-conocer #discoverSheet :is(.discover-sheet-close,.discover-sheet-back):hover { background: #ebebed !important; }

/* Perfil al que se aplicarán las acciones. */
html body.bf-page-conocer #discoverSheet .discover-sheet-profile,
html body.bf-page-conocer #discoverSheet .discover-report-profile {
  grid-template-columns: 48px minmax(0,1fr) auto !important;
  gap: 11px !important;
  margin: 0 0 15px !important;
  padding: 12px !important;
  border: 1px solid rgba(21,21,26,.045) !important;
  border-radius: 15px !important;
  background: #f8f8f9 !important;
  box-shadow: none !important;
}
html body.bf-page-conocer #discoverSheet .discover-sheet-profile img,
html body.bf-page-conocer #discoverSheet .discover-report-profile img {
  width: 48px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html body.bf-page-conocer #discoverSheet .discover-sheet-profile-copy > span,
html body.bf-page-conocer #discoverSheet .discover-report-profile span {
  color: #888890 !important;
  font-size: 10px !important;
  font-weight: 550 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body.bf-page-conocer #discoverSheet .discover-sheet-profile-copy strong,
html body.bf-page-conocer #discoverSheet .discover-report-profile strong {
  font-size: 14px !important;
  font-weight: 760 !important;
}
html body.bf-page-conocer #discoverSheet .discover-sheet-protected {
  width: 33px !important;
  height: 33px !important;
  border-radius: 10px !important;
  background: #ededf0 !important;
  color: #55555d !important;
}
html body.bf-page-conocer #discoverSheet .discover-sheet-protected svg { width: 18px !important;height: 18px !important; }
html body.bf-page-conocer #discoverSheet .discover-section-label {
  margin: 0 0 9px !important;
  padding: 0 2px !important;
  color: #3c3c42 !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  line-height: 1.4 !important;
}

/* Una fila por acción: icono gris, explicación clara y flecha discreta. */
html body.bf-page-conocer #discoverSheet .discover-sheet-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}
html body.bf-page-conocer #discoverSheet .discover-action-card {
  display: grid !important;
  min-height: 66px !important;
  grid-template-columns: 38px minmax(0,1fr) 16px !important;
  gap: 11px !important;
  align-items: center !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(22,22,26,.045) !important;
  border-radius: 15px !important;
  background: #f8f8f9 !important;
  box-shadow: none !important;
  transform: none !important;
}
html body.bf-page-conocer #discoverSheet .discover-action-card:hover {
  background: #f2f2f4 !important;
  border-color: rgba(22,22,26,.09) !important;
  box-shadow: none !important;
  transform: none !important;
}
html body.bf-page-conocer #discoverSheet .discover-action-icon,
html body.bf-page-conocer #discoverSheet .discover-action-card.is-warning .discover-action-icon,
html body.bf-page-conocer #discoverSheet .discover-action-card.danger .discover-action-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  background: #ededf0 !important;
  color: #4b4b53 !important;
}
html body.bf-page-conocer #discoverSheet .discover-action-icon svg { width: 19px !important;height: 19px !important; }
html body.bf-page-conocer #discoverSheet .discover-action-copy { gap: 3px !important; }
html body.bf-page-conocer #discoverSheet .discover-action-copy strong {
  font-size: 13px !important;
  font-weight: 740 !important;
  line-height: 1.3 !important;
}
html body.bf-page-conocer #discoverSheet .discover-action-copy small {
  color: #797981 !important;
  font-size: 11px !important;
  font-weight: 440 !important;
  line-height: 1.42 !important;
}
html body.bf-page-conocer #discoverSheet .discover-action-chevron { width: 16px !important; height: 16px !important; color: #a5a5ac !important; }
html body.bf-page-conocer #discoverSheet .discover-action-card.is-confirming {
  background: #fef4f2 !important;
  border-color: rgba(164,48,30,.22) !important;
}

/* Seguridad sin paneles innecesarios, con avisos por motivo opcionales. */
html body.bf-page-conocer #discoverSheet .discover-safety-panel {
  margin: 15px 0 0 !important;
  padding: 15px !important;
  border: 1px solid rgba(22,22,26,.045) !important;
  border-radius: 16px !important;
  background: #f8f8f9 !important;
  box-shadow: none !important;
}
html body.bf-page-conocer #discoverSheet .discover-safety-head { margin-bottom: 12px !important; }
html body.bf-page-conocer #discoverSheet .discover-safety-icon {
  background: #ededf0 !important;
  color: #515159 !important;
}
html body.bf-page-conocer #discoverSheet .discover-safety-head strong { font-size: 13px !important; font-weight: 730 !important; }
html body.bf-page-conocer #discoverSheet .discover-safety-head span:not(.discover-safety-icon) {
  color: #797981 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}
html body.bf-page-conocer #discoverSheet .discover-safety-chips { gap: 7px !important; }
html body.bf-page-conocer #discoverSheet .discover-chip {
  min-height: 33px !important;
  padding: 6px 10px !important;
  border: 1px solid #e9e9ec !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #45454c !important;
  font-size: 11px !important;
  font-weight: 550 !important;
  line-height: 1.3 !important;
}
html body.bf-page-conocer #discoverSheet .discover-chip:hover {
  background: #ededf0 !important;
  border-color: #dddddf !important;
  color: #19191d !important;
}
html body.bf-page-conocer #discoverSheet .discover-safety-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-top: 13px !important;
}
html body.bf-page-conocer #discoverSheet .discover-inline-btn,
html body.bf-page-conocer #discoverSheet .discover-inline-btn.ghost {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 41px !important;
  padding: 10px !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: #303037 !important;
  font-size: 11px !important;
  font-weight: 640 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  box-shadow: none !important;
}
html body.bf-page-conocer #discoverSheet #btnBlockAndReport {
  border-color: #222226 !important;
  background: #222226 !important;
  color: #fff !important;
}
html body.bf-page-conocer #discoverSheet .discover-sheet-privacy,
html body.bf-page-conocer #discoverSheet .discover-report-legal {
  display: block !important;
  margin: 14px auto 0 !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #898990 !important;
  font-size: 10.5px !important;
  font-weight: 440 !important;
  line-height: 1.55 !important;
  text-align: center !important;
}
html body.bf-page-conocer #discoverSheet .discover-sheet-privacy svg { display:none !important; }

/* Consejos y formulario de aviso. */
html body.bf-page-conocer #discoverSheet .discover-tips-list,
html body.bf-page-conocer #discoverSheet .report-form { margin-top: 8px !important; }
html body.bf-page-conocer #discoverSheet .discover-tip-item {
  grid-template-columns: 32px minmax(0,1fr) !important;
  min-height: 0 !important;
  padding: 13px !important;
  background: #f8f8f9 !important;
  border: 1px solid rgba(22,22,26,.045) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
html body.bf-page-conocer #discoverSheet .discover-tip-item > span { width: 30px; height: 30px; border-radius: 9px; background: #ebebee; }
html body.bf-page-conocer #discoverSheet .discover-tip-item strong { font-size: 12px !important; }
html body.bf-page-conocer #discoverSheet .discover-tip-item small { font-size: 11px !important; }
html body.bf-page-conocer #discoverSheet .discover-report-reasons { grid-template-columns: 1fr !important; gap: 7px !important; }
html body.bf-page-conocer #discoverSheet .discover-report-reasons legend { margin-bottom: 9px !important; font-size: 12px !important; }
html body.bf-page-conocer #discoverSheet .discover-report-reasons label > span {
  min-height: 0 !important;
  gap: 3px !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(22,22,26,.055) !important;
  border-radius: 13px !important;
  background: #f8f8f9 !important;
  box-shadow: none !important;
}
html body.bf-page-conocer #discoverSheet .discover-report-reasons input:checked + span {
  border-color: #353539 !important;
  background: #f1f1f3 !important;
  box-shadow: inset 0 0 0 1px #353539 !important;
}
html body.bf-page-conocer #discoverSheet .discover-report-reasons strong,
html body.bf-page-conocer #discoverSheet .discover-report-block strong { font-size: 12px !important; }
html body.bf-page-conocer #discoverSheet .discover-report-reasons small,
html body.bf-page-conocer #discoverSheet .discover-report-block small { font-size: 11px !important; line-height: 1.45 !important; }
html body.bf-page-conocer #discoverSheet .report-label { gap: 7px !important; font-size: 12px !important; }
html body.bf-page-conocer #discoverSheet .report-label > span:first-child { flex-wrap: wrap; }
html body.bf-page-conocer #discoverSheet .report-label > span small { font-size: 10.5px !important; }
html body.bf-page-conocer #discoverSheet .report-form textarea {
  min-height: 100px !important;
  border: 1px solid #e6e6e9 !important;
  border-radius: 13px !important;
  background: #f8f8f9 !important;
  color: #232329 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}
html body.bf-page-conocer #discoverSheet .report-form textarea:focus { border-color: #57575f !important; outline: 2px solid rgba(65,65,74,.12) !important; }
html body.bf-page-conocer #discoverSheet .discover-report-block {
  border: 1px solid rgba(22,22,26,.055) !important;
  border-radius: 13px !important;
  background: #f8f8f9 !important;
  box-shadow: none !important;
}
html body.bf-page-conocer #discoverSheet .discover-report-block input { accent-color: #242429 !important; }
html body.bf-page-conocer #discoverSheet .sheet-actions { gap:8px !important; }
html body.bf-page-conocer #discoverSheet .sheet-btn { min-height: 43px !important; height: 43px !important; border-radius: 12px !important; font-size: 12px !important; }
html body.bf-page-conocer #discoverSheet .sheet-btn.primary { border-color:#232327 !important; background:#232327 !important; color:#fff !important; }
html body.bf-page-conocer #discoverSheet .sheet-btn.ghost { background:#f1f1f3 !important; color:#34343a !important; }
html body.bf-page-conocer #discoverSheet button:focus-visible,
html body.bf-page-conocer #discoverSheet input:focus-visible + span {
  outline: 3px solid rgba(27,27,32,.17) !important;
  outline-offset: 2px !important;
}
html body.bf-page-conocer #discoverSheet button[hidden] { display:none !important; }

@media (max-width: 768px) {
  /* Igual que Cuenta: panel desde la parte inferior, sin barra de arrastre. */
  html body.bf-page-conocer .discover-card > .card-more {
    top: 11px !important;
    right: 11px !important;
    inset-block-start: 11px !important;
    inset-inline-end: 11px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
  html body.bf-page-conocer #discoverSheet.discover-security-modal {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: calc(94dvh - env(safe-area-inset-bottom)) !important;
    border-radius: 24px 24px 0 0 !important;
    border-bottom: 0 !important;
    transform: translateY(105%) !important;
  }
  html body.bf-page-conocer #discoverSheet.discover-security-modal.show {
    top: auto !important;
    bottom: 0 !important;
    transform: translateY(0) !important;
  }
  html body.bf-page-conocer #discoverSheet .sheet-view {
    padding: 0 19px calc(18px + env(safe-area-inset-bottom)) !important;
  }
  html body.bf-page-conocer #discoverSheet .discover-sheet-top {
    margin: 0 -19px 11px !important;
    padding: 21px 19px 13px !important;
  }
  html body.bf-page-conocer #discoverSheet .sheet-title { font-size: 21px !important; }
  html body.bf-page-conocer #discoverSheet .discover-safety-actions { grid-template-columns: 1fr !important; }
  html body.bf-page-conocer #discoverSheet .discover-safety-panel { padding: 13px !important; }
  html body.bf-page-conocer #discoverSheet .discover-sheet-profile,
  html body.bf-page-conocer #discoverSheet .discover-report-profile { margin-bottom: 12px !important; }
  html body.bf-page-conocer #discoverSheet .discover-safety-chips { gap: 6px !important; }
}
@media (max-width: 359px) {
  html body.bf-page-conocer #discoverSheet .sheet-view { padding-right: 15px !important; padding-left: 15px !important; }
  html body.bf-page-conocer #discoverSheet .discover-sheet-top { margin-right: -15px !important; margin-left: -15px !important; padding-right: 15px !important; padding-left: 15px !important; }
  html body.bf-page-conocer #discoverSheet .discover-inline-btn { font-size: 10.5px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body.bf-page-conocer #discoverSheet.discover-security-modal { transition: none !important; }
}