.compartir-contenido {
    display: grid;
    grid-template-columns: max-content repeat(6, minmax(0, 1fr));
    align-items: center;
    gap: clamp(3px, 1vw, 8px);
    width: 100%;
    max-width: 356px;
    min-width: 0;
    margin: 18px 0;
    color: var(--texto);
}
.compartir-contenido > span { font-size: 14px; font-weight: 600; white-space: nowrap; }
.compartir-contenido .compartir-boton {
    display: grid;
    place-items: center;
    width: 100%;
    max-width: 38px;
    aspect-ratio: 1;
    border: 1px solid var(--borde);
    border-radius: 50%;
    color: inherit;
    background: transparent;
    text-decoration: none;
    transition: color .18s ease, border-color .18s ease, background .18s ease;
}
.compartir-contenido .compartir-boton .icono-social { display: block; width: 55%; height: 55%; max-width: 20px; max-height: 20px; }
.compartir-contenido .compartir-boton:hover { color: var(--texto-sobre-primario, #fff); background: var(--violeta); border-color: var(--violeta); }
.compartir-contenido .compartir-boton:focus-visible { outline: 2px solid var(--violeta); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .compartir-contenido .compartir-boton { transition: none; } }