/* ax-share.css - share menu (section button, footer line, profile icons). Tokens from ax-settings.css. */
.ax-share { position: relative; z-index: 6; }
.ax-share > summary {
  display: inline-flex; align-items: center; gap: 1rem; justify-content: space-between; min-block-size: 48px; padding: .85rem 1.15rem;
  border: 1px solid var(--ax-line); background: var(--ax-surface); color: var(--ax-text); font-size: .86rem; font-weight: 650; list-style: none; cursor: pointer;
}
.ax-share > summary::-webkit-details-marker { display: none; }
.ax-share > summary:is(:hover, :focus-visible), .ax-share[open] > summary { border-color: var(--ax-accent); color: var(--ax-accent); }
.ax-share__panel {
  position: absolute; z-index: 20; inset-block-start: calc(100% + .5rem); inset-inline-start: 0;
  inline-size: min(26rem, 88vw); padding: 1rem; border: 1px solid var(--ax-line); background: var(--ax-surface); box-shadow: 0 1.2rem 2.4rem #07172526;
}
.ax-share__list { display: flex; flex-wrap: wrap; gap: .5rem; }
.ax-share__list :is(a, button) {
  display: inline-flex; align-items: center; gap: .45rem; min-block-size: 40px; padding: .5rem .85rem;
  border: 1px solid var(--ax-line); background: var(--ax-surface); color: var(--ax-text); font-size: .78rem; font-weight: 600; text-decoration: none;
}
.ax-share__list :is(a, button):is(:hover, :focus-visible) { border-color: var(--ax-accent); color: var(--ax-accent); }
.ax-share__list button[hidden] { display: none; }
.ax-share__list svg { inline-size: 1rem; block-size: 1rem; fill: currentColor; }
.ax-share__status { margin: .6rem 0 0; min-block-size: 1.2em; font-size: .78rem; color: var(--ax-muted); overflow-wrap: anywhere; }
.ax-share__status:empty { margin: 0; min-block-size: 0; }
/* footer line: share + the profiles speclang.pro already links */
.ax-footer-social {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem;
  padding: 1.2rem var(--ax-shell); border-block-start: 1px solid var(--ax-line);
}
.ax-footer-social h3 { margin: 0 0 .6rem; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--ax-muted); }
.ax-footer-social .ax-share__status { flex-basis: 100%; }
.ax-profiles { display: flex; gap: .5rem; }
.ax-profiles a {
  display: inline-grid; place-items: center; inline-size: 2.6rem; block-size: 2.6rem; border: 1px solid var(--ax-line); border-radius: 50%;
  color: var(--ax-text); transition: border-color .2s, color .2s;
}
.ax-profiles a:is(:hover, :focus-visible) { border-color: var(--ax-accent); color: var(--ax-accent); }
.ax-profiles svg { inline-size: 1.1rem; block-size: 1.1rem; fill: currentColor; }
@media (max-width: 560px) { .ax-share__panel { inline-size: min(26rem, calc(100vw - 2 * var(--ax-shell))); } }
@media (prefers-reduced-motion: reduce) { .ax-profiles a { transition: none; } }
@media (forced-colors: active) { .ax-share > summary, .ax-share__list :is(a, button), .ax-profiles a { border-color: ButtonText; } }
@media print { .ax-share, .ax-footer-social { display: none; } }
/* top share row (round E, owner 2026-10-10): the "Compartir" line of speclang.pro's top area, for the sites that carry the bars without
   speclang.pro's own utility block (axtlan.mx, studio.olmteka.com). Same items in the same order as speclang.pro's row: Facebook, WhatsApp,
   LinkedIn, Telegram, X, e-mail, the device's share sheet (where it exists), copy link + status. At 850 px and narrower (where speclang.pro folds
   its row into the menu) the row becomes the share menu above (details.ax-share) on one slim line. Host colours: --ax-sharebar-bg / -text / -line. */
.ax-sharebar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .3rem .55rem; min-block-size: 34px; padding: .3rem var(--ax-shell, 1rem);
  background: var(--ax-sharebar-bg, var(--ax-surface)); color: var(--ax-sharebar-text, var(--ax-text)); border-block-end: 1px solid var(--ax-sharebar-line, var(--ax-line));
  font-size: .72rem; line-height: 1.3; }
.ax-sharebar:has(.ax-sharebar__menu[open]) { z-index: 40; }   /* the open menu lies over the sticky site header */
.ax-sharebar__label { font-weight: 700; margin-inline-end: .2rem; }
.ax-sharebar__row { display: contents; }
.ax-sharebar__row > :is(a, button) { position: relative; display: inline-flex; align-items: center; min-block-size: 26px; min-inline-size: 0; padding: .1rem .55rem;
  border: 1px solid var(--ax-sharebar-line, var(--ax-line)); border-radius: 0; background: transparent; color: inherit; font: inherit; text-decoration: none; cursor: pointer; white-space: nowrap; }
.ax-sharebar__row > :is(a, button):is(:hover, :focus-visible) { border-color: var(--ax-accent); color: var(--ax-accent); }
.ax-sharebar__row > :is(a, button):focus-visible { outline: 2px solid var(--ax-accent); outline-offset: 2px; }
.ax-sharebar__row > button[hidden] { display: none; }
.ax-sharebar__menu { display: none; }
.ax-sharebar .ax-share__status { flex-basis: 100%; margin: 0; text-align: center; font-size: inherit; color: inherit; }
.ax-sharebar .ax-share__status:empty { display: none; }
@media (max-width: 850px) {
  .ax-sharebar__label, .ax-sharebar__row { display: none; }
  .ax-sharebar__menu { display: block; position: static; }
  .ax-sharebar__menu > summary { position: relative; min-block-size: 30px; padding: .2rem .9rem; border-color: var(--ax-sharebar-line, var(--ax-line)); background: transparent; color: inherit; font-size: .74rem; }
  .ax-sharebar__menu .ax-share__panel { inset-inline: var(--ax-shell, 1rem); inline-size: auto; max-inline-size: 26rem; margin-inline: auto; color: var(--ax-text); text-align: start; }
}
html[lang="zxx"] .ax-sharebar__row > :is(a, button) { white-space: normal; overflow-wrap: anywhere; }
@media (forced-colors: active) { .ax-sharebar__row > :is(a, button) { border-color: ButtonText; } }
@media print { .ax-sharebar { display: none; } }