/* Compartir — tokens Ekonatura. */
.share-control{position:relative;margin-left:auto;isolation:isolate}
/* Con el menú de compartir abierto, la cabecera hero deja de recortar para que
   el popover no quede clipeado por su overflow (las esquinas siguen redondeadas
   porque .ph-stage hereda el radio). */
body:has(.share-popover:not([hidden])) .ek-photo-hero{overflow:visible}
.share-trigger{display:inline-flex;align-items:center;gap:7px;padding:5px 0;border:0;border-bottom:1px solid var(--ek-line);background:transparent;color:var(--ek-text);font:700 .75rem/1 var(--ek-font-body);cursor:pointer}
.share-trigger:hover,.share-trigger:focus-visible{color:var(--ek-action);border-color:var(--ek-action)}
.share-trigger:focus-visible{outline:2px solid var(--ek-action);outline-offset:5px;border-radius:2px}
.share-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.share-popover{position:absolute;z-index:25;top:calc(100% + 14px);left:0;right:auto;width:230px;padding:12px;border:1px solid var(--ek-line);border-radius:16px;background:var(--ek-paper);color:var(--ek-text);box-shadow:0 18px 50px rgba(23,36,31,.16);opacity:1}
.share-popover[hidden]{display:none}
.share-popover p{margin:2px 4px 8px;color:var(--ek-text-muted);font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.share-popover a,.share-popover button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 9px;border:0;border-radius:9px;background:transparent;color:var(--ek-text);font:500 .84rem/1.2 var(--ek-font-body);text-decoration:none;cursor:pointer}
.share-popover a:hover,.share-popover button:hover,.share-popover a:focus-visible,.share-popover button:focus-visible{background:var(--ek-surface-alt);outline:0}
.share-popover span{color:var(--ek-action)}
.copy-status{display:block;min-height:1em;margin:5px 9px 0;color:var(--ek-action);font-size:.68rem}
@media(max-width:700px){
  .meta{align-items:center}
  .share-control{margin-left:0;flex-basis:auto;margin-top:4px}
  .share-popover{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;max-width:none;border-radius:18px;z-index:80;box-shadow:0 18px 50px rgba(23,36,31,.28)}
  .share-backdrop{position:fixed;inset:0;background:rgba(23,36,31,.28);z-index:70}
}