.ufy-gallery-profile-link { color: inherit; text-decoration: none; border-radius: 8px; }
.ufy-gallery-profile-link:focus-visible { outline: 2px solid #bc84ff; outline-offset: 4px; }
.ufy-story-share-overlay { position: absolute; z-index: 30; inset: 0; }
.ufy-story-share-overlay .us-sheet { height: 50%; max-height: 85%; min-height: min(380px, 85%); }
.ufy-story-share-overlay .us-button:not(.us-secondary) { color: #15121b; }
.ufy-story-share-preview { display: grid; justify-items: center; gap: 10px; }
.ufy-story-share-preview img, .ufy-story-share-preview video { display: block; width: 100%; max-height: 22vh; object-fit: contain; border-radius: 14px; background: #100b18; }
.ufy-story-share-preview p { margin: 0; text-align: center; overflow-wrap: anywhere; }
.ufy-story-viewer-share { position: absolute; right: 16px; bottom: max(85px, calc(env(safe-area-inset-bottom) + 75px)); z-index: 3; width: 44px; height: 44px; padding: 10px; border: 1px solid #ffffff80; border-radius: 50%; background: #170d29a6; color: white; cursor: pointer; }
.ufy-story-viewer-share svg { width: 100%; height: 100%; }
.ufy-story-viewer-share:disabled { opacity: .4; }
.ufy-story-original { position: absolute; z-index: 3; bottom: max(26px, env(safe-area-inset-bottom)); left: 16px; max-width: calc(100% - 100px); }
.ufy-story-original a { display: block; padding: 10px 14px; border-radius: 18px; background: #170d29c9; color: white; font: 600 13px/1.4 system-ui; text-decoration: none; }

/* Panel de Compartir: claro sobre el contenido, independientemente del tema del teléfono. */
.us-overlay.ufy-share-overlay {
  --us-text: #101222; --us-muted: #6b708d; --us-line: #e7e8f0;
  color: #101222; color-scheme: light; background: #100b201f;
}
.ufy-share-overlay .us-sheet {
  height: 61%; max-height: 88%; min-height: min(410px, 86%);
  border: 1px solid #ffffffc9; border-bottom: 0; border-radius: 28px 28px 0 0;
  background: linear-gradient(145deg, #f8f9ffed, #fffffffa 45%, #fafbfffa);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  box-shadow: 0 -8px 45px #16122929; color: #101222;
}
.ufy-share-overlay .us-sheet-top { min-height: 25px; }
.ufy-share-overlay .us-drag { height: 24px; }
.ufy-share-overlay .us-drag:after { background: #d2d3dc; width: 34px; height: 5px; top: 10px; left: 18px; }
.ufy-share-overlay .us-close { width: 26px; height: 26px; padding: 6px; top: 3px; right: 12px; color: #74768b; }
.ufy-share-overlay .us-sheet-heading { position: relative; padding: 2px 20px 10px; }
.ufy-share-overlay .us-sheet-heading h2 { color: #0a0c19; font-size: clamp(21px, 5.25cqw, 32px); margin: 0 50px 3px 0; line-height: 1.2; font-weight: 760; letter-spacing: -.65px; }
.ufy-share-overlay .us-sheet-heading p { color: #6b708d; font-size: clamp(12px, 3.1cqw, 18px); line-height: 1.45; }
.ufy-share-brand { position: absolute; right: 21px; top: 2px; font-size: clamp(23px, 5cqw, 32px); font-weight: 850; letter-spacing: -1.8px; background: linear-gradient(35deg, #a140ff 15%, #6960ff 50%, #21b9ff); color: transparent; background-clip: text; -webkit-background-clip: text; }
.ufy-share-overlay .us-sheet-body { padding: 0 14px; }
.ufy-share-menu { min-height: 100%; }
.ufy-share-shortcuts { display: flex; gap: 5px; padding: 0 0 10px; }
.ufy-share-overlay .ufy-share-shortcut { min-width: 0; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid #fff; border-radius: 14px; background: linear-gradient(155deg,#ffffffb8,#f7f7fc80); box-shadow: 0 3px 12px #9396b012; padding: 8px 2px; color: #606580; line-height: 1.2; font-family: inherit; font-size: clamp(10px,2.6cqw,15px); font-weight: 550; cursor: pointer; min-height: 59px; }
.ufy-share-glyph { display: grid; place-items: center; width: clamp(23px,5.7cqw,37px); height: clamp(23px,5.7cqw,37px); color: #606580; }
.ufy-share-glyph svg { width: 100%; height: 100%; }
.ufy-share-glyph.is-story { background: linear-gradient(125deg,#27aeff,#864dff 60%,#b12bff); color: white; border-radius: 50%; padding: 3px; }
.ufy-share-glyph.is-whatsapp { background: #19d449; color: white; border-radius: 50%; padding: 2px; }
.ufy-share-glyph.is-instagram { background: radial-gradient(circle at 25% 100%,#ffe453 0%,#ff912d 25%,#f2226a 45%,#b620d8 68%,#4736ed 95%); color: white; border-radius: 8px; padding: 3px; }
.ufy-share-search { display: flex; gap: 10px; align-items: center; background: #ecedf4d9; border-radius: 14px; min-height: 37px; padding: 7px 12px; color: #72778e; }
.ufy-share-search svg { height: 20px; width: 20px; flex: none; }
.ufy-share-search input { width: 100%; min-width: 0; font: inherit; font-size: 13px; color: #171b2c; background: transparent; border: 0; outline: none; padding: 0; }
.ufy-share-search input::placeholder { color: #7a8097; opacity: 1; }
.ufy-share-recipients { margin: 3px 5px 0; padding: 0; list-style: none; }
.ufy-share-recipient { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid #e7e9f2; min-height: 59px; }
.ufy-share-avatar { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: none; border-radius: 50%; overflow: hidden; background: linear-gradient(140deg,#d1c6ff,#98d9ee); color: #303356; font-size: 13px; font-weight: 650; }
.ufy-share-avatar img { width: 100%; height: 100%; object-fit: cover; }
.ufy-share-avatar.is-group:has(img) { display: grid; grid-template-columns: repeat(2,1fr); }
.ufy-share-avatar.is-group:has(img:only-child) { display: flex; }
.ufy-share-avatar.is-group img { min-height: 0; }
.ufy-share-person { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.ufy-share-person strong { color: #111426; font-size: 14px; font-weight: 680; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.25; }
.ufy-share-person small { color: #737991; font-size: 11px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ufy-share-person .is-online:before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 6px; background: #12d650; }
.ufy-share-overlay .ufy-share-send,.ufy-share-overlay .ufy-share-publish { flex: none; border: 1px solid #ffffffc9; border-radius: 12px; color: white; background: linear-gradient(105deg,#1db9fb,#5077ff 53%,#9c3fff); box-shadow: 0 5px 15px #527bff1a; line-height: 1.3; font-family: inherit; font-size: 13px; font-weight: 550; padding: 10px 16px; cursor: pointer; min-width: 77px; }
.ufy-share-send:disabled { cursor: default; opacity: .65; }
.ufy-share-publish { width: 100%; margin: 14px 0; min-height: 44px; }
.ufy-share-publish:disabled { opacity: .55; cursor: default; }
.ufy-share-overlay .ufy-share-back,.ufy-share-overlay .ufy-share-load { display: block; border: 0; background: transparent; color: #6057ae; font: inherit; font-size: 13px; padding: 12px 4px; cursor: pointer; }
.ufy-share-load { margin: 0 auto; }
.ufy-share-feedback { color: #737991; font-size: 12px; line-height: 1.5; text-align: center; }
.ufy-share-feedback:empty { display: none; }
.ufy-share-link { display: block; margin: 10px 0; color: #606580; font-size: 12px; }
.ufy-share-link input { width: 100%; border: 1px solid #c7c6d8; border-radius: 8px; color: #202337; background: white; font: inherit; padding: 10px; }
.ufy-share-overlay .us-sheet-status { color: #626983; font-size: 12px; padding: 0 20px; }
.ufy-share-overlay .us-sheet-status:not(:empty) { padding: 8px 20px; background: #f1f2fb; }
.ufy-share-overlay .us-sheet-status.us-error { color: #a62344; }
.ufy-share-overlay button:focus-visible,.ufy-share-overlay input:focus-visible { outline: 2px solid #7554ed; outline-offset: 2px; }
.ufy-share-overlay .ufy-story-share-preview img,.ufy-share-overlay .ufy-story-share-preview video { max-height: 28vh; }
.ufy-share-overlay .ufy-story-share-preview p { font-size: 13px; color: #606580; }
.ufy-el-chat-action.is-share svg { width: 24px; height: 24px; }
@media (min-width: 700px) {
  .ufy-share-overlay .us-sheet-heading { padding: 4px 28px 16px; }
  .ufy-share-overlay .us-sheet-body { padding: 0 24px; }
  .ufy-share-shortcuts { gap: 9px; padding-bottom: 16px; }
  .ufy-share-overlay .ufy-share-shortcut { min-height: 82px; border-radius: 20px; gap: 8px; }
  .ufy-share-search { min-height: 48px; }
  .ufy-share-search input { font-size: 17px; }
  .ufy-share-recipient { min-height: 76px; gap: 18px; }
  .ufy-share-avatar { width: 52px; height: 52px; }
  .ufy-share-person strong { font-size: 18px; }
  .ufy-share-person small { font-size: 14px; }
  .ufy-share-overlay .ufy-share-send { padding: 13px 29px; font-size: 16px; border-radius: 16px; }
}