/* share-blocks.css — [2026-11-05] Bloque «Compartir en redes» de los Posts.
 *
 * ESTE ARCHIVO ES IDÉNTICO en:
 *   - Panel:       webroot/css/admin/share-blocks.css  (vista previa del editor)
 *   - Web central: webroot/css/share-blocks.css        (artículos)
 * Si se cambia uno, copiar el otro. El marcado lo generan
 * tiptap-extras.mjs::shareBlockHTML() (Panel) y
 * ContentProcessorTrait::renderShareBlock() (web) — mismo HTML.
 */
.share-block {
  --share-color: #000;
  --share-ink: #1A1A1A;
  --share-mention: #1A91D1;
  max-width: 34rem;
  margin: 2rem auto;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.share-block__label {
  margin: 0 0 .5rem;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #6b7280;
}
.share-block__card,
.share-block__card:hover,
.share-block__card:focus {
  display: flex;
  align-items: flex-start;
  gap: .85rem;
  padding: 1rem 1.15rem;
  border: 1px solid #e3e6ea !important;
  border-left: 4px solid var(--share-color) !important;
  border-radius: 10px;
  background: #fff;
  color: var(--share-ink) !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  transition: box-shadow .15s ease, transform .15s ease;
}
.share-block__card:hover,
.share-block__card:focus-visible {
  box-shadow: 0 8px 22px -12px rgba(0, 0, 0, .35);
  transform: translateY(-1px);
}
.share-block__card:focus-visible { outline: 2px solid var(--share-color); outline-offset: 3px; }
.share-block__icon {
  flex: 0 0 auto;
  display: inline-flex;
  margin-top: .15rem;
  color: var(--share-color);
}
.share-block__icon svg { width: 22px; height: 22px; }
.share-block__text {
  flex: 1;
  min-width: 0;
  font-size: 1.05rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.share-block__empty { color: #9aa3ae; font-style: italic; }
.share-mention {
  color: var(--share-mention);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .share-block__card { transition: none; }
  .share-block__card:hover { transform: none; }
}