/* Hoja de compartir + recuadro «Compartido por» (2026-11-11).
   Paleta TÍRALE: #fff, #F7F7F7, texto #111, secundario #555,
   bordes #E5E5E5, botones negros con texto blanco. Usa las variables
   de tema cuando existen (publicaciones) y cae al blanco/negro fijo
   (reels). */
.tc-hoja-fondo { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 80; display: flex; align-items: flex-end; justify-content: center; }
.tc-hoja { background: var(--card, #fff); color: var(--tinta, #111); width: 100%; max-width: 520px; border-radius: 22px 22px 0 0; padding: 18px; max-height: 82vh; overflow: auto; box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 -12px 40px rgba(0,0,0,.3); }
.tc-hoja h3 { margin: 0 0 12px; font-size: 1.05rem; }
.tc-hoja button { display: block; width: 100%; text-align: left; background: var(--fondo, #F7F7F7); color: var(--tinta, #111); border: 1px solid var(--borde, #E5E5E5); border-radius: 14px; padding: 12px 14px; margin-bottom: 8px; font: inherit; font-weight: 800; cursor: pointer; box-shadow: var(--elev-1); }
.tc-hoja button:active { transform: translateY(1px); box-shadow: var(--elev-btn-press); }
.tc-hoja button.tc-hoja-cerrar { background: #111; color: #fff; }
html.oscuro .tc-hoja button, body.oscuro .tc-hoja button { background: #2a2a2a; }
html.oscuro .tc-hoja button.tc-hoja-cerrar, body.oscuro .tc-hoja button.tc-hoja-cerrar { background: #fff; color: #111; }
.tc-hoja-nota { color: var(--suave, #555); font-weight: 700; font-size: .9rem; margin: 0 0 12px; line-height: 1.45; }

/* Recuadro «Compartido por» debajo de cada post/reel. */
.tc-cmp { border-top: 1px solid var(--borde, #E5E5E5); margin-top: 10px; padding-top: 10px; }
.tc-cmp-titulo { font-weight: 900; font-size: .88rem; margin: 0 0 8px; color: var(--tinta, #111); }
.tc-cmp-chip { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.tc-cmp-av { width: 30px; height: 30px; flex: none; border-radius: 50%; background: #111; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; overflow: hidden; text-decoration: none; }
.tc-cmp-av img { width: 100%; height: 100%; object-fit: cover; }
.tc-cmp-tx { display: flex; flex-direction: column; min-width: 0; font-size: .88rem; line-height: 1.3; }
.tc-cmp-det { color: var(--suave, #555); font-weight: 700; font-size: .8rem; }
.tc-cmp-ic { margin-left: auto; font-size: 1.05rem; }
.tc-cmp-conteos { font-weight: 800; font-size: .9rem; margin: 0 0 6px; color: var(--tinta, #111); }
.tc-cmp-nota { color: var(--suave, #555); font-size: .75rem; font-weight: 700; line-height: 1.4; margin: 4px 0 0; }

/* Toast de confirmación (copiar enlace). */
.tc-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); background: #111; color: #fff; font-weight: 800; font-size: .9rem; padding: 10px 18px; border-radius: 999px; z-index: 120; box-shadow: var(--elev-2); }