/* DatosClaros Extra — Compartir */
.dcx-share { --dcx-borde: color-mix(in srgb, currentColor 16%, transparent); }
.dcx-share__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.dcx-share__lista li { margin: 0; padding: 0; }
.dcx-share__b {
	--red: currentColor;
	display: inline-flex; align-items: center; gap: .4em; font: inherit; font-size: .88em; line-height: 1;
	padding: .5em .85em; border-radius: 999px; border: 1px solid var(--dcx-borde);
	background: transparent; color: inherit; text-decoration: none !important; cursor: pointer;
	transition: background .15s, color .15s, border-color .15s, transform .15s;
}
.dcx-share__b svg { width: 1.05em; height: 1.05em; fill: var(--red); flex: none; transition: fill .15s; }
.dcx-share__b:hover, .dcx-share__b:focus-visible { background: var(--red); border-color: var(--red); color: #fff; transform: translateY(-1px); }
.dcx-share__b:hover svg, .dcx-share__b:focus-visible svg { fill: #fff; }
.dcx-share__b.is-ok { background: #22a06b; border-color: #22a06b; color: #fff; }
.dcx-share__b.is-ok svg { fill: #fff; }

/* Junto al botón «Compartir» del tema: solo iconos */
.dcx-share--inline { display: inline-flex; vertical-align: middle; margin-left: .3rem; }
.dcx-share__lista--compacta { gap: .25rem; }
.dcx-share__lista--compacta .dcx-share__b { padding: .45em; }
.dcx-share__lista--compacta .dcx-share__b span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Al final del contenido */
.dcx-share--final { margin: 2.5rem 0 1rem; padding: 1.1rem 1.2rem; border: 1px solid var(--dcx-borde); border-radius: 14px; }
.dcx-share__t { margin: 0 0 .7rem; font-weight: 600; }

/* Flotante */
.dcx-share--flota { position: fixed; z-index: 90; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; }
.dcx-share--flota.is-visible { opacity: 1; pointer-events: auto; }
@media (min-width: 901px) {
	.dcx-share--flota { left: 14px; top: 50%; transform: translate(-8px, -50%); }
	.dcx-share--flota.is-visible { transform: translate(0, -50%); }
	.dcx-share--flota .dcx-share__lista { flex-direction: column; background: var(--dc-fondo, Canvas); color: CanvasText; padding: .35rem; border-radius: 999px; box-shadow: 0 4px 20px rgba(0,0,0,.12); }
}
@media (max-width: 900px) {
	.dcx-share--flota { left: 0; right: 0; bottom: 0; transform: translateY(100%); background: var(--dc-fondo, Canvas); color: CanvasText; box-shadow: 0 -4px 16px rgba(0,0,0,.12); padding: .45rem .6rem calc(.45rem + env(safe-area-inset-bottom)); }
	.dcx-share--flota.is-visible { transform: none; }
	.dcx-share--flota .dcx-share__lista { justify-content: space-around; flex-wrap: nowrap; }
	.dcx-share--flota .dcx-share__b { padding: .55em; }
}
@media print { .dcx-share { display: none !important; } }
@media (prefers-color-scheme: dark) {
	.dcx-share__b[data-red="x"] svg, .dcx-share__b[data-red="threads"] svg { fill: currentColor; }
}